Icons

icons.scss is source file for the all custom icon plugins.

It's fast, flexible, and reliable — with zero-runtime.

Remix Icons

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. of the icons are free for both personal and commercial use.

npm i remixicon

@import 'remixicon/fonts/remixicon.css';

<i class="ri-home-4-line"></i>

Lucide Icons

Lucide Icon are a set of icons commonly used in various applications or graphical user interfaces. Lucide icons are known for their clear and modern design, providing visual representations for different functions or features within a software application.

npm i lucide-svelte

Common components

<script>import * as icons from "lucide-svelte";
export let name;
</script>
                  
<svelte:component this={icons[name]} {...$$props}/>

How to use file ?

<script>
    import LucideIcon from '../../../../common/components/LucideIcon.svelte';
</script>
<LucideIcon name="Airplay" class="inline-block w-5 h-5 text-slate-500 dark:text-zink-200"/>