react-svg-color

react-svg-color

react-svg-color allows you to change any color in a svg file.

Installation

    npm i react-svg-color

An example of how to use the component

    import SvgColor from 'react-svg-color'
    import Umbrella from 'umbrella.svg'
    
    ...
 
    <SvgColor 
        svg={Umbrella} 
        width={200} 
        colors={["#7EADCC", "#316F99", "#FFFDB8", "#FF8D78", "#FF8D78", "#7EADCC", "#B8FFF6", "#B8FFF6","#FF8D78"]}   
    />

Result

Props

Name	Type	Description
svg	svg file	Paste your svg file
width	int	Change width
colors	array[String]	Color array to change the desired colors (hex)
rotate	int	Change rotation