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'

Request an icon

If an icon you want isn't in the set, you can request an icon in discussions.

Contributing

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