All Projects → RobBrazier → Svelte Awesome

RobBrazier / Svelte Awesome

Licence: mit
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Svelte Awesome

Iconify Sketch
Sketch plug-in for importing over 70,000 icons from 80+ icon sets, including Material Design Icons, FontAwesome, Jam Icons, Open Emoji and many others.
Stars: ✭ 76 (-60.62%)
Mutual labels:  svg, icons, font-awesome, svelte
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (-66.84%)
Mutual labels:  svg, font, icons, icon
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-75.13%)
Mutual labels:  svg, icons, icon
Fontello Svg
Generate SVG icons from a Fontello icon set.
Stars: ✭ 59 (-69.43%)
Mutual labels:  svg, font, icon
Govicons
🇺🇸 US Government themed icons and CSS toolkit
Stars: ✭ 60 (-68.91%)
Mutual labels:  svg, font, icons
Svgtofont
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font.
Stars: ✭ 149 (-22.8%)
Mutual labels:  font, icons, icon
Yii2 Widget Rating
A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets)
Stars: ✭ 47 (-75.65%)
Mutual labels:  svg, font, icon
Pixo
Convert SVG icons into React components
Stars: ✭ 371 (+92.23%)
Mutual labels:  svg, icons, icon
Icotar
A free colorful icon avatar generator.
Stars: ✭ 94 (-51.3%)
Mutual labels:  svg, icons, icon
Icons
The premium icon font for @uiwjs Component Library. https://uiwjs.github.io/icons
Stars: ✭ 99 (-48.7%)
Mutual labels:  svg, icons, icon
Sb
SVG badges to display
Stars: ✭ 99 (-48.7%)
Mutual labels:  svg, icons, icon
Font Awesome Swift
Font Awesome swift library for iOS.
Stars: ✭ 743 (+284.97%)
Mutual labels:  font, icons, font-awesome
Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (+269.95%)
Mutual labels:  font, icons, font-awesome
Font Awesome Php
A PHP library for Font Awesome 4.7.
Stars: ✭ 47 (-75.65%)
Mutual labels:  font, icons, font-awesome
React Fontawesome
A React Font Awesome component.
Stars: ✭ 662 (+243.01%)
Mutual labels:  font, icon, font-awesome
Styled Icons
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
Stars: ✭ 1,878 (+873.06%)
Mutual labels:  svg, icons, font-awesome
Devicon
Set of icons representing programming languages, designing & development tools
Stars: ✭ 4,536 (+2250.26%)
Mutual labels:  svg, font, icons
Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+2451.3%)
Mutual labels:  svg, icons, icon
Font Awesome Stylus
Stylus port for font-awesome 4.7.0
Stars: ✭ 77 (-60.1%)
Mutual labels:  font, icons, font-awesome
Tabler Icons
A set of over 1400 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Stars: ✭ 10,858 (+5525.91%)
Mutual labels:  svg, icons, icon

Svelte-Awesome

Semaphore CI npm bundlephobia Code Climate PRs Welcome

Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome

Svelte-Awesome supports Font-Awesome v4.7.0 (icons inbuilt) and v5 (via @fortawesome npm packages)

A demo is available here

Installation

NPM

$ npm install --save svelte-awesome

Usage

<!-- basic -->
<Icon data={beer}/>

<!-- with options -->
<Icon data={refresh} scale="2"/>
<Icon data={comment} flip="horizontal"/>
<Icon data={codeFork} label="Forked Repository"/>

<!-- stacked icons [WIP] -->
<Icon label="No Photos">
  <Icon data={camera}/>
  <Icon name={ban} scale="2" class="alert"/>
</Icon>

<!-- FontAwesome v5 Icons!! -->
<Icon data={faThumbsUp}/>

<script>
  import Icon from 'svelte-awesome';
  import { beer, refresh, comment, codeFork, camera, ban } from 'svelte-awesome/icons';
  import { faThumbsUp } from '@fortawesome/free-regular-svg-icons';
</script>

Sapper Usage

For Sapper, you may need to import the Icon component explicitly as below:

import Icon from 'svelte-awesome/components/Icon.svelte'

Contributors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].