Usage no npm install needed!

<script type="module">
  import sveltePartsIcons from 'https://cdn.skypack.dev/@svelte-parts/icons';
</script>

README

@svelte-parts/icons

Icon components for svelte.

Demo and list of all available icons

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>