Icon

VitNode uses Lucide Icons and Emoji as icons.

Usage

To use Lucide Icons, we're really recommend you to use JSX from lucide-react. It's the best way to use them.

import { Home, KeyRound } from "lucide-react";

<>
  <Home />
  <KeyRound />
</>

You can use dynamic icons with JSX too. Use this component if you want to download the icons from "text".

import { Icon } from "vitnode-frontend/components/icon/icon";
 
return <Icon name="Home" />;

Only for Server-Side

This component requires Server Side Rendering (SSR). It won't work on client side.

We also allow to using dynamic icon on client side.

import { IconClient } from "vitnode-frontend/components/icon/icon-client";
 
return <IconClient name="Home" />;

Avoid this component

Please avoid using this component. It's not recommended. Use this only if you really (REALLY!!!) need it.

This component will download all icons from Lucide Icons to client.