ICON MASTER guide
React SVG icon set
Use this guide when a React app needs a small, consistent set of icons instead of one-off assets. Start from common UI and navigation icons, then use Icon Set Builder to copy React component snippets for the selected set.
Start with these icon categories
Arrows & Navigation56 icons
Arrow, cursor, swap, upload, and movement icons.
Interface Actions90 icons
Common UI controls for menus, search, settings, lists, and edits.
Media & Files18 icons
Photo, video, audio, document, and annotation icons.
Devices & Connection21 icons
Device, power, network, USB, and hardware icons.
Featured icons
How to use this collection
- Open Icon Set Builder to export selected icons as React component snippets.
- Use PascalCase naming for component-friendly icon names.
- Keep color as currentColor or a shared design token for consistent UI states.
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.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.