svelte-bootstrap-icons

[![NPM][npm]][npm-url]

> Bootstrap SVG icons as Svelte components with zero dependencies.

This package uses svelvg to convert source SVG files into Svelte components.

Try it in the Svelte REPL.

---

Installation

``bash


NPM

npm i svelte-bootstrap-icons

pnpm

pnpm i svelte-bootstrap-icons

Bun

bun add svelte-bootstrap-icons

Yarn

yarn add svelte-bootstrap-icons
`

Usage

See ICON_INDEX.md for a list of supported icons.

$3

`svelte





`

$3

Import the icon directly for faster compiling during development.

`html

`

$3

$$restProps are forwarded to the svg element.

Use the width and height attributes to customize the icon size. The default is 16px.

`svelte

`

$3

Use the fill attribute to specify a custom color.

`svelte

``

Changelog

Changelog

Contributing

See the contributing guidelines.

License

MIT

[npm]: https://img.shields.io/npm/v/svelte-bootstrap-icons.svg?color=%237952b3&style=for-the-badge
[npm-url]: https://npmjs.com/package/svelte-bootstrap-icons