hugeicons

name	hugeicons
description	Use Hugeicons in React. Use this skill when importing and rendering Hugeicons.

Use @hugeicons/react to render icons and @hugeicons/core-free-icons to import them.

Usage

import { Settings02Icon } from '@hugeicons/core-free-icons'
import { HugeiconsIcon } from '@hugeicons/react'
;<HugeiconsIcon icon={Settings02Icon} className="size-4" />

Common Props

• icon Required. The icon to render, imported from @hugeicons/core-free-icons.

• className Optional. Additional CSS classes to apply to the icon only if needed.

• Also supports all props of the underlying svg element, such as strokeWidth, fill, etc.

Example

<HugeiconsIcon icon={Settings02Icon} className="size-[1em]" />
<HugeiconsIcon icon={CpuIcon} className="size-4" strokeWidth={1} />