Package Exports
- svelte-gestalt-icons
- svelte-gestalt-icons/lib/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (svelte-gestalt-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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-iconsUsage
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.