Figma lucide icons. Mar 16, 2026 · Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next lucide-astro Figma plugin source/main other/not relevant Version 0. Apr 16, 2025 · Hi all, I’m working on a Penpot version of Shadcn/ui using the new Design Tokens and wanted to share the work-in-progress file here for feedback. - LaureLo/lucide_icons Aug 7, 2025 · Beautiful & consistent icon toolkit made by the community. No regular school outfits or anything. Feb 4, 2026 · Feel limited with Lucide icons? Find 5 superior icon libraries offering filled, duotone & multiple weights and variety. Customizable: Icon properties like size, color, and stroke width can be easily adjusted. That makes reviewing the icons easier and keeps the thread clean and scoped. ( Jan 19, 2023 · Lucide is an open source icon set based on the popular Feather Icons. You can download it from the following link: Lucide Releases. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several Mar 1, 2026 · Projects using the Figma design pipeline (see #277) benefit from adopting shadcn/ui as their component primitive layer and Lucide as their icon library. Lucide for Vanilla JavaScript The core Lucide package for vanilla JavaScript applications. But maybe the series didn't have enough of a following to do a longer figure assortment? Jul 18, 2012 · Figma: -Tends to focus mainly on anime girls -From what I understand are made to order -As far as I know don't receive reissues -Slightly smaller scale than figuarts -Uses a single joint system with excellent motion. An open-source icon library, a fork of Feather Icons. Lucide aims to expand the collection of icons while maintaining the original simplistic design language. Perfect for UI/UX designe Lucide — a popular collection of beautiful open source icons with an emphasis on simplicity, consistency, and flexibility. If you’ve found this library useful, please press ♡ like at the top of the page Oct 25, 2024 · Hey everyone! I’m using the Font Awesome component in Figma, and it's great because you just type the icon name, and it appears right away – super handy for creating Figma components. 0, last published: 8 days ago. Figma Plugin: Easy access to icons directly within the Figma design tool. Then, select the child unicode-icon and choose a variable. 🚀 Key Features Complete Icon Library 1,800+ iconsAl Bridge the gap between designers and developers using professional-grade components. 🚀 Key Features Complete Icon Library 1,800+ iconsAl Lucide is an open-source icon library that provides 1600+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. 🎨 Lucid Icons are known for their geometric precision, smooth curves, and Figma Template Guide This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines. . Jan 19, 2023 · Lucide is an open source icon set based on the popular Feather Icons. Feb 5, 2026 · The Lucide Icons Figma Plugin is a great plugin that brings the elegance and simplicity of the Lucide icon library of over 1,500 open-source icons directly into Figma. Still gonna hold out for Nash & Dan before shipping though. Overview Lucide is a community-driven fork of Feather Icons. Lucide is a popular collection of beautiful open-source icons with an emphasis on simplicity, consistency, and readability. Icons are grouped into four sizes: 16, 24, 32, and 48. Start using lucide-react in your project by running `npm i lucide-react`. Apr 20, 2023 · A collection of useful icon resources and plugins for Figma, including Lucide, Addjust, and various online icon libraries. Lucide Icon Toolkit is an open source library of 836 icons. We’ll explore the best practices for importing and managing icons, ensuring they Tabler Icons: 5219 free and open source SVG icons. Inserting the Icon To use an icon, simply copy and paste it anywhere you want. 475. 🗂️ - Select th Beautiful & consistent icon toolkit made by the community. There are 81 other projects in the npm registry using lucide-react-native. Go grab one if you want, the Jun 14, 2022 · In your opinion, do you think import figures such as SH Figuarts, Figma, Revoltech, MAFEX, Diaclone Reboot, etc. 0 guyver 1 figma. This joint is used for most joints on a figma, similar to revoltech but without the clickiness -All figures come with a stand, which plug into a hole in the back of the toy andin Mar 3, 2026 · me Selling: Transformers & various merch Discussion in ' Items For Sale or Trade ' started by Dark B Andy, Mar 3, 2026. Changelog 25 Ja Lucide is an open-source icon library designed with simplicity, consistency, and flexibility in mind — perfect for any UI/UX design project. A CLI that connects directly to Figma Desktop and gives you complete control: shadcn/ui Components — Generate all 30 official shadcn components with real Lucide icons and variable binding Design Tokens — Create variables, collections, modes (Light/Dark), bind to nodes Create Anything — Frames, text, shapes, icons (150k+ from Iconify Jul 31, 2014 · Figma vs Figuarts vs Revoltech Discussion in ' The Toyark ' started by Inikalord, Jul 31, 2014. Jan 5, 2024 · Again: you can use tags. Start using lucide-react-native in your project by running `npm i lucide-react-native`. There are only three left at the time of this post. Available in multiple formats including Figma, SVG, Font, WordPress, React Lucid Icons Widget brings a beautifully minimal and clean icon collection directly into Figma and FigJam, giving designers access to a crisp, modern, and highly consistent icon set crafted for professional UI/UX design. Heroicons Website — 288 icons — React — Vue — Figma Dec 2, 2022 · 導入に関しては `npm install lucide-react` で行い、Document に記載されているように `Camera` を使用してみました。 TypeScript ベースの React プロジェクトを `create-react-app` で作成し、以下のソースを入力すると、すぐに Lucide を使用することができました。 Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Icons can be downloaded as PNG, Webfont, PDF or EPS files. For those who don't know, Figma are action figures Feb 26, 2008 · Ive been hesitant to do figma for P3 and P4 since they did so few characters. About this plugin An open-source icon library, a fork of Feather Icons. 2 days ago · 文章浏览阅读163次。详解Lucide Icons这款GitHub上60K+ Star的开源图标库，1000+清晰简洁的SVG图标，支持20+框架，Tree-shaking优化，是设计师和开发者必备的图标解决方案。 A library version of Lucide Icons, an open-source project and fork of Feather Icons. Latest version: 0. As time Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. 577. However if they incorporate the articulation of the guyver 1 2. Inkscape Guide Figma Guide Affinity Designer Guide Submitting Multiple Icons If you want to submit multiple icons, please separate the icons and group them. Available in multiple formats including Figma, SVG, Font, WordPress, React Apr 7, 2024 · Also, Lucide Icons are optimized and available for all kinds of frameworks from React to Svelte over to Nuxt. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make A Lucide icon library package for React applications. The official Nuxt UI design kit for Figma mirrors the development library for perfect consistency. Easy integration with other libraries like Untitled UI, etc. This recommendation is based on real-world usage in the NYC RE Tracker project. Copy-paste ready, MIT licensed, fully customizable SVG icons with smooth animations. Feb 26, 2008 · Guyver 3 figma is a lot better than the 1. 537. What This Plugin Does Transform your design workflow with instant access to all Lucide icons. 0 1500+ icons! Updated on 03/21/2025 : Locked Aspect-ratio Up The Brain icon is part of the Lucide collection, crafted by Lucide Contributors. Beautiful & consistent icon toolkit made by the community. dev/packages) to make it easier to use these icons in your project. v0. dev or in our Figma plugin. If you want to implement a picker, you could also use the nodes from icon-nodes. They're some of the more fun and quirky designed icons we've seen, so we hope you include them in fun projects :) Popular Lucide icons: Bel Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Perfect for UI/UX designe Oct 25, 2024 · Hey everyone! I’m using the Font Awesome component in Figma, and it's great because you just type the icon name, and it appears right away – super handy for creating Figma components. 1666 icons · 24×24 · 2px stroke Have a suggestion or question? Just leave a comment below. This package provides multiple formats including individual SVG files, SVG sprites, icon fonts, and Node. Perfect for static websites, legacy applications, or when you need lightweight icon integration with maximum browser compatibility. Easily browse 🔍, search, and insert clean, customizable icons into your designs to speed up your workflow ⚡ and bring your projects to life 🚀. 576 Can you reproduce th Lucide is an open-source icon library designed with simplicity, consistency, and flexibility in mind — perfect for any UI/UX design project. How to use? Font Installation Make sure the Lucide font is installed on your computer. Find free icon packs for your projects! Static assets and utilities for Lucide icons that work without JavaScript frameworks. I’m trying to Lucide is a popular collection of beautiful open-source icons with an emphasis on simplicity, consistency, and readability. React, Vue, Svelte, Angular, and many others). 0 and scale them properly. Workflow Overview The workflow consists of 6 mandatory steps that must be executed in order: Fetch Design Context - Get structured node data from Figma Handle Explore a diverse collection of icons and access free sets to enhance your designs. I had thought it would’ve been easy to release them in school outfits, swapped outfits, the secondary characters in school/kamui outfits, and everyone in Nudist Beach outfits. 1 MB) Any suggestions? Is this something that would be useful? It’s using Lucide icons and has the Tailwind kit, but it does not really use it yet. Tagged as: logo, design, tool. Customize color, size, and export as SVG, PNG, JSX, or Base64. json or icon-nodes. Icons use the same names as on the Lucide site, making it easy for developers to find them. dev/ I created this file from a personal need for using and replacing icons inside the components of a design system, which can't be achieved from the SVGs provided by the plugin. To do this, create a frame of 24x24 pixels. penpot (17. Changelog 25 Ja The Locate icon is part of the Lucide collection, crafted by Lucide Contributors. Size Ad Feb 10, 2025 · Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next Figma plugin source/main other/not relevant Version 0. Benefits: Regular updates. Setting Up The Frame When you create a new document in Figma, the document. Feb 26, 2008 · I’m surprised Figma stopped at just Ryuko and Satsuki in their kamui outfits. Keywords: Material Symbols, Material Symbols Light, Google Material Icons, Material Design Icons, Material Design Light, Material Line Icons, Solar, Tabler Icons, MingCute Icon, Remix Icon, Myna UI Icons, IconaMoon, Iconoir, Lucide, Luci Beautiful & consistent icon toolkit made by the community. Each icon is available as a standalone Vue component, allowing for seamless integration and customization. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make Free open-source library of 350+ beautifully crafted animated React icons. 0 1500+ icons! Updated on 03/21/2025 : Locked Aspect-ratio Up Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. well more guyver ain't a bad thing. Customizable size, color and stroke width. Framework Agnostic & Specific Packages: Provides a core JavaScript library (lucide) and dedicated packages for popular frameworks like React, Vue, Svelte, Angular, and more. List of features: Easy to Use: Import icons as Vue components and use them directly in your Vue components with JSX. 3. 1 day ago · 什么是 Lucide Icons？ Lucide 是一个开源图标库，提供 1000+ 清晰简洁的 SVG 图标，用于数字和非数字项目中显示图标和符号。 核心理念： "Precise graphics for simplified screens"------为简化屏幕而生的精确图形。 Real Lucide Icons Components use actual Lucide SVG icons (not placeholder shapes), fetched from the Iconify API and rendered as vector nodes in Figma: 1 day ago · Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Few steps for the best Lucide Icons experience: ⬆ - Available Folders to analize the Lucide repo and obtain only the folders where SVG files are in. Aug 5, 2011 · Got the G2 Swoop & Sludge "processing soon" email just now, woot. js utilities for server-side rendering and static site generation. Lucide Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. ( Lucide Icons Lib 🎨 is a comprehensive collection of over 1500 free, high-quality SVG icons 🖼️ designed specifically for Figma. Persona 5 was well worth collecting because they did the whole team / cast - minus Dark Crow and the spinoff characters like Sophie, Wolf, and Erina. 511. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make it easier to use these icons in your project. It was created due to dissatisfaction with the moderation of the Feather Icons project, which had been abandoned with numerous open issues and PRs. Lucid Icons Widget brings a beautifully minimal and clean icon collection directly into Figma and FigJam, giving designers access to a crisp, modern, and highly consistent icon set crafted for professional UI/UX design. Figma Template Guide This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines. 该项目是由社区驱动的开源图标库，提供 1000+ 高质量的 SVG 图标，支持 React、Vue、Svelte、React Native 等主流前端框架，以及 Figma 插件，方便开发者和设计师使用。 Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. - Hervepoh/lucide-icons Apr 20, 2023 · A collection of useful icon resources and plugins for Figma, including Lucide, Addjust, and various online icon libraries. 0, last published: 13 days ago. This package allows you to easily add scalable vector icons to any web project without framework dependencies. All strokes have been outlined/expanded and the vectors have been united/flatten to avoid any color override issues ! Updated on 06/01/2025 : Updated with lucide v0. Built with Motion and Lucide. An open-source icon library, a fork of Feather Icons. Jan 6, 2025 · Lucide icons, an Open-source project and a fork of Feather Icons. Each individual icon you want to create, has to be created in a separate frame. So don't submit multiple icons in one PR that have nothing to do with each other. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages. Open-source project and a fork of Feather Icons. Packages for React, SolidJS, Vue, Figma, Svelte and others are available. Size Ad This plugin allows the user to import always the latest release of Lucide Icons directly from the official Lucide GitHub Repository. You can customize its color, size, or stroke and use it instantly in your design or development projects. Designing in Figma Designing in Affinity Designer On this page How to use icons Edit this page Pager Next pageWhat is lucide? In this tutorial, we’ll integrate icons into our design system using Lucide Icons, an open-source icon library. json to manually render the SVGs from the picker, just as we do on lucide. If you want to contribute an icon feel free to open an issue at: Lucide Github. This Figma file brings together 1500+ clean, scalable vector icons, making it easy to search, customize, and use across web, mobile, or software interfaces. These icons are totally free for personal and commercial use. Checkout the License. This plugin automatically imports every icon from the popular Lucide library as properly structured Figma components, ready to use in your projects. The full Figma library is now available: 1191 icons · 24×24 grid · 2px stroke If you’ve found this library useful, press the ♡ button at the top of the page to show your lo Oct 9, 2024 · Lucide is an open-source icon library that offers a beautiful and consistent collection of icons, curated by the community. are worth buying over your average Marvel Legends or mainline HasTak Transformers considering how expensive a lot of their releases can be? Feb 26, 2008 · Since i don't want to spam the Shinki thread with Figma stuff, i think it's time for a new thread. Find free icon packs for your projects! Designing in Figma Designing in Affinity Designer On this page How to use icons Edit this page Pager Next pageWhat is lucide? Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Free & premium options from 280 to 46,000+ icons. 0 - August 7, 2025 NEW - Added variables support for icon size, stroke and color With variables, you can now quickly alter the size, stroke width, and color of the icons. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official [packages] (https://lucide. @shadcn_ui - Design System (1). Feb 26, 2008 · [ATTACH] BBTS has Mika in stock for $79!! I grabbed one immedietly. json from lucide-static. Most of these icons are released under open-source licenses such as MIT or Apache, making them free for personal and commercial use. Whether you're designing interfaces, presentations, or marketing materials, Lucide Icons offers a streamlined stroke set that enhances your workflow. 542. It provides over 1,500 clean and scalable icons designed for a wide range of applications. Explore a diverse collection of icons and access free sets to enhance your designs. 0 Can you reproduce this in the l What This Plugin Does Transform your design workflow with instant access to all Lucide icons. This project connects a local CLI to Figma Desktop so different assistants can operate on the open file directly: shadcn/ui Components — Generate all 30 official shadcn components with real Lucide icons and variable binding Design Tokens — Create variables, collections, modes (Light/Dark), bind to nodes Create Anything — Frames, text, shapes, icons (150k+ from Iconify), components Slots Browse and download 300,000+ SVG icons from multiple open source icon libraries. Follow this process to ensure high-fidelity implementations that respect project conventions and design systems. g. There are 10761 other projects in the npm registry using lucide-react. All for free! Lucide for Vue Lucide provides a Vue icon component library that makes it easy to integrate icons into your Vue applications. If you’ve found this library useful, please press ♡ like at the top of the page Details and related icons for figma icon. A complete Lucid library with 1,541 unique vector (SVG) icons. It welcomes contributions from developers and designers. Lucide Icons Lib 🎨 is a comprehensive collection of over 1500 free, high-quality SVG icons 🖼️ designed specifically for Figma. We're expanding the icon set as much as possible while keeping it nice-looking. 🎨 Lucid Icons are known for their geometric precision, smooth curves, and A library version of Lucide Icons, an open-source project and fork of Feather Icons. https://lucide. Best of all, it's completely free for everyone on Figma! Explore the versatility and ease of Lucide Icons: Stroke-Expanded Collection today, and elevate your designs with clarity and precision. Static assets and utilities for Lucide icons that work without JavaScript frameworks. A Lucide icon library package for React Native applications. Feb 5, 2026 · Figma MCP Workflow This skill standardizes the Figma-to-code workflow using the Figma MCP (Model Context Protocol). It's been open sourced under the ISC license, and all icons can be used in your Figma designs. Unlike Feather, Lucide includes a much larger number of free icons (800+); furthermore, this set includes ready to use NPM library packages for many of the most important development frameworks (e. Mar 12, 2026 · Master the art of using shadcn icons in your React library to enhance design and functionality with our comprehensive guide on shadcn icons. I’m trying to A complete Lucid library with 1,541 unique vector (SVG) icons. Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Implementation of the lucide icon library for multiple usages that like to use: SVG files icons, SVG Sprite, Icon Fonts and static SVG strings export in Common JS modules (for NodeJS). It’s still very early. vbiikqkomsdlxjsdqgtvithlorrbpysncpphsohxabzumkscwubgy