svelte-gestalt-icons

Pinterest Gestalt SVG icons as Svelte components.

Try it in the Svelte REPL.

Installation

# Yarn
yarn add -D svelte-gestalt-icons

# npm
npm i -D svelte-gestalt-icons

# pnpm
pnpm i -D svelte-gestalt-icons

Usage

Basic

<script>
  import { Add, Sound, Tag, History } from "svelte-gestalt-icons";
</script>

<Add />
<Sound />
<Tag />
<History />

See ICON_INDEX.md for a list of supported icons.

Direct import (recommended)

Import the icon directly for faster compiling during development.

<script>
  import Add from "svelte-gestalt-icons/lib/Add.svelte";
</script>

Using svelte:component

<script>
  import * as icons from "svelte-gestalt-icons";
</script>

{#each Object.entries(icons) as [icon, component]}
  <div>
    <svelte:component this={component} />
    {icon}
  </div>
{/each}

TypeScript

Svelte version 3.31 or greater is required to use this library with TypeScript.

Changelog

License

MIT