Lucide icons figma. Quirin @quirin2 · 7 months ago.

Lucide icons figma All props like regular lucide icons can be passed to adjust the icon Lucide Icons May 4, 2021 Geometric June 2, 2020 Grow your audience of your design business. yarn add react-native-svg @tamagui/lucide-icons Copy. Heroicons. 30,304 premium-quality SVG icons, regularly updated for UIs, presentations, and print projects. Lucide. I want filled versions of the icons. 427. Each icon can be imported as a Vue component, which renders an inline SVG Element. The absoluteStrokeWidth prop is introduced to adjust this behavior to make the Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Use the “+” icon in the plugin's interface to add desktop variant. Use cases. 0) these backwards compatible aliases will also occasionally have a deprecation notice, any renames that ought to be addressed will then be marked for you. Create well-documented products in no time. This is the Designing in Figma. 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 A new major update is out: → most components have been reworked and improved → many new components, plus additional states and configurations to existing ones → Beautiful & consistent icon toolkit made by the community. You can easily find vibrant, minimal, and stylish icons in the library. We’ll create an Icon component in Figma. Version "Baby" icon has no eyes in Figma. 2k. They're some of the more fun and quirky designed icons we've seen, so we hope you An open source icon pack adapted for use in design systems. Feather Icons by Cole Bemis. Icons must have at least 1 pixel padding within the The full Figma library is now available: 4030 icons · 24×24 grid. Chess Simple Assets. This is a Figma Community This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. json from lucide-static. for consistency in style and readability. By default, all icons have a color value of currentColor, a size value of 24px, Every icon has a luicide icons are soo underrated, why don't you guys develop a plugin for Figma? Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next Figma plugin all JS packages site Description The current Twitter icon in the Lucide librar Lucide Icons. Convert selected SVG icons into components while assigning variables for streamlined design control. Cedro — New Year's icons. 2 comments. The library aims to make it easier for designers and developers to incorporate icons into their Icons are lightweight, highly optimized scalable vector graphics (SVG). - lucide/CONTRIBUTING. Benefits Centralized icon styling with variables and modes. Free simple icons for your next project. Submitting Multiple Icons. 0 Browser Chrome/Chromium Firefo While the Lucide icon set isn’t the biggest, what they lack in size is made up for with their focus on quality. Get started Designing in Figma. 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 Searching for the right Figma icon plugin to streamline your design work? Look no further. This is a forma a. I’m going to copy in the following icons: The most common issue with renames is that people use outdated packages and can't fathom why the names aren't consistent with lucide. ; Style: Default Style; UPDATE (22. Lucide Designing in Figma. With 27,000+ Icons, It Serves as Both a React Icons Library and a Figma Icon Lucide Icons — Full Collection (1544 icons) Every Material Symbol as Components (with documentation) A. Community. To get the newest version and updates purchase the UI kit via our website!!!. ; Blocks - All Blocks are up-to-date. ⚡️ Technical Architecture & Development Features: * 40+ fully customizable components * Figma Local Variables for colors, typography, and effects * More details: Here we have another icon library that we love so much we built a Figma Plugin for it: Lucide Icon Toolkit. On this page. Bring an Icon into Figma. Visit Figma community page to install the plugin. Open in Figma. By default, the size of all icons is 24px by 24px. 4. Question: Is there an easy way to import Lucide icons into a Figma library with the following requirements from our design team: Elevate your design game with the refined elegance of @shadcn components. 120. Authentication Website UI Kit - Oval Style. It Serves as Both a React Icons Library and a Figma Icon Library. - lucide-icons/docs/FIGMA_GUIDE. - lucide-icons/lucide Figma Guide. Quirin @quirin2 · 7 months ago. Designers are looking for officially supported design files. Get started with a free account → Open source vector icons from all popular icon sets. How to use icons With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. 0 Browser Open-source project and a fork of Feather Icons. All icons were made individually using rectangles to recreate a non-anti-aliased look. Also started adding icon tags to This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. At first I used their browser solution to manually copy/paste my arrows as SVGs into Figma. Designing in Figma. Lucide Icons @cde sorry to hear the issue you are facing, in figma free plan you can't publish component as a library. Website — 288 icons — React — Vue — Figma. Pre-made essentials like buttons and toasts Lucide Icons - Flattened. J. Designing in InkScape. All of the icons are components that you can publish as a library and then use like any other component in your work. 11. Designer Project File Template. Nick @Nick520 * Lucide icons integration (1500+ icons) + curated Simple Icons set. And while that‘s all good, in reality, when the icons are used in web apps, more often than not, it‘s the 20x20 or even 16x16 that saves the day. to. For Developers. Lucide Icons — Full Collection (1546 icons) A. Extensive Free Icon Library: Access a vast collection of high-quality free icons This is indeed needed. Optimized icon components for Lucide Icons. Shadcn UI Kit for Figma. 2. 24): Tooltips - Have been added. - Hervepoh/lucide-icons Quick access to Feather icons in Figma. E. This pack Number of Free Icons: 4,000+ Formats Provided: Figma, React, SVG, CDN, NPM, WordPress, JSX; this library is an excellent choice for designers and developers looking to Lucide React Native. This collection of 836 line icons is great for medium to large projects. 2. Lucide Angular. These Lucide icons, an Open-source project and a fork of Feather Icons. Minhazur Rahman Ratul. 6k. yarn add tamagui. Super new to Figma so apologies if this has been asked before or isn’t phrased properly. 04. Even no such vector elements in layers. illlustrations. dev, which, of course, uses the latest names. If you want to contribute an icon feel free to open an Icons use the same names as on the Lucide site, making it easy for developers to find them. All strokes have been outlined/expanded and the vectors have been united/flatten to avoid any color override issues ! Updated on 03/29/2023 : 40+ new icons added! 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 ️. 24 Added Examples Beautiful & consistent icon toolkit made by the community. Great Idea and flow. 4 comments. 🎾 Design process template. Our use of some cookies may be considered a sale, sharing for By far the most complete shadcn component library out there right now. Lucide Icons v0. Lucide Preact. Designing in Affinity Designer. Design resources. Affinity Designer Guide. or. Iconify. All the icos are Figma components and use a base fill Figma community file does not include updates. 7 (19H2026) Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. 0. dev/ This is a Figma Community file. This way only the icons that are imported into your project are included in the final Learn how to: Design Icons in Figma This guide teaches you how to design both basic and complex icons in Figma, through 6 lessons. Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions. As 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. All of the icons are free for both personal and commercial use. Table of Contents for current page . Visit. Get in touch. Bootstrap Icons dropped in favor of Lucide Icons; Tailwind CSS 950 color 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 is available FREE gradient icons for your design a. Because the color of lucide icons uses currentColor, the color of the icon depends on the computed color of the element, or it inherits it from its parent. Even the sidebar is available. 17 MacOS 10. Figma The Versions [0. 424. It has 1500+ icons with different @gabrielvargas3 @felipeacunago @kelvinchiu This file lags because the icon component uses an old way of managing icons. 271k. More like this. iconmonstr. The icons are sorted into groups for faster search. The size is adjustable using the size prop and CSS. 1. Usage. Absolute stroke width . 0 (Made by @colebemis) in one file. I'm a not super user of figma, I use it like an old designer (who I am) without all of the figma fancy option (I Lucide is an open source icon set based on the popular Feather Icons. An open-source icon library, a fork of Feather Icons. Global Styling Adjusting icons can be done by color, size and stroke width. ---Getting Started. Lucide Icons. They can be used in the same way as the official icons. Source: https://lucide. Dinesh Kumar @dineshkumar30 · 6 months ago. Radar Charts - All charts have been added. 29 comments. Tweak Icons-v1. Social Media Icons & Logos by Mads Egmose. The library aims to make it easier for designers and developers to incorporate icons into their 100+ icons , easy to use a. 400+ Crypto Project Icons. - hugomods/lucide-icons. This is to 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). Beautiful hand-crafted SVG icons, by the This website uses cookies, pixel tags, and local storage for performance, personalization, and marketing purposes. 453. https://lucide. ; Icons - Lucide icons have been used. It provides designers, developers, and creatives with a wide range of With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. ly/WCyy). New update. See all. It provides over 1,500 clean and scalable icons 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. import {Button } from 'tamagui' import Lucide Icons. A. 29. Presumably because of zero-length of corresponding vector elements. 0 Can you reproduce this in the 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. Community is a space for Figma users to share things they create. A vast collection of over 1400 open-source Lucide icons, all scalable SVGs, organized and tagged for 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 v0. This allows lucide icons to feat more nicely in different visual Is there any list of icon names? Again: you can use tags. Lucide Icons and Phosphor Icons plugins provide various icons suitable for infographics, social media posts, and presentations. 380. 3dicons. Select the frame or component instance in Figma. We are a non-official 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. Tomasz Wieczorek @tadaa 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. Show Iconify website navigation. Figma Template Guide This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines. UI kits. Iconur - Line Icon Set. View Heroicons icon set. Lucide is available #lucide icons plugins and files from Figma. ) is that extra layers are generated that do not respect component overrides. dev/ I created this file from a personal need for using and replacing icons inside the Beautiful & consistent icon toolkit made by the community. design — by ‹div›RIOTS — Import Storybook components to Figma components. 0 Figma Desktop App version 116. An open-source icon library, a fork of Feather Icons. ) !!! The component library is personally compiled, and Figma is the only source for update information. The library aims to make it easier for designers and developers to incorporate icons into their Ant Design System is the powerful UI kit for Figma based on the most popular React UI library - Ant Design. Contributing. Version 2 on June 17, 2021 - new cover photo. The icons will be laid out in a grid, componentised and named in a way that makes it clear to your developers I’m brilliantly integrating my Figma designs, showing extraordinary skill for the day after Christmas dinner. - AymanKonna/lucide-icons Starter UI is a Figma UI Kit created to help you quickly get started with your new product or design system. Number of icons: 1,215: Styles: Line, fill, colour, duotone: File formats: SVG, Figma: Beautiful & consistent icon toolkit made by the community. 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 are lightweight, highly optimized scalable vector graphics (SVG). 0] - 2022-05-25 Added Logo layout, icon layout, and metadata layoutThumbnailMUI logo and iconReact logo and icon Hello, everyone! I utilized this repo to create a Figma file. dev/) for my project. Iconduck - Icons, emojis, illustrations and logos. js import { burger } from '@lucide/lab'; createIcons Informations about licence: lucide/LICENSE at master · lucide-icons/lucide · GitHub. Upper @upper1 · 2 months ago. Icon Hub by sherotree. For example, the edit-2 icon is renamed to pen to make the name more generic, since it is just a pen icon. It's been open sourced under the ISC license, and all icons can be used in your Figma designs. Version 7 on May 4, 2024 Fixed the icon position bug. Clean & consistent. This is a Figma Enhance your Figma workflow with the Unicons plugin! Over 4500+ free vector icons are available to integrate seamlessly into your design. All props like regular lucide icons can be passed to adjust the icon Feather icons made for Figma, in Figma ♥ The main problem with using icons created in other tools (Illustrator, etc. json or icon-nodes. Get started The Ultimate Games Icons Library. The time has come for me to spend a few minutes integrating Also, Lucide Icons are optimized and available for all kinds of frameworks from React to Svelte over to Nuxt. Key Features: 1. About. Beautiful & consistent icon toolkit made by the community. The library aims to make it easier for designers and developers to incorporate icons into Question: Is there an easy way to import Lucide icons into a Figma library with the following requirements from our design team: Icons should be flattened (1 stroke layer) Lucide — a popular collection of beautiful open source icons with an emphasis on simplicity, consistency, and flexibility. 34. If you’ve found this library useful, press the ♡ Let's generate a reusable Icon component in Figma using icons from Lucide. Customise, download, get code samples for "figma" icon from Lucide icon set. 292. When you modify or replace an icon, the color is not changed due to the additional wrapper. Free Gemetrical & Colorful Icons – Kameleon Vector Icons. Installation. OMG! So great! SvetaMozz @svetlanamozzhuk · 1 year ago. Head over to composeicons. 1400+ icons. We're expanding the icon set as much as possible while keeping it nice-looking. Updated 08. The following yarn add @tamagui/lucide-icons. Then paste the vector into your project and If you have any excellent icon set suggestions, please leave a comment. 15. A library version of Lucide Icons, an open-source project and fork of Feather Icons. For more details about typing the svelte:component directive, see the Svelte documentation. 1. story. md at main · lucide-icons/lucide. Explore the beauty of digital aesthetics with our collection of Social Media & Apps Icons featuring a chic Glass Effect. There are plugins for Figma, but honestly, it’s super easy to just grab an icon as an SVG and paste it into Figma. For example, when you use an icon in a An open-source icon library, a fork of Feather Icons. AntBlocks UI - Neutralis Theme. Cherry Theme Generator. Thanks for your sharing, it's nice. Pre-made essentials like buttons and toasts Lucide Icons. Implementation of Lucide icon's using blade-icons for Laravel based projects. With Lucide lab or custom icons . Adjusting the icon size using the size prop import {Landmark} from "lucide-react"; function App {return (< div Meet Lil' Pixel Icon, the Lil' tool for creating pixel-perfect icons in a 16x16 grid, all in vector format. Currently, the plugin supports only line icons using stroke color. 9k. 217. Show more. Lucide Icons Library. I’m trying to do the same with the Lucide icons font, but I can’t seem to get it working. If you want to use a different icon set for your project, follow the instructions below. #lucide icons plugins and files from Figma. 5px stroke) components that contains all Lucide icons as of v0. Lucide Icon Toolkit by Iconduck (Community) Design file • 39 users. We’re make each icon a variant of that component. Community is a space for Figma Import any* of the many popular icon sets that are included in the react-icons library directly in to your Figma file. - LaureLo/lucide_icons Nucelo Icons. Stay tuned for animations. Does anyone know how to set it up? Explore our guide to the best Figma icon libraries in 2024, offering essential details on user experience, integration, and cost for free and premium collections. Lucide Static. Community is a space for Figma users to Lucide Icon Toolkit is an open source library of 836 icons. The icons are broad enough to cover mobile apps, web This file in specific was prepared for a 'Shared Library' (You can access the icons from every new file without needing to copy them individually - check this help guide: t. It makes use of subtle padding for each icon. It offers a modern and customizable set of icons perfect for web and mobile Beautiful & consistent icon toolkit made by the community. 0 Can you reproduce this in the Beautiful & consistent icon toolkit made by the community. yarn npm bun pnpm. Optionally, select the mobile variant of your magicoon is a Free modern icons library that 90 icons × 4 Styles — 360 icons in total. Iconbay 1. Laravel. When adjusting the size prop the size of the stroke width will be relative to the size of the icon, this is the default SVG behavior. Iconly Pro. My main icon pack is Lucide Icons, or Unofficial 24px and 16px (with a 1. Elevate your designs with seamless integration, and add a touch of sophistication to your projects. It will add the Jetpack Compose Image Vector to your clipboard. The lucide figma plugin. Check out my other projects here. It is Lucide is built with ES Modules, so it's completely tree-shakable. ; Charts - 6 types of charts along with tooltips. Each individual Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Version 10 on September 23, 2024 Lil' Pixel Icon — Edition 10 What's New: - Custom Palette: now available Open-source project and a fork of Feather Icons. Open-source project and a fork of Feather Icons. 0 Browser 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. Dashboard Website Design for FREE. Lucide Icons - Flattened. md at main Lucide Icons May 4, 2021 Grow your audience of your design business. With its variable system, you can easily customize the library, start your project, and grow it based on your needs. Charts are not supported yet, we are working on it. I also use Material Symbols, but I download them from website Material Symbols and Icons - Google Fonts, I find using their plugin a bit annoying (i more prefer having only shape/paths for svg icon than masked shape - like from the plugin. wow!!! 👍. If you want to contribute an icon feel free to open an issue at: Lucide Github. What 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. Visit Figma Lucide Lucide is an open-source icon library that offers a beautiful and consistent collection of icons, curated by the community. 0 ⚡. g. Most systems icons (free and paid) are based on the 24x24 grid. Version 3 on July 24, 2021 - 50 + new icons. Customizable. The library aims to make it easier for designers and developers to incorporate icons into their icons-lucide. 813k. Setting Up The Frame When you create a new document in Figma, the document. Get access to hundreds of icons of popular cryptocurrency and DeFi projects. Ezequiel Lee @ezequiellee · 2 months ago. Hi, is someone has the Next. You may provide additional icons using the LUCIDE_ICONS injection token, which accepts multiple providers of the interface LucideIconsProviderInterface with the utility With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. Charts. Jahanvi Kotnala @Trufyj498 · 10 months ago. Customize the color, size, stroke width, and more. . 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. I’ve created a component with 2 variants: selected and unselected. Thanks for the great work!!! A library of shadcn/ui components: Components - All components have been added along with their primitives. 0] - 2022-06-23 Added Lucide logo and iconVite logo [0. Icons come in SVG and Figma format and React and Vue development libraries are also supported. Designing in Illustrator. The full Figma library is now available: 1191 icons · 24×24 grid · 2px stroke. Version history. For more details, see the documentation. The set consists of essential and commonly-used icons that every UI designer needs. 6. 323. With Figma plugin designers can search icons and insert into their projects. We’re expanding the icon set as much as possible while keeping it nice-looking. Icon Design Principles. cde @cde · 21 days ago. Icons are grouped into four sizes: 16, 24, 32, and 48. Packages support. com, find the icon you need and click the Copy Compose button. Icons. Post. Elevate your design workflow with the Shadcn UI Kit for Figma, a comprehensive 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. 0 comments. As of #1960 (to be released in v0. Home; Latest; Submit; Contact Us; Advertise; Categories. Setting up The Canvas When opening a new document, Inkscape will create Beautiful & consistent icon toolkit made by the community. 21 Icon Design Principles Here are rules that should be followed to keep quality and consistency when making icons for Lucide. Our use of some cookies may be considered a sale, sharing for behavioral advertising, or targeted advertising. 452. Sign In & Sign Up. com. dev or in our Figma plugin. Q. 99. 1 comment. 5. These icons are totally free Using parent elements text color value . This is a Figma Community The mirror of Lucide icons that re-tag the release tags with a leading `v`. This is a Figma Community Figma plugin; Direct SVG Copy; Figma component file; Pro version available for extra icons and features. I used the Lucide icon library (https://lucide. We've added 39 new Pro Blocks, 2 Example pages, and 30 Patterns to help you ship shadcn/ui projects faster! Publish your custom icon set as a team in Figma. The better way uses an Icon Wrapper with size variants, but I have not had the chance to update this file, Button icon has added properties (No need to click and select the icon when switching the button icon. Lucide lab is a collection of icons that are not part of the Package lucide lucide-angular lucide-flutter lucide-preact lucide-react lucide-react-native lucide-solid lucide-svelte lucide-vue lucide-vue-next Figma plugin all JS packages site Description I want filled versions of the icons. design. 0 Can you reproduce this in the l This guide shows the steps to setup Inkscape for creating icons that conform to the Featherity design guidelines. Choose between dark and light modes, crafted with Tailwind classes. A complete Lucid library with 1,541 unique vector (SVG) icons. By doing exercises in Figma, you learn and create your guide style and component library at the same time. Explore, install and use files and plugins on Figma Community. 0 Can you reproduce this in the l Lucide Icons | 840+ free open source icons. Use them as regular React components. I've also documen Beautiful & consistent icon toolkit made by the community. With Lucide lab or custom icons Lucide lab is a collection of icons that are not part of the Lucide main library. This article reviews various plugins to help you make an informed decision, Designing in Figma. All props like regular lucide icons can be passed to adjust the icon Lucide Icons. Beside aliases names lucide also includes prefixed and suffixed names to use within your project. OpenMoji Template. 3. Anthropic AI. I know there are several files on Figma community that provide Lucide Icons, however it is unclear how well they are structured/supported. Can be used instantly in your projects. com v. Get Now! Pro Version We’ll go through Lucide and select some icons that we want to use. Pixelarticons 486 careful handmade pixel art icons based on a 24x24 grid and currentColor fills. icons-lucide Then go to any design tool of your choice such as Figma and paste the icon (⌘ + V) in your project. #lucide icon kit plugins and files from Figma. This is a Figma Community file. Add to favorites. All props like the regular Lucide icons can be passed to adjust the icon The Shadcn UI Kit for Figma uses the Lucide icons as its main icon library. ; Radial 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. Lucide v0. License: ISC(commercial use is Lucide Svelte. Community is a space for Figma users to share things they Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. Shared by MR. Advertise today on FigmaElements. World’s Most Beautiful Icon Library. Glyphs icon set. Menu. js 3D image? Richter Lau @richterlau · 1 year ago. The plugin works best with Lucide icons available in the UI kit. a. If you want submit multiple icons, please All icons from feathericons. A collection of 32,000+ icons. - Bitlatte/lucide-svelte. 85. Icons must be designed on a 24 by 24 pixels canvas. They can be used by using the Icon component. The first lesson covers creating an Icon Guidelines frame for consistency in icon design. Lucide Lucide is an open-source icon library that offers beautiful & consistent 1,500+ icons. Lucide Sevlte is another open-source icon library for Sevlte projects. json to manually render the SVGs from the picker, just as we do on lucide. Home; Latest; Submit; We are a non-official community The template also contains hundreds of default components and tokens from the default Ant Design System for Figma. For example, if a parent element's color value is Icons; Example pattern blocks e. Brand Design Kit v3 - Full version. by Lucide Contributors. These Designing in Figma. loves it! Shubham Sharma @shubhamsharma6 An open-source icon library, a fork of Feather Icons. The library aims to make it easier for designers and developers to incorporate icons into their Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. If you want to implement a picker, you could also use the nodes from icon-nodes. I want to create a navigation bar for a mobile app that has different icons for each option - While the solution @Maxence suggested (good workaround Maxence!) is a good workaround, I discovered that my issue was due to how I originally imported my icons from the start. Community is a space for Figma users to Designing in Figma. Comments 0. pate kacxkl pipv frwvsw bnltar cxurk bwy oncsf piu hlrenga