What export formats does Iconer support for icons?

Updated

Iconer supports exporting icons in SVG, PNG, HTML, and JSX, plus "more" formats according to the site's own description. The right choice depends on where the icon will live: SVG for scalable web use, PNG for raster needs, JSX for React components, and HTML for direct markup embedding. Export is done by copying or downloading from the app after you customize an icon.

Supported export formats at a glance

Format Best for Why choose it
SVG Websites, apps, design tools Vector, scales to any size without quality loss
PNG Documents, social media, raster-only tools Widely compatible bitmap format
HTML Quick embedding in a web page Ready-to-paste markup
JSX React projects Drop-in component syntax

Iconer's homepage states you can "Search, remix and download royalty free icons for any project in SVG, PNG, HTML, JSX and more," so treat this list as the confirmed set and expect additional formats beyond it.

How to export an icon

  1. Find an icon — search or browse by library, category, or tag.
  2. Customize it — adjust attributes such as stroke width, and for some libraries round, sharp, solid, or line style. The available controls depend on the source library (for example, Feather Icons exposes stroke width and round; Material Icons exposes solid and sharp).
  3. Choose your format — pick SVG, PNG, HTML, or JSX depending on your target.
  4. Copy or download — the site describes the process as "copy and export effortlessly," so either copy the code/output or download the file.

The expected result is a ready-to-use icon asset in the format you selected, with your customizations applied.

Choosing the right format

  • Use SVG when the icon must stay crisp at any size or you want to style it with CSS. This is the default choice for most web and app work.
  • Use PNG when your destination can't handle vectors — for example, pasting into a slide deck or a tool that only accepts images.
  • Use JSX when you're building a React interface and want the icon as a component rather than an image file.
  • Use HTML when you want to drop the icon directly into a page's markup without a separate asset file.

What to check before exporting

  • License — Iconer aggregates libraries under different licenses, including MIT, Apache 2.0, ISC, CC BY 4.0, and Unlicense. The license travels with the icon, so confirm it fits your project before shipping.
  • Library-specific attributes — not every library supports every style toggle. If a control you expect is missing, the source library likely doesn't offer it.
  • Source style — libraries are tagged as line, solid, sharp, or round. Pick a library whose base style matches your design so you customize less.

If you only need one takeaway: default to SVG for anything on the web, switch to PNG for raster-only destinations, and use JSX or HTML when you want the icon inline in code.