{name:string;config:{size:number;color:string;strokeWidth:number;}} Use the icon in your frontend: import{Icon}from'lucide-react';constMyComponent=({icon})=>{constIconComponent=Icon[icon.name];return(<IconComponentsize={icon.config.size}color={icon.config.color}strokeWidth={icon.config.stroke...
A simple, type-safe React component for displaying Lucide icons with autocomplete functionality. Installation npm i lucide-icon-component Usage importIconfrom'lucide-icon-component';<Iconicon="user-check"size={24}/>; Autocomplete The icon prop is type-safe, so you can use autocomplete to see al...
A simple, type-safe React component for displaying Lucide icons with autocomplete functionality. Installation npm i lucide-icon-component Usage import Icon from 'lucide-icon-component'; <Icon icon="user-check" size={24} />; Autocomplete The icon prop is type-safe, so you can use autocomplete...
Icon name XLogo, XIcon, TwitterX Use cases Since the twitter has changed its logo from bird to X and we don't have icon for that. So, we can create that. Design ideas Svg: Checklist I have searched if someone has submitted a similar issu...
import {Home} from '@icon-park/react'; const Icons={ home: Home } export default Icons; 使用 import Icons from "@/components/icons" export default function Test() { return ( <Icons.home theme="filled" size="16"/> ) } 安装Lucide npm install lucide 使用装Lucide import { Users, } fr...
用React做了鹬蚌相争的故事,不过因为部分图标Lucide-react缺少,用的emoji。 0 Lucide-react 图标库使用指南 步骤1: 选择图标 将您的故事或需求发送给 Claude,询问可以使用哪些 Lucide-react 图标。 步骤2: 验证图标 Claude 提供的图标信息可能有误,请务必与 Lucide 官方网站进行核对。 官方网站: lucide.dev/icons/...
import{Home}from'@icon-park/react';constIcons={home:Home}exportdefaultIcons; 使用 importIconsfrom"@/components/icons"exportdefaultfunctionTest(){return(<Icons.home theme="filled"size="16"/>)} 安装Lucide npm install lucide 使用装Lucide
About·Icons·Documentation·License Lucide React Implementation of the lucide icon library for React applications. Installation pnpm add lucide-react npm install lucide-react yarn add lucide-react bun add lucide-react Documentation For full documentation, visitlucide.dev ...
lucide react icons material-ui muiPackage Sidebar Install npm i lucide-nativewind Repository github.com/a16n-dev/lucide-nativewind Homepage github.com/a16n-dev/lucide-nativewind#readme Weekly Downloads 183 Version 0.477.0 License ISC Unpacked Size 4.23 MB Total Files 10536 Issues 0 Pull Requests...
fix(lucide-react): Revert exports property package.json, fixing edge … … Unverified 2ef6513 ericfennis added a commit that referenced this pull request Feb 24, 2025 fix(icons): optimized beef icon (#2832) … Verified 1250fc2 Kayoshi-dev mentioned this pull request Feb 25, 2025 Can...