Svelte components for the beautiful mono icon set.
With npm
npm install --save-dev svelte-mono-icons
or yarn
yarn add --dev svelte-mono-icons
<script>
import { MoonIcon, SunIcon, ... } from 'svelte-mono-icons';
</script>
<MoonIcon size="24" />
<SunIcon size="1.5x" class="yellow" focusable="false" />
<style>
:global(.yellow path) {
fill: yellow !important;
}
</style>
Complete list of icons can be found here.
The naming convention for the components is pascal case with 'Icon' appended. So the icon 'arrow-up' become 'ArrowUpIcon'.
import { ArrowUpIcon } from 'svelte-mono-icons';