⚠️ Designed for Asphalt React component packages. Use at your own risk, if using externally.
SvgNormalizer resizes and changes the color of SVG's to your desired dimensions (height and width) and color. Supports SVGs and SVG wrapped React components.
Usage
import { SvgNormalizer } from "@asphalt-react/svg-normalizer"
import { AddColumnLeft } from "@asphalt-react/iconpack"
function App() {
return (
<SvgNormalizer dimension={{ height: "14", width: "14" }} color="#000000">
<AddColumnLeft />
</SvgNormalizer>
)
}
Props
children
SVG or SVG wrapped React component.
type
required
default
node
true
N/A
dimension
SVG dimensions contains height and width
type
required
default
arrayOf
false
color
SVG color
type
required
default
string
false
preserveRatio
Derives width from the SVG's viewBox instead of applying dimension.width.
Use it for non-square artwork so dimension.height drives the scale.
