A NSW Government website
NSW Government
Design System v3.16.0

SVG

Utilities for styling the fill of SVG elements.

Setting the fill color

Use the nsw-fill-{color} utilities to change the fill color of an SVG.

Class

Description

.nsw-fill-brand-dark

Applies fill: var(--nsw-brand-dark) to element

.nsw-fill-brand-light

Applies fill: var(--nsw-brand-light) to element

.nsw-fill-brand-supplementary

Applies fill: var(--nsw-brand-supplementary) to element

.nsw-fill-brand-accent

Applies fill: var(--nsw-brand-accent) to element

.nsw-fill-black

Applies fill: var(--nsw-black) to element

.nsw-fill-white

Applies fill: var(--nsw-white) to element

.nsw-fill-off-white

Applies fill: var(--nsw-off-white) to element

.nsw-fill-grey-01

Applies fill: var(--nsw-grey-01) to element

.nsw-fill-grey-02

Applies fill: var(--nsw-grey-02) to element

.nsw-fill-grey-03

Applies fill: var(--nsw-grey-03) to element

.nsw-fill-grey-04

Applies fill: var(--nsw-grey-04) to element