sveltekit-feather-icons

Type-safe Feather icons support for Sveltekit.

Update: Support for Tailwind classes as well as custom global CSS classes.

Usage

1<script>
2	// can be imported like this
3	import { Feather } from 'sveltekit-feather-icons'
4	// or this
5	import Feather from 'sveltekit-feather-icons/feather.svelte'
6</script>
7
8<Feather icon="github" />
9
10<Feather icon="github" size="18" classes="text-blue-500" />

Parameters

The parameters that can be passed to Feather component are —

Required

Field name	Type	Description
icon	string	name of icon; for reference search here

Optional

Field name	Type	Description
size	string	size of icon
color	string	color of icon
classes	string	Tailwind classes as well as custom global CSS classes