Wondering: how do I use SVG from Figma in React?

Here are 2 no-brainer options.

Option 1: Copy as SVG + Paste to svg2jsx

This method does not require installing any additonal plugins.

It's the easiest way to convert Figma SVGs to JSX components.

  1. Right-click on the icon in Figma.
  2. Select Copy/Paste as Copy as SVG from the context menu.
  3. Go to svg2jsx.com.
  4. Paste the copied SVG code into the left panel.
  5. Copy the React component from the right panel.

Option 2: Use a Figma plugin

There are several Figma plugins that can convert Figma SVG icons to React components.

Here are some of the best ones: