Svicons

Popular SVG icon packs as Svelte components

Big thanks to @jacobwgillespie and his project svg-icons for providing pre-assembled and pre-cleaned SVG icons!

Icon Explorer (very much WIP)

Installation

npm i -D @svicons/{packName}

For example

pnpm add -D @svicons/octicons @svicons/fa-solid @svicons/material-sharp

Usage

<script>
  import Alarm from '@svicons/bootstrap/alarm.svelte'
</script>

<Alarm width="3em" color="green" />

Other Svicon Packs

To Dos

1. Create a searchable & filterable index page listing all icon packs and all available icons. Similar to https://styled-icons.dev. (partially completed)
2. Convert both the site and all icon packages to TypeScript. (partially completed)
3. Automate versioning and publishing with GitHub actions to match https://github.com/svg-icons/svg-icons release cycles.
4. Add some ava tests to ensure icons can be imported and have expected props.

Contributions towards any of these goals are much appreciated!

Credit where it's due

Thanks to all these icon packs for their permissive licensing, allowing free use!

• Bootstrap: MIT License
• Boxicons: CC BY 4.0 License
• Crypto Icons: CC0 1.0 Universal License
• Entypo: CC BY-SA 4.0 License
• Eva Icons: MIT License
• Evil Icons: MIT License
• Feather: MIT License
• FluentUI System: MIT License
• Font Awesome: CC BY 4.0 License
• Foundation: no license info in repo
• Heroicons: MIT License
• Icomoon: GPL / CC BY 4.0 License
• Ionicons: MIT License
• Material Design: Apache License Version 2.0
• Octicons: MIT License
• Open Iconic: MIT License
• Remix: Apache License 2.0
• Simple Icons: CC0 1.0 Universal License
• Typicons: CC BY SA 3.0 License
• Zondicons: MIT License