docs / svelte

Svelte

Installation

sh

    npm i @sveegy/icons-svelte
  

Usage

To use Sveegy icons, just import an icon into svelte component like any other component.

All included icons are corresponding with icons displayed on icons. To use them, they have to be prefixed with Sv and suffixed with icon type, which can be Fill or Stroke. Names of icons are in PascalCase. For example, name of the Align center stroke icon will be SvAlignCenterStroke.

svelte

    <script>
  import { SvHeartStroke } from '@sveegy/icons-svelte'
</script>

<button class="like-button">
  Like
  <SvHeartStroke size="40px" />
</button>
  

Output

Props

Stroke

Props

class

size

color

strokeWidth

Type

string

string

string

string

Heading

none

100%

currentColor

1px

Description

Svg element class

Width and height of icon

Color of icon

Stroke width of paths

Fill

Props

class

size

color

Type

string

string

string

Default

none

100%

currentColor

Description

Svg element class

Width and height of icon

Color of icon