Icons

By default, tetra-ui uses icons from Lucide, but you can use any SVG icon library you want.

The approach we recommend is to create a styled SVG component with the help of the withUniwind function that you can use throughout your application.

Installation

npx shadcn@latest add @tetra-ui/icons

Usage

import { BadgeCheckIcon } from "@/components/ui/icons";

<BadgeCheckIcon />

Changelog

2025-12-03 Updated Styling

Updated the configuration for withUniwind so that stroke classes are used.

2026-02-12 Added Lucide Icons

Use Lucide icons as the default icon set.