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).
It is documented as part of the Scalable Vector Graphics specification.
Syntax
/* Usage 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;
}
/* Syntax */
d: none;
d: path;
/* Global values */
d: inherit;
d: initial;
d: revert;
d: revert-layer;
d: unset;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.
52+
97+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more