Iconify

What Iconify is

Iconify gives developers access to more than 300,000 open-source vector icons across more than 200 icon sets. Icon data is available as JSON in its main GitHub repository and through NPM packages. Its API serves icon data, generates SVG and CSS, and provides search for hosted icons. Operators can self-host the API and choose which icon sets to serve, including custom sets; deployment options include GitHub, NPM, and Docker. Icon sets are kept up to date and undergo validation, cleanup, and optimization. Documentation covers SVG and CSS, Vue, Svelte, React, SolidJS, Tailwind CSS, UnoCSS, and Astro. The ecosystem includes plugins for Figma, Sketch, and Penpot, plus SVG copy and paste for other design tools. Formats include SVG, CSS, IconifyJSON, JSON, and JavaScript components, with customizable styles. Iconify was founded in 2016. The project is open source, and public API servers are free to use. The project license does not cover the individual icon sets, which each have their own open-source license. Iconify describes its purpose as giving developers a choice of icon sets and an easy way to add custom icons and sets.

Who it suits

Iconify suits developers who want to choose among many icon sets and use icon data through packages or an API. It can also suit teams that want to self-host selected sets, including custom ones, or designers using its Figma, Sketch, or Penpot plugins.

Getting started

1. Visit https://iconify.design/.
2. Choose icon data from the main GitHub repository or NPM packages.
3. Use the API for icon data, SVG or CSS generation, and hosted-icon search.
4. For self-hosting, deploy through GitHub, NPM, or Docker and select the sets to host.
5. Consult the documentation for your framework or tool, or use an available design plugin.

Verdict

Choose Iconify if you want a broad choice of icon sets, free public API access, or the option to self-host selected and custom sets. Check each set's license before using its icons, since licensing is set-specific.