d
A CSS property that allows you to define the shape of an SVG <path> element. This is powerful for animating paths or changing them purely with CSS (e.g., on hover).
Quick example
.icon-path {
/* Redefines the SVG path shape */
d: path("M 10 10 H 90 V 90 H 10 Z");
transition: d 0.3s ease;
}Quick facts
Initial value
noneInherited
No
Applies to
SVG <path> elements
Animation type
basicShapeOtherwiseNo
Values
nonepath d Browser Support
Widely available Since 2020 82% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
52+
97+
79+