Download Icon Fonts as SVG & PNG — Free Online

Extract icons from Font Awesome, Material Design, Heroicons, and -3+ other libraries. Search by name, pick your size and color, and download as SVG, PNG, JPG, or WebP. No install needed — runs in your browser.

30,000+ icons0 libraries4 export formats100% client-side

Icon Libraries

Choose a library to browse all its icons

How to Download Icon Fonts as SVG or PNG

IconFontToPNG lets you extract individual icons from popular icon font libraries — without installing anything. No npm packages, no font files, no build tools.

  1. Find your icon — Search by name across 30,000+ icons from Font Awesome, Material Design, Heroicons, and 8 more libraries. Or browse a specific library below.
  2. Customize size and color — Click any icon to open the export panel. Pick a size from 16px to 512px and set any color.
  3. Download or copy code — Save the icon as SVG, PNG, JPG, or WebP. Or copy the raw SVG, React component, or Vue snippet directly to your clipboard.

Why Use IconFontToPNG to Extract Icons from Icon Fonts?

Icon font libraries like Font Awesome and Material Design ship thousands of icons bundled in font files or npm packages. If you only need a few icons, installing the whole library is overkill. IconFontToPNG solves this:

  • Extract individual icons — Download exactly the icons you need as standalone SVG or PNG files.
  • No install, no build tools — Works in your browser. No npm, no webpack, no font files to configure.
  • Convert to any format — Icons from these libraries are vector-based. IconFontToPNG converts them to SVG, PNG, JPG, or WebP at any resolution.
  • Custom colors baked in — Pick your color before downloading. The color is embedded in the exported file — no CSS needed.
  • Copy-paste code — Get ready-to-use SVG markup, React components, or Vue snippets with one click.

All processing happens client-side — your icons never leave your browser. No data is uploaded to any server.

Frequently Asked Questions

How to download Font Awesome icons as PNG?
Search for the icon name in the search bar above, click the icon, choose your size and PNG format, then click Download. No need to install Font Awesome — all 1,970 free icons are ready to export.
How to extract Material Design icons as SVG?
Browse the Material Design library, click any icon, and press "Copy SVG" or "Download SVG". You get a standalone SVG file without installing Google's icon font.
Can I convert icon fonts to PNG without installing anything?
Yes. IconFontToPNG has 30,000+ icons from 11 libraries pre-loaded. Search, click, and download as PNG, JPG, or WebP — no npm, no font files, no build tools. Everything runs in your browser.
How to get individual SVG files from icon font libraries?
Icon fonts bundle all icons together. IconFontToPNG extracts each icon as a standalone SVG. Search for the icon you need, click it, and download or copy the SVG code.
Can I change icon colors before downloading?
Yes. The export panel has a color picker. Set any color and it's baked into the downloaded file — no CSS or code changes needed in your project.
What icon libraries are available?
Font Awesome (1,970), Material Design (2,122), Heroicons (324), Lucide (1,941), Feather (287), Bootstrap Icons (2,078), Remix Icon (3,229), Tabler (5,039), Phosphor (9,072), Simple Icons (3,420), and Ionicons (1,357) — 30,000+ icons total.
Is it free to use these icons in commercial projects?
Yes. All icons come from open-source libraries with permissive licenses (MIT, Apache 2.0, CC BY 4.0, ISC, CC0). See our licenses page for details.
Does IconFontToPNG upload my data?
No. Everything runs in your browser. Icon data is loaded from static files. No user data is sent anywhere. The tool even works offline once loaded.