Back to Plugins
Icon font generator

Icon font generator

Icon font generator from figma vectors

vetoriconsvectorsvgfont

Plugin Preview

Icon font generator preview

About this plugin

Icon font generator For Figma

Easy to use from figma vectors, with it you will generate:

  • SVG
  • EOT
  • TrueType
  • Woff
  • Woff2
  • Symbol-defs SVG
  • each vector
  • json config


How it Works

This plugin detects all vectors selected. It then convert to fonts files, show a preview of result.


Basic Usage

  1. Select a vector.*
  2. click in "Generate Font" to download of zip with files.


*Note: unpredictable things can happen if you select more complex vectors.


More Configs

Font Parameters:

On the tab "Font Config" you can config some parameters from the font, including "Font Name", "Font Weight", "Font Style" ...*


*Note: That informations are save on the file.


Ligatures and Unicode:

Next to button "Generate Font" you choice if must have ligadures, and unicode is generated automatic.

For ligatures we use the name of files, but you can customizing both ligature and unicode.

In the vector name, we separede the props as follows:

{custom unicode}-{name}--{custom ligature}, so you custom parameters of icon.

For example: uEA01-iconName--customliga


Known issue, work in progress:

If your svg containts strokes or any tags besides a single path e.g polygon rect line etc, you will get errors when trying to convert them into fonts.

I'm working to correct the vector, before generating the fonts.

Plugin Details

Version5
CreatedAugust 2, 2022
Last UpdatedSeptember 1, 2023
CategoryUncategorized
CreatorVictor Assis
Stats910 installs, 116 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.github.com

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.