Web Component

One custom element, <mvi-icon>, with every Icon bundled in. It works offline and in any framework.

npm i @moonveilicons/web-components

<script type="module">
  import '@moonveilicons/web-components';
</script>

<mvi-icon name="heart"></mvi-icon>
<mvi-icon name="heart" type="solid" size="32" color="crimson" rotate="90" title="Liked"></mvi-icon>

Without a bundler, load it from a CDN:

<script type="module" src="https://cdn.jsdelivr.net/npm/@moonveilicons/web-components/+esm"></script>