ProIcons for Svelte

Features

• All icons are available as customizable Svelte components
• Supports ESM tree-shaking

Read the full documentation here

Installation

Install via NPM:

npm install @proicons/svelte

Usage

All icons are available as Svelte components named in PascalCase and may end in Icon.

To import the Add Square icon:

<script>
import { SearchIcon } from '@proicons/svelte'

</script>

<SearchIcon color="red" size={32} />

There are several ways to import an icon into your Svelte component. These are all the same:

import { AddIcon } from '@proicons/svelte'
import { AddIcon } from '@proicons/svelte/icons'
import AddIcon from '@proicons/svelte/AddIcon'

Contributing

For more info on how to contribute, please see our contributing guide.