SVG Normalizer

⚠️ 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 | |