Skip to content
DongUk Kim edited this page May 15, 2024 · 6 revisions

material-symbols_image Introduction to SVG2Fontify

SVG2Fontify is a Figma plugin that simplifies the process of exporting icons to a font, supporting various formats including TTF, EOT, WOFF, SVG, CSS, and TSX, Vue.


🔧 Installation

image image

🛠 To install SVG2Fontify:

  1. Navigate to the Figma plugin tab.
  2. Click the 'Manage plugins...' button.
  3. Search for "SVG2Fontify."
  4. Click the 'Run' button to activate the plugin.

💻 Usage

image

⚙ To use SVG2Fontify:

  1. Enter a file name (optional).
  2. Enter a class prefix and suffix (optional).
  3. Specify the version (optional).
  4. Check the boxes for necessary items like React or Vue.

image

  1. Select the SVGs you want to convert.
  2. Click the 'Generate' button.

image

  1. Save the generated font files to your desired location.