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

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

71.0.9 - 2022-09-02

• Upgrade gestalt to v71.0.9 (net +2 icons)

62.0.6 - 2022-04-03

• Upgrade gestalt to v62.0.6 (net +3 icons)

40.0.2 - 2022-04-03

• Upgrade svelvg to v0.10.1 so that TypeScript props correctly extend svg attributes

40.0.1 - 2021-12-20

• Set type="module" in package.json

40.0.0 - 2021-11-08

• Upgrade gestalt to v40.0.0 (net +0 icons)

22.0.2 - 2021-08-09

• Include missing lib/index.d.ts

22.0.1 - 2021-07-31

• Correctly set types entry

22.0.0 - 2021-07-31

Breaking Changes

• Svelte SVG files and TypeScript definitions are placed directly in the lib folder
• Generated Svelte components no longer forward events

21.0.2 - 2021-07-26

• Patch svg-to-svelte to version 2.2.1 to ignore a11y-mouse-events-have-key-events warnings

21.0.1 - 2021-03-22

• Upgrade gestalt to v21.0.1 (net +1 icon)

19.2.2 - 2021-03-08

• Upgrade gestalt to v19.2.2 (net +2 icons)

17.5.3 - 2021-02-15

• Upgrade gestalt to v17.5.3 (no change)
• Add TypeScript definitions

17.1.0 - 2021-02-08

• Upgrade gestalt to v17.1.0 (no change)

16.6.1 - 2021-01-18

• Upgrade gestalt to v16.6.1 (net +1 icon)

14.30.3 - 2020-11-23

• Upgrade gestalt to v14.30.3 (no change)

14.1.0 - 2020-09-21

• Upgrade gestalt to v14.1.0 (no change)

11.26.1 - 2020-08-25

• Upgrade gestalt to v11.26.1 (no change)

11.5.0 - 2020-08-03

• Upgrade gestalt to v11.5.0 (1 new icon)

5.30.2 - 2020-07-13

• Upgrade gestalt to v5.30.2 (1 new icon)

3.0.2 - 2020-06-15

• Upgrade gestalt to v3.0.2 (1 new icon)

0.1.3 - 2020-06-01

• Upgrade gestalt to v1.58.1

0.1.2 - 2020-05-18

• Upgrade gestalt to v1.52.0

0.1.1 - 2020-05-11

• Upgrade gestalt to v1.48.0

• Upgrade svg-to-svelte to v0.3.8

0.1.0 - 2020-04-24

• Initial release