Feathericons

Flowbite-svelte can use svelte-feathericons.

Svelte-feathericons allow you to change icon color and size.

Examples

If you want to change the color add size.

<script>
  import { ActivityIcon, AlertTriangleIcon, AnchorIcon } from 'svelte-feathers'
</script>

<ActivityIcon color="#c61515" size="12" />
<ActivityIcon color="#c61515" size="16" />
<AlertTriangleIcon color="#6dff6b" size="24" />
<AlertTriangleIcon color="#6dff6b" size="28" />
<AnchorIcon color="#23deff" size="32" />
<AnchorIcon color="#23deff" size="36" class="dark:text-red-500" />

You can also include the whole icon pack:

<script>
  import * as Icon from 'svelte-feathers';
</script>

<Icon.UnlockIcon color="#6dff6b" size="24" />

Related components

References