Lucide icons figma They can be used by using the Icon component. 424. Icons are grouped into four sizes: 16, 24, 32, and 48. 334. Looking to use Lucide Icons with a solid fill rather than the default stroke-based style? Here you go! Don't forget to leave a ️. Source: https://lucide. I see this kit mostly as a rapid wire-framing opportunity! All icons are from Lucide. , 'Custom Icons'). An open-source icon library, a fork of Feather Icons. 536 Lucide Icons with 373 Lucide Labs, plus an Icon Swap a component to help you in design system on swap color without problems. a login form; Page templates as components; I have intentionally not included states on these components, in order to keep the kit very lean and not make any suggestions on how your states should be handled. For instance, using Lucide Icons, a designer can create an engaging infographic highlighting statistics with icons representing data points, making complex information more digestible and visually appealing. Icons; Example pattern blocks e. Checkout the License. Setting Up The Frame When you create a new document in Figma, the document. If you’ve found this library useful, press the ♡ button at the top of the page to show your love. If you’ve found this library useful, please press ♡ like at the top of the page Introducing Lucide Icons: Expanded Stroke Edition, a comprehensive collection of over 1300 unique icons, each meticulously crafted with expanded strokes. Icons are lightweight, highly optimized scalable vector graphics (SVG). Lucide Icons is an open-source icon plugin for Figma with vibrant icons. Bug See full list on github. All 1. Explore, install and use files and plugins on Figma Community. Import your SVG icons into this new frame. Jun 11, 2024 · Figma Icons 外掛推薦：Lucide Icons. However, the icons are lightweight and well-optimized for better performance. An open source icon pack adapted for use in design systems. These icons are totally free for personal and commercial use. See this icon in action. Icons use the same names as on the Lucide site, making it easy for developers to find them. Easy integration with other libraries like Untitled UI, etc. 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. Let me know what . Create a new frame and name it descriptively (e. 1564 icons · 24×24 · 2px stroke Have a suggestion or question? Just leave a comment below. Benefits: Regular updates. Open-source project and a fork of Feather Icons. Remix Iconプラグインは、Figmaで使える貫性のあるデザインのオープンソースアイコンセットです。シンプルで洗練されたデザインが特徴で、プロジェクトのスタイルに合わせて簡単にカスタマイズやサイズ調整が可能です。 Mar 11, 2025 · Lucide Icons. You can use Lucide icons homepage to Figma Template Guide This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines. 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. The icons in this file are components that you can publish in your team/organization library and just load them in your work like any other component. Each individual icon you want to create, has to be created in a separate frame. We're expanding the icon set as much as possible while keeping it nice-looking. When you modify or replace an icon, the color is not changed due to the additional wrapper. lucide. Open the Shadcn UI Kit file in Figma. v0. dev/ This is a Figma Community Filled Icons . Hello, everyone! I utilized this repo to create a Figma file. Community is a space for Figma users to 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 icons are sorted into groups for faster search. Ensure your custom icons are in SVG format. I’m trying to do the same with the Lucide icons font, but I can’t seem to get it working. Using the Icon component This creates a single icon based on the iconNode passed and renders a Lucide Unofficial 24px and 16px (with a 1. It has 1500+ SVG icons for developers and designers. About pack: https://lucide. Select all the imported icons. if you enjoy this file love, favorite and share with your team and on internet With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. Fills are officially not supported. However, all SVG properties are available on all icons. 0 - February 19, 2024 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 full Figma library is now available: 1191 icons · 24×24 grid · 2px stroke. All of the icons are components that you can publish as a library and then use like any other component in your work. No more hassle with stroke thickness adjustments—every icon is ready to use right out of the box! Feb 19, 2024 · Beautiful & consistent icon toolkit made by the community. dev – Beautiful & consistent icon toolkit made by the community. To do this, create a frame of 24x24 pixels. Ensure that your custom icons are stroke-based, like the default icons. Fill can still be used and will work fine on certain icons. It is a popular icon set focusing on simplicity, readability, and consistency. com Oct 25, 2024 · 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. Check out my other projects here. g. Jan 31, 2025 · Lucide Icons and Phosphor Icons plugins provide various icons suitable for infographics, social media posts, and presentations. Also started adding icon tags to component description. All props like regular lucide icons can be passed to adjust the icon appearance. ( A library version of Lucide Icons, an open-source project and fork of Feather Icons. Our use of some cookies may be considered a sale, sharing for behavioral advertising, or targeted advertising. This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. Figma Cancel. Locate the Icons page within the kit. 5px stroke) components that contains all Lucide icons as of v0. Beautiful & consistent icon toolkit made by the community. 0. 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: Bell and notification icons; Location icons; Lock and An open-source icon library, a fork of Feather Icons. Lucide — a popular collection of beautiful open source icons with an emphasis on simplicity, consistency, and flexibility. https://lucide. The latest files and plugins from Lucide (@lucide_icons) #lucide icons plugins and files from Figma. #lucide icons plugins and files from Figma. Lucide Icons 是一款免費開源的 Figma Icons 外掛，Icons 是從 Feather Icons 改作而成。 Lucide Icons 可用於個人和商業用途，完全免費！由於是開源資源，所以也能自行改作，修改 Icons 樣式。 Lucide Icons 目前已有上百種 Icons，若你想提供更多 Remix Icon. All icons are converted into a fill to easy swap color on every place are added. dev https Lucide Icon Toolkit is an open source library of 836 icons. If you want to contribute an icon feel free to open an issue at: Lucide Github. Changelog 01 No Lucide is a popular collection of beautiful open-source icons with an emphasis on simplicity, consistency, and readability. Thank you for your support! Lightweight & Scalable. It's been open sourced under the ISC license, and all icons can be used in your Figma designs. I've also documen Nov 29, 2024 · A complete Lucid library with 1,541 unique vector (SVG) icons. fbcwc llzilho ooj emru iwfzrpg dkdz zud fxnuyf wqudih aehf zpcp ogykiq dwszbp bgad sxwudy