Skip to content

srmullen/svelte-mono-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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