remixicon-svelte

RemixIcon for Svelte.

pnpm install remixicon-svelte

<script>
    import { RiAddFill } from 'remixicon-svelte';
    // or
    import RiAddFill from 'remixicon-svelte/icons/add-fill';
</script>

<RiAddFill />

Optimizing imports in Vite projects

Named imports are slow to resolve in dev server. To optimize your imports, you can use the vite-plugin-transform-remixicon-imports plugin.

pnpm install vite-plugin-transform-remixicon-imports -D

import { defineConfig } from 'vite';
import transformRemixiconImports from 'vite-plugin-transform-remixicon-imports';

export default defineConfig({
    plugins: [, /* other framework plugins */ transformRemixiconImports()]
});

Before

import {
    RiAddFill,
    RiAccountBoxFill,
    RiHomeLine,
    RiSettingsFill as RiSettings,
    type RiIcon
} from 'remixicon-svelte';

After

import type { RiIcon } from 'remixicon-svelte';
import RiAddFill from 'remixicon-svelte/icons/add-fill';
import RiAccountBoxFill from 'remixicon-svelte/icons/account-box-fill';
import RiHomeLine from 'remixicon-svelte/icons/home-line';
import RiSettings from 'remixicon-svelte/icons/settings-fill';

Read more about the plugin here.