# @asphalt-react/svg-normalizer

> ![npm](https://img.shields.io/npm/dt/@asphalt-react/svg-normalizer?style=flat-square)

Latest version **2.16.0** (published 2026-07-28) · UNLICENSED license · 0 weekly downloads

## Install

```sh
npm install @asphalt-react/svg-normalizer
pnpm add @asphalt-react/svg-normalizer
yarn add @asphalt-react/svg-normalizer
bun add @asphalt-react/svg-normalizer
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 2.16.0 |
| Published | 2026-07-28 |
| First published | 2022-03-30 |
| Weekly downloads | 0 |
| License | UNLICENSED |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 10 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | UX Engineering - Web |
| Maintainers | sayantan1211, dawn29, antoniomontana, goto.abhinav, elayudhanira-gojek, yessyprmtsr, soorajj |
| Keywords | asphalt, SvgNormalizer |

## Links

- npm: https://www.npmjs.com/package/@asphalt-react/svg-normalizer
- npm.io page: https://npm.io/package/@asphalt-react/svg-normalizer

## Dependencies (2)

- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@asphalt-react/helper](https://npm.io/package/@asphalt-react/helper.md) ^2.16.0

## Recent versions

- 2.16.0 (latest) — 2026-07-28
- 2.0.0-alpha.29 (next) — 2023-12-15
- 2.15.0 — 2026-04-13
- 2.14.0 — 2026-03-11
- 2.13.0 — 2026-02-19
- 2.12.0 — 2025-11-28
- 2.10.0 — 2025-10-27
- 2.0.0 — 2025-01-07
- 2.0.0-rc.11 — 2024-12-11
- 2.0.0-rc.4 — 2024-09-30
- 2.0.0-rc.0 — 2024-07-10
- 2.0.0-alpha.19 — 2023-05-26
- 2.0.0-alpha.16 — 2023-04-13
- 2.0.0-alpha.15 — 2023-03-30
- 2.0.0-alpha.13 — 2023-02-20
- … 8 more at https://npm.io/package/@asphalt-react/svg-normalizer/versions

## README

# SVG Normalizer
![npm](https://img.shields.io/npm/dt/@asphalt-react/svg-normalizer?style=flat-square)

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

```jsx
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    |         |

---
_Source: https://npm.io/package/@asphalt-react/svg-normalizer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._