ICON MASTER guide
Figma design system SVG icons
Design system icon sets work best when common actions, navigation, forms, and status states share naming and export rules. Use these pages to collect a compact Figma library before handing icons to product teams or code generators.
Start with these icon categories
Featured icons
How to use this collection
- Start with repeated UI actions before adding domain-specific icons.
- Use consistent icon names for Figma components and React exports.
- Copy SVG or builder output when handing selected icons to implementation.
Related icon search pages
Figma component iconsDownload SVG icons for Figma components, variants, design tokens, prototype actions, and product UI handoff.Figma iconsDownload clean SVG icons for Figma mockups, design systems, prototypes, handoff files, and product UI explorations.Design system iconsBuild a consistent design system icon set for navigation, forms, status states, media, ecommerce, and account screens.Menu iconsBrowse menu, list, more, and navigation icons for responsive app layouts and product interfaces.
Related icon collections
Figma design system iconsReusable SVG icons for Figma component libraries, design tokens, product navigation, forms, status states, and handoff.UI design iconsInterface, navigation, search, menu, and action icons for product screens, dashboards, and design systems.Design system starter iconsCore SVG icons for product design systems, Figma libraries, React apps, forms, navigation, and status states.AI product iconsClean SVG icons for AI-generated app mockups, automation workflows, prompt outputs, and product prototypes.
More ICON MASTER guides
Free commercial-use SVG iconsBrowse free SVG icons for websites, apps, documents, and business materials with clear commercial-use license guidance.AI-ready SVG icons for UI generationFind stable SVG icon URLs, raw SVG endpoints, JSON metadata, and prompt context for AI-assisted interface work.Customizable UI iconsChoose interface icons, adjust color and size, and copy production-ready image URLs or HTML snippets.SVG vs PNG iconsCompare SVG, PNG, and JPEG icon use cases for websites, apps, documents, and AI-generated interfaces.Website navigation iconsFind menu, arrow, search, home, back, forward, and dropdown SVG icons for website navigation and headers.Mobile app icons for UI screensBrowse SVG icons for mobile app tabs, settings, profiles, notifications, media, and device controls.Form and settings iconsFind checkbox, radio, toggle, alert, info, search, copy, and settings SVG icons for forms and preference screens.React SVG icon setBuild a React-ready SVG icon set with stable icon names, copyable component snippets, and commercial-use license context.JSON icon manifest for AI agentsUse ICON MASTER icon metadata, stable URLs, categories, and license summaries in AI-assisted coding and design workflows.Free SVG icons for AI UI workflowsFind free commercial-use SVG icons with AI prompt context, raw SVG access, and builder exports for generated interfaces.Dashboard UI iconsBrowse SVG icons for admin screens, dashboards, settings panels, menus, tables, search, and repeated product actions.Commerce SVG iconsFind shopping, bag, payment, building, and business SVG icons for ecommerce pages, checkout flows, and business documents.Checkout and payment SVG iconsFind ecommerce checkout, payment, billing, invoice, cart, and account SVG icons for stores and SaaS subscription flows.Support and helpdesk SVG iconsFind chat, help, info, alert, mail, and account SVG icons for customer support pages, help centers, and onboarding flows.