Are these icons free to use?: Yes. All icon packs come from the Iconify open-source dataset and are licensed under permissive licenses like MIT, Apache 2.0, CC BY 4.0, or CC0. Each pack shows its license — check the specific terms for attribution requirements.
How do I use an icon in my project?: Click any icon to open the detail modal, then copy it as SVG, JSX (for React), or a data URI. You can also download the SVG file directly. Paste the copied code into your project.
Can I change the color of an icon?: Yes. For monotone icons, use the color picker in the icon detail modal to set a custom color before copying. Multicolor icons (emoji, flags, logos) preserve their original colors and cannot be recolored.
How many icon packs are available?: The browser includes over 230 open-source icon packs with more than 330,000 icons total. Packs range from popular UI sets like Material Design, Phosphor, and Tabler to specialized emoji, logo, and thematic collections.
How do I search for icons across all packs?: Use the Icon Search tool to search by name across all 330,000+ icons. Results show a preview thumbnail and the pack name. Click any result to go to its pack page for the full detail view.
What icon formats can I download?: Icons can be copied as raw SVG markup, React JSX components, or base64-encoded data URIs. You can also download the SVG file directly. All formats are ready to use in web projects.
What is the difference between SVG and JSX icon formats?: SVG is the standard XML-based format that works in any HTML page. JSX converts SVG attributes to React syntax (className instead of class, camelCase attributes) for use in React and Next.js components.
How often are the icon packs updated?: The Iconify dataset that powers the browser is updated regularly. New icon packs and updates to existing packs are incorporated when the dependency is updated. Each pack page shows the author and license information.