Spaper | Icon

Icon

Sketchy icons from @sketchyicons/svelte. Pass an IconNode from spaper/icons.

Available icons are listed on sketchyicons.com/icons.

- colors

<script>
import { Icon } from 'spaper';
import { Heart, Star } from 'spaper/icons';
</script>

<Icon name={Heart} type="danger" size={28} />
<Icon name={Star} type="warning" size={28} />
<Icon name={Heart} type="danger" size={28} fill="danger" />

API

Name	Description	Type	Values	Default
name	Icon geometry. IconNode from spaper/icons	IconNode	_	_
img	Same as name	IconNode	_	_
type	Stroke color token. Overridden by color	String	primary \| secondary \| success \| warning \| danger \| muted	_
color	Stroke color. A paper token or any CSS color. Wins over type	String	_	_
size	Width and height	Number \| String	_	24
strokeWidth	Stroke width	Number \| String	_	2
absoluteStrokeWidth	Keeps the stroke visually constant when size changes	Boolean	_	false
fill	Path fill. A paper token or any CSS color	String	_	_

Source code: Icon.svelte