Icon

Icons.css are single-element, responsive and pure CSS icons. You can include spectre-icons.css located in the dist folder to your web <head> to have these CSS icons.

icon

size

color

<script>
    import { Icon } from 'svelte-spectre'
</script>

<Icon icon="emoji" size="2x" color="primary" />

SVG

svg

size

color

<script>
    import Basf from 'basf.svg'
</script>

<Icon size="4x" color="primary">
    <Basf />
    <!-- or -->
    <svelte:component this={Basf} />
    <!-- or -->
    <svg name="basf" />
    <!-- or -->
    <img src="basf.svg" />
</Icon>

Navigation

arrow-up

arrow-right

arrow-down

arrow-left

upward

forward

downward

back

caret

apps

more-horiz

more-vert

Action

resize-horiz

resize-vert

plus

minus

cross

check

stop

shutdown

refresh

flag

bookmark

edit

delete

download

upload

copy

Object

mail

people

message

photo

time

location

link

emoji

home

circle-check

wifi

audio

Icon

SVG

Navigation

Action

Object

API Icon