Iconic

About this plugin

FeaturesExport SVG icons as fully typed React componentsConvert SVG attributes to JSX-compatible format (camelCase)Export multiple icons at once in a convenient ZIP fileMaintain proper viewBox attributes and other SVG propertiesComponents accept all standard SVG props plus custom onesSVG optimization to reduce file size and improve performanceUsage InstructionsSelect one or more SVG elements in your Figma document that you want to export as React components.Open the plugin from the Figma plugins menu or using the Quick Actions search bar.Export: Click the "Export" button in the plugin UI. When the export is complete, your browser will prompt you to save the "react-icons.zip" file.The plugin will:Convert each selected SVG to a React componentOptimize SVGs by removing unnecessary elements and attributesFormat the SVG markup for JSX compatibilityPackage all components into a ZIP fileOpen and Use:Unzip the downloaded file into your project's components directory.Import the components in your React code.