Wondering what’s next for npm?Check out our public roadmap! »

    svelte-bootstrap-icons
    TypeScript icon, indicating that this package has built-in type declarations

    1.4.1 • Public • Published

    svelte-bootstrap-icons

    NPM Build

    Bootstrap SVG icons as Svelte components.

    Try it in the Svelte REPL.


    Install

    yarn add -D svelte-bootstrap-icons
    # OR
    npm i -D svelte-bootstrap-icons

    Usage

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

    <script>
      import {
        Alarm,
        CloudMoon,
        Github,
        PaintBucket,
        Wrench,
        ZoomOut,
      } from "svelte-bootstrap-icons";
    </script>
    
    <Alarm />
    <CloudMoon />
    <Github />
    <PaintBucket />
    <Wrench />
    <ZoomOut />
    

    Direct import

    Use the direct import for faster compiling during development.

    Note: even if using direct imports, unused imports are still tree shakeable by application bundlers like Rollup or webpack.

    <script>
      import Alarm from "svelte-bootstrap-icons/lib/Alarm";
      // OR
      import Alarm from "svelte-bootstrap-icons/lib/Alarm/Alarm.svelte";
    </script>

    API

    $$restProps are forwarded to the svg element.

    Forwarded events

    • on:click
    • on:mouseover
    • on:mouseenter
    • on:mouseout
    • on:keydown

    Usage with svelte:component

    <script>
      import * as icons from "svelte-bootstrap-icons";
    </script>
    
    {#each Object.keys(icons) as icon}
      <div>
        <svelte:component this={icons[icon]} title={icon} />
        {icon}
      </div>
    {/each}
    

    TypeScript

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

    Changelog

    Changelog

    Contributing

    See the contributing guidelines.

    License

    MIT

    Install

    npm i svelte-bootstrap-icons

    DownloadsWeekly Downloads

    176

    Version

    1.4.1

    License

    MIT

    Unpacked Size

    1.83 MB

    Total Files

    6634

    Last publish

    Collaborators

    • avatar