svelte-codicons

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

> VS Code Codicons as Svelte components.

This zero-dependency library uses svelvg to convert SVG files from the @vscode/codicons into Svelte components.

Try it in the Svelte REPL.

Installation

``bash


NPM

npm i -D svelte-codicons

pnpm

pnpm i -D svelte-codicons

Bun

bun add -D svelte-codicons

Yarn

yarn add -D svelte-codicons
`

Usage

$3

`svelte





`

Refer to ICON_INDEX.md for a list of supported icons.

$3

Use the direct import for faster compiling during development.

`svelte no-eval

`

Using svelte:component

`svelte


{#each Object.entries(icons) as [icon, component]}



{/each}
`

$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

`

License

MIT

vscode-codicons` is licensed as CC-BY-4.0.

[npm]: https://img.shields.io/npm/v/svelte-codicons.svg?color=%230066B8&style=for-the-badge
[npm-url]: https://npmjs.com/package/svelte-codicons