Back to Plugins
Export Svg React Icons

Export Svg React Icons

Export Figma icons to React ready svg code

svg iconsreactcode

Plugin Preview

Export Svg React Icons preview

About this plugin

Export Figma icons to React ready svg code.

Select any vector icon designed in Figma while the plugin is open.

The svg code for the icon will show with a copy button.


The following transformation happend to the svg code initially proposed by Figma:

  • Transform stroke-linecap to strokeLinecap
  • Transform stroke-linejoin to strokeLinejoin
  • Transform stroke-width to strokeWidth
  • Transform fill-rule to fillRule
  • Transform clip-rule to clipRule
  • Remove width, height, stroke and fill attributes
  • Adds class "outlined"

Plugin Details

Version1
CreatedJune 29, 2024
Last UpdatedJune 29, 2024
CategorySoftware development
CreatorLouis
Stats21 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com