<p align="center">
  <img src="https://raw.githubusercontent.com/janosh/svicons/main/static/svicons.svg" alt="Svicons" height=125>
</p>

<h2 align="center">

[Ionicons Outline][ionicons-outline] icon pack as Svelte components

</h2>

## Installation

```sh
npm i -D @svicons/ionicons-outline
# or
yarn add -D @svicons/ionicons-outline
```

## Usage

```svelte
<script>
  import Accessibility from '@svicons/ionicons-outline/accessibility.svelte
</script>

<Accessibility width="3em" color="green" />
```

## Other Svicon Packs

|                           |                    |                     |                     |                          |
| ------------------------- | ------------------ | ------------------- | ------------------- | ------------------------ |
| [bootstrap]               | [boxicons-logos]   | [boxicons-regular]  | [boxicons-solid]    | [crypto]                 |
| [entypo]                  | [entypo-social]    | [evaicons-outline]  | [evaicons-solid]    | [evil]                   |
| [fa-brands]               | [fa-regular]       | [fa-solid]          | [feather]           | [fluentui-system-filled] |
| [fluentui-system-regular] | [foundation]       | [heroicons-outline] | [heroicons-solid]   | [icomoon]                |
| [ionicons-outline]        | [ionicons-sharp]   | [ionicons-solid]    | [material-outlined] | [material-rounded]       |
| [material-sharp]          | [material-twotone] | [octicons]          | [open-iconic]       | [remix-editor]           |
| [remix-fill]              | [remix-line]       | [simple-icons]      | [typicons]          | [zondicons]              |

[bootstrap]: https://npmjs.com/package/@svicons/bootstrap
[boxicons-logos]: https://npmjs.com/package/@svicons/boxicons-logos
[boxicons-regular]: https://npmjs.com/package/@svicons/boxicons-regular
[boxicons-solid]: https://npmjs.com/package/@svicons/boxicons-solid
[crypto]: https://npmjs.com/package/@svicons/crypto
[entypo]: https://npmjs.com/package/@svicons/entypo
[entypo-social]: https://npmjs.com/package/@svicons/entypo-social
[evaicons-outline]: https://npmjs.com/package/@svicons/evaicons-outline
[evaicons-solid]: https://npmjs.com/package/@svicons/evaicons-solid
[evil]: https://npmjs.com/package/@svicons/evil
[fa-brands]: https://npmjs.com/package/@svicons/fa-brands
[fa-regular]: https://npmjs.com/package/@svicons/fa-regular
[fa-solid]: https://npmjs.com/package/@svicons/fa-solid
[feather]: https://npmjs.com/package/@svicons/feather
[fluentui-system-filled]: https://npmjs.com/package/@svicons/fluentui-system-filled
[fluentui-system-regular]: https://npmjs.com/package/@svicons/fluentui-system-regular
[foundation]: https://npmjs.com/package/@svicons/foundation
[heroicons-outline]: https://npmjs.com/package/@svicons/heroicons-outline
[heroicons-solid]: https://npmjs.com/package/@svicons/heroicons-solid
[icomoon]: https://npmjs.com/package/@svicons/icomoon
[ionicons-sharp]: https://npmjs.com/package/@svicons/ionicons-sharp
[ionicons-solid]: https://npmjs.com/package/@svicons/ionicons-solid
[ionicons-outline]: https://npmjs.com/package/@svicons/ionicons-outline
[material]: https://npmjs.com/package/@svicons/material
[material-outlined]: https://npmjs.com/package/@svicons/material-outlined
[material-rounded]: https://npmjs.com/package/@svicons/material-rounded
[material-twotone]: https://npmjs.com/package/@svicons/material-twotone
[material-sharp]: https://npmjs.com/package/@svicons/material-sharp
[octicons]: https://npmjs.com/package/@svicons/octicons
[open-iconic]: https://npmjs.com/package/@svicons/open-iconic
[remix-fill]: https://npmjs.com/package/@svicons/remix-fill
[remix-editor]: https://npmjs.com/package/@svicons/remix-editor
[remix-line]: https://npmjs.com/package/@svicons/remix-line
[simple-icons]: https://npmjs.com/package/@svicons/simple-icons
[typicons]: https://npmjs.com/package/@svicons/typicons
[zondicons]: https://npmjs.com/package/@svicons/zondicons