svg2component
v2.0.1
Published
Converts svg icons into react components
Downloads
2
Readme
svg2component
Converts SVG icons into React components.
Example
icon.svg:
<svg xmlns="http://www.w3.org/2000/svg">
<circle stroke-width="2" fill="#191919" stroke="#424242"></circle>
</svg>
$ svg2component icon.svg > icon.js
icon.js:
import React from 'react';
const Icon = ({size, color='#191919', strokeColor='#424242'}) => (
<svg width={size} height={size}>
<circle strokeWidth="2" fill={color} stroke={strokeColor}></circle>
</svg>;
);