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