SVG to React / Native / SolidJS

About this plugin

SVG to React / Native / SolidJS

A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components.

Features

1. Optimizes and transforms SVGs into framework-specific components for [React](https://react.dev/), [React Native](https://reactnative.dev/), and [SolidJS](https://www.solidjs.com/)
2. Utilizes [SVGO](https://svgo.dev/) to optimize SVGs
3. Formats code using [Prettier](https://prettier.io/)
4. Allows batch transformation of multiple SVGs at once
5. Provides various options for SVG transformation

Usage

1. Select at least one node (any item that figma can export).
2. Run the "SVG to React/Native/SolidJS" plugin.
3. Open the tab for your desired framework (default: React).
4. Adjust options to your preference.
5. Save all SVGs as files" or open individual SVGs to copy/save.

Inspired by

1. SaraVieira/svg-to-jsx
2. gregberge/svgr
3. svg/svgo

Github Repo