Icons
lucide-react から SaaS UI で頻出するアイコン 75 個を厳選。クリックで import 文をコピー
使い方
lucide-react から個別 import。size は数値、色は text-* トークン
import { Plus } from "lucide-react";
<Plus size={14} className="text-fg-2" />12
14
16
20
24
fg-0
fg-2
fg-3
accent-text
success
warn
danger
一覧
カテゴリ別。75 / 75 個を表示中
Action
Navigation
Status
Object
Tech
UI
使用パターン
ボタン内・テキスト前後・ラベル単独の典型例
デプロイが完了しました
プランの上限に近づいています
接続できませんでした