sveltekit-feather-icons

Type-safe Feather icons support for Sveltekit.

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

Usage

<script>
    // can be imported like this
    import { Feather } from 'sveltekit-feather-icons'
    // or this
    import Feather from 'sveltekit-feather-icons/feather.svelte'
</script>

<Feather icon="github" />

<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

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes