logo-icon
STW UI

Icon

Icon is used to display stringified vector images.

Usage

svelte 
import { Icon } from 'stwui';
// OR
import Icon from 'stwui/icon'; // for tree shaking
svelte 
<script lang="ts">
	import { Icon } from 'stwui';

	const icon = '<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>';
</script>

<Icon data={icon} />

Icon Props

data string (IconData)
viewBox string 0 0 24 24
size string 24px
width string 24px
height string 24px
color string currentColor
stroke string | undefined
fill string currentColor

Icon Class Identifiers

stwui-icon