svelte-octicons
GitHub Octicons as Svelte components.
This library builds GitHub Primer Octicons as Svelte components with zero dependencies.
Try it in the Svelte REPL.
Installation
# npm
npm i svelte-octicons
# pnpm
pnpm i svelte-octicons
# Bun
bun i svelte-octicons
# Yarn
yarn add svelte-octicons
Usage
Refer to ICON_INDEX.md for a list of available icons.
Base import
$$restProps are forwarded to the svg element.
<script>
import { Alert16, Diamond16, Rocket16, Video16 } from "svelte-octicons";
</script>
<Alert16 />
<Diamond16 />
<Rocket16 />
<Video16 />
Custom fill
<Alert16 fill="red" />
Usage with svelte:component
<script>
import * as Octicons from "svelte-octicons";
</script>
{#each Object.entries(Octicons) as [octicon, component]}
<div>
<svelte:component this={component} />
{octicon}
</div>
{/each}
TypeScript
Svelte version 3.31 or greater is required to use this library with TypeScript.