svelte-mono-icons

Svelte components for the beautiful mono icon set.

Installation

With npm npm install --save-dev svelte-mono-icons

or yarn yarn add --dev svelte-mono-icons

Usage

<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>

Icons

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';

Acknowledgements

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes