https://github.com/srmullen/svelte-mono-icons

Mono icons for Svelte
https://github.com/srmullen/svelte-mono-icons

component-library icon-library mono-icons svelte sveltejs

Last synced: 23 days ago
JSON representation

Mono icons for Svelte

• Host: GitHub
• URL: https://github.com/srmullen/svelte-mono-icons
• Owner: srmullen
• License: mit
• Created: 2020-10-14T22:25:49.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-09T17:32:13.000Z (over 3 years ago)
• Last Synced: 2024-10-01T15:48:43.087Z (about 1 month ago)
• Topics: component-library, icon-library, mono-icons, svelte, sveltejs
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 17
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# svelte-mono-icons

Svelte components for the beautiful [mono icon set](https://github.com/mono-company/mono-icons).

## Installation

With npm

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

or yarn

`yarn add --dev svelte-mono-icons`

## Usage

```html

  import { MoonIcon, SunIcon, ... } from 'svelte-mono-icons';

  :global(.yellow path) {

    fill: yellow !important;

  }

```

## Icons

Complete list of icons can be found [here](https://icons.mono.company/).

The naming convention for the components is pascal case with 'Icon' appended. So the icon 'arrow-up' become 'ArrowUpIcon'.

```javascript

import { ArrowUpIcon } from 'svelte-mono-icons';

```

## Acknowledgements

- [Mono Icons](https://github.com/mono-company/mono-icons)

- This library is based on [svelte-feather-icons](https://github.com/dylanblokhuis/svelte-feather-icons) and [vue-feather-icons](https://github.com/egoist/vue-feather-icons)