Figma lucide icons. 🎨 Lucid Icons are known for their geometric precision, smooth curves, and...
Figma lucide icons. 🎨 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. Feb 26, 2008 · Guyver 3 figma is a lot better than the 1. 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. js utilities for server-side rendering and static site generation. 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. - Hervepoh/lucide-icons Apr 20, 2023 · A collection of useful icon resources and plugins for Figma, including Lucide, Addjust, and various online icon libraries. 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. 0 guyver 1 figma. Changelog 25 Ja The Locate icon is part of the Lucide collection, crafted by Lucide Contributors. It’s still very early. 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. So don't submit multiple icons in one PR that have nothing to do with each other. It was created due to dissatisfaction with the moderation of the Feather Icons project, which had been abandoned with numerous open issues and PRs. This Figma file brings together 1500+ clean, scalable vector icons, making it easy to search, customize, and use across web, mobile, or software interfaces. There are 81 other projects in the npm registry using lucide-react-native. It's been open sourced under the ISC license, and all icons can be used in your Figma designs. 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. Lucide for Vanilla JavaScript The core Lucide package for vanilla JavaScript applications. Lucide Icons Lib 🎨 is a comprehensive collection of over 1500 free, high-quality SVG icons 🖼️ designed specifically for Figma. Apr 20, 2023 · A collection of useful icon resources and plugins for Figma, including Lucide, Addjust, and various online icon libraries. React, Vue, Svelte, Angular, and many others). 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. 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. 0, last published: 13 days ago. Checkout the License. A complete Lucid library with 1,541 unique vector (SVG) icons. This package provides multiple formats including individual SVG files, SVG sprites, icon fonts, and Node. Jan 19, 2023 · Lucide is an open source icon set based on the popular Feather Icons. Feb 5, 2026 · Figma MCP Workflow This skill standardizes the Figma-to-code workflow using the Figma MCP (Model Context Protocol). - LaureLo/lucide_icons Aug 7, 2025 · Beautiful & consistent icon toolkit made by the community. 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. Overview Lucide is a community-driven fork of Feather Icons. No regular school outfits or anything. 475. Whether you're designing interfaces, presentations, or marketing materials, Lucide Icons offers a streamlined stroke set that enhances your workflow. Lucide Icon Toolkit is an open source library of 836 icons. Find free icon packs for your projects! Static assets and utilities for Lucide icons that work without JavaScript frameworks. This plugin automatically imports every icon from the popular Lucide library as properly structured Figma components, ready to use in your projects. 3. 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. Figma Plugin: Easy access to icons directly within the Figma design tool. 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. Each individual icon you want to create, has to be created in a separate frame. 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. List of features: Easy to Use: Import icons as Vue components and use them directly in your Vue components with JSX. It provides over 1,500 clean and scalable icons designed for a wide range of applications. 0, last published: 8 days ago. 🚀 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. Lucide is a popular collection of beautiful open-source icons with an emphasis on simplicity, consistency, and readability. 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. dev/packages) to make it easier to use these icons in your project. json from lucide-static. 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). These icons are totally free for personal and commercial use. 1666 icons · 24×24 · 2px stroke Have a suggestion or question? Just leave a comment below. However if they incorporate the articulation of the guyver 1 2. Easy integration with other libraries like Untitled UI, etc. Feb 26, 2008 · I’m surprised Figma stopped at just Ryuko and Satsuki in their kamui outfits. Aug 5, 2011 · Got the G2 Swoop & Sludge "processing soon" email just now, woot. 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. Jan 6, 2025 · Lucide icons, an Open-source project and a fork of Feather Icons. If you want to implement a picker, you could also use the nodes from icon-nodes. 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. 537. 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. Built with Motion and Lucide. 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. Inkscape Guide Figma Guide Affinity Designer Guide Submitting Multiple Icons If you want to submit multiple icons, please separate the icons and group them. Customize color, size, and export as SVG, PNG, JSX, or Base64. 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. 542. 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. Feb 4, 2026 · Feel limited with Lucide icons? Find 5 superior icon libraries offering filled, duotone & multiple weights and variety. 0 and scale them properly. g. 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. 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. Follow this process to ensure high-fidelity implementations that respect project conventions and design systems. 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. dev or in our Figma plugin. Start using lucide-react-native in your project by running `npm i lucide-react-native`. 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. Perfect for static websites, legacy applications, or when you need lightweight icon integration with maximum browser compatibility. You can customize its color, size, or stroke and use it instantly in your design or development projects. The official Nuxt UI design kit for Figma mirrors the development library for perfect consistency. Icons can be downloaded as PNG, Webfont, PDF or EPS files. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official [packages] (https://lucide. Each icon is available as a standalone Vue component, allowing for seamless integration and customization. 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. 577. 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. Beautiful & consistent icon toolkit made by the community. Copy-paste ready, MIT licensed, fully customizable SVG icons with smooth animations. ( Jan 19, 2023 · Lucide is an open source icon set based on the popular Feather Icons. Icons use the same names as on the Lucide site, making it easy for developers to find them. Jan 5, 2024 · Again: you can use tags. If you’ve found this library useful, please press ♡ like at the top of the page Details and related icons for figma icon. 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. Setting Up The Frame When you create a new document in Figma, the document. There are 10761 other projects in the npm registry using lucide-react. @shadcn_ui - Design System (1). To do this, create a frame of 24x24 pixels. 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. This package allows you to easily add scalable vector icons to any web project without framework dependencies. An open-source icon library, a fork of Feather Icons. Latest version: 0. How to use? Font Installation Make sure the Lucide font is installed on your computer. 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. Most of these icons are released under open-source licenses such as MIT or Apache, making them free for personal and commercial use. What This Plugin Does Transform your design workflow with instant access to all Lucide icons. . Perfect for UI/UX designe Lucide — a popular collection of beautiful open source icons with an emphasis on simplicity, consistency, and flexibility. json to manually render the SVGs from the picker, just as we do on lucide. Icons are grouped into four sizes: 16, 24, 32, and 48. 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. Lucide aims to expand the collection of icons while maintaining the original simplistic design language. 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. Packages for React, SolidJS, Vue, Figma, Svelte and others are available. 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. Start using lucide-react in your project by running `npm i lucide-react`. 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. We're expanding the icon set as much as possible while keeping it nice-looking. 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. 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. You can download it from the following link: Lucide Releases. I’m trying to A complete Lucid library with 1,541 unique vector (SVG) icons. Explore a diverse collection of icons and access free sets to enhance your designs. Figma Template Guide This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines. Feb 26, 2008 · [ATTACH] BBTS has Mika in stock for $79!! I grabbed one immedietly. penpot (17. 该项目是由社区驱动的开源图标库，提供 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. 0 Can you reproduce this in the l What This Plugin Does Transform your design workflow with instant access to all Lucide icons. An open-source icon library, a fork of Feather Icons. well more guyver ain't a bad thing. Easily browse 🔍, search, and insert clean, customizable icons into your designs to speed up your workflow ⚡ and bring your projects to life 🚀. 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. 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. Tagged as: logo, design, tool. json or icon-nodes. Open-source project and a fork of Feather Icons. This recommendation is based on real-world usage in the NYC RE Tracker project. We’ll explore the best practices for importing and managing icons, ensuring they Tabler Icons: 5219 free and open source SVG icons. I’m trying to Lucide is a popular collection of beautiful open-source icons with an emphasis on simplicity, consistency, and readability. 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. 🗂️ - Select th Beautiful & consistent icon toolkit made by the community. All for free! Lucide for Vue Lucide provides a Vue icon component library that makes it easy to integrate icons into your Vue applications. 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. 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. ( Lucide Icons Lib 🎨 is a comprehensive collection of over 1500 free, high-quality SVG icons 🖼️ designed specifically for Figma. Customizable: Icon properties like size, color, and stroke width can be easily adjusted. 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. 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. 511. It welcomes contributions from developers and designers. https://lucide. v0. Inserting the Icon To use an icon, simply copy and paste it anywhere you want. 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. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages. Customizable size, color and stroke width. If you want to contribute an icon feel free to open an issue at: Lucide Github. 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. Static assets and utilities for Lucide icons that work without JavaScript frameworks. About this plugin An open-source icon library, a fork of Feather Icons. Then, select the child unicode-icon and choose a variable. That makes reviewing the icons easier and keeps the thread clean and scoped. 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. 🚀 Key Features Complete Icon Library 1,800+ iconsAl Bridge the gap between designers and developers using professional-grade components. 🎨 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. Benefits: Regular updates. 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. Framework Agnostic & Specific Packages: Provides a core JavaScript library (lucide) and dedicated packages for popular frameworks like React, Vue, Svelte, Angular, and more. Still gonna hold out for Nash & Dan before shipping though. 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. Size Ad This plugin allows the user to import always the latest release of Lucide Icons directly from the official Lucide GitHub Repository. There are only three left at the time of this post. A Lucide icon library package for React Native applications. afrlmmwliobgtpyuurpftxxobjyrlshjobpaffrsxmrsseuqykcry