ICON MASTER guide
SVG sprite vs icon font
Use SVG files or sprites when icons need accessible names, precise rendering, color control, and stable source URLs. Icon fonts can still work in legacy stacks, but SVG is usually easier for responsive UI, design systems, and AI-assisted implementation.
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
- Choose individual SVG pages when humans need to inspect, customize, and download one icon at a time.
- Use a selected SVG set or sprite when an app needs repeated icons with consistent naming and color.
- Prefer SVG over icon fonts when AI agents, React components, accessibility labels, or design tokens are part of the workflow.
Related icon search pages
Download iconsBrowse download, upload, cloud, arrow, save, and file transfer icons for product actions and document workflows.Figma iconsDownload clean SVG icons for Figma mockups, design systems, prototypes, handoff files, and product UI explorations.Figma component iconsDownload SVG icons for Figma components, variants, design tokens, prototype actions, and product UI handoff.File manager iconsUse upload, download, note, copy, trash, photo, and list SVG icons for file browsers, media libraries, and document management tools.
Related icon collections
Design system starter iconsCore SVG icons for product design systems, Figma libraries, React apps, forms, navigation, and status states.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.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.Marketing website SVG iconsBuild icon sets for marketing websites, landing pages, portfolios, feature sections, pricing, and contact forms.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.Figma design system SVG iconsBuild a Figma-ready SVG icon set for components, variants, tokens, prototypes, and product design system handoff.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.Project management SVG iconsFind task, kanban, calendar, status, account, and notification SVG icons for project management products.File upload SVG iconsBrowse upload, cloud, document, media, copy, download, and alert SVG icons for file managers and import flows.Developer documentation SVG iconsBuild a developer docs icon set for API references, SDK guides, copy buttons, search, keys, and changelogs.AI coding assistant SVG iconsBuild an AI coding assistant icon set for prompts, code review, GitHub workflows, CLI commands, docs lookup, and CI status.Agent ops console SVG iconsBuild an AI agent operations icon set for command consoles, run status, approvals, logs, GitHub actions, keys, and monitoring.MCP server SVG iconsBuild an MCP server icon set for tool discovery, connector setup, API keys, resources, docs, status, and settings.RAG and AI evaluation SVG iconsFind document, search, upload, check, alert, graph, visibility, and settings icons for RAG and AI evaluation products.Vibe coding SVG iconsBuild a commercial-use SVG icon set for vibe coding, AI app builders, generated app prototypes, previews, and repo workflows.Status and notification SVG iconsChoose alert, error, info, check, bell, and review icons for dashboards, approval flows, monitoring, and AI-generated app states.