@svelte-parts/icons

Icon components for svelte.

Demo and list of all available icons

Try it out in the svelte REPL

Collections:

• feather icons (repo - License: MIT)
• maki (repo - License: CC0)
• octicons (repo - License: MIT)

Install

npm install @svelte-parts/icons

Usage

<script>
  import ActivityIcon from '@svelte-parts/icons/feather/activity'
  import AerialwayIcon from '@svelte-parts/icons/maki/aerialway'
  import AlertIcon from '@svelte-parts/icons/octicons/alert'
</script>

<h1>Inlined <ActivityIcon /> icons</h1>
<p> That keep the same size <AerialwayIcon /> as the text</p>
<button>Even here <AlertIcon /> in a button </button>

If you want to make it fit the container like SVG, set inline to false

<div style="width:500px">
  <Icon inline={false}>
</div>