CSS Generators

SVG to CSS Shape Converter

This tool will convert an SVG shape created with <path d="..."> into a CSS Shape. You will get a responsive code made with the new shape() function of clip-path.

A single-element implementation that works with images and supports gradient coloration!

Paste your SVG path below. Keep only what is inside the d attribute.

Example of CSS Shapes