SVG to Font

Icon Font Generator

Dashboard Import Preview Animations Export

v1.0.0 • Made with ❤️ by Miftakhul Rizky

Settings

Configure font generation and application preferences

Font Generation Settings

Configure how your icon fonts are generated and exported

Basic Settings

Configure the basic font and class naming conventions

Font Name

Class Prefix

Class Suffix

Advanced Options

Configure compatibility and output options

Support IE 8 (generate EOT font format)

Support IE 7 & IE 6 (generate PNG fallback)

Include metadata in fonts

Embed font in CSS (base64)

Generate Sass, Less, or Stylus variables

Generate Dart class for Flutter

Add empty glyph "0" if missing

CSS Selector Options

Choose how CSS selectors should be generated

Use <i> tags for icons

Use attribute selectors, e.g., [data-icon="home"]

Use a class like .icon-home

Font Metrics

Configure font dimensions and spacing

Em Square Height

Baseline Height (% Em)

Whitespace Width (% Em)

Metadata

Add metadata information to your font

URL

Description

Copyright

Designer

Designer's URL

License

License URL

Version

Set the version number for your font

Major Version

Minor Version