Clip any element into a shape — pick a polygon, circle or rounded inset, preview it on your image, and copy the CSS, on your device.
Advanced settings (optional)
Clip-path
Type
Shape
Fill
Your image
Stays on your device
No size limit · files are processed on your device and never uploaded · how it works
CSS clip-path shapes · copy CSS or download SVG · made in your browser
Runs in your browser. Files are never uploaded — you can go offline after the page loads.
How to use the CSS Clip-path Generator
Pick a shape, or a circle or rounded inset.
Preview it on a gradient or your own image.
Copy the clip-path CSS, or download an SVG shape.
Easy to use
Drop files, pick options, download. Whole folders at once, no signup, no daily limit.
Best quality
The same engines the professionals use — SVGO, resvg, MozJPEG, libwebp, libavif — compiled to run in your browser.
Private & secure
Files are processed on your device and never uploaded. Close the tab and nothing remains anywhere.
Clip any element into a shape
Choose from hexagons, triangles, stars, arrows, chevrons, message bubbles and more — or a circle or rounded inset with live sliders. Preview the shape on a gradient or drop in your own image to see exactly how it will crop, all in the big preview window with the settings on the right.
Copy the clip-path CSS (with the -webkit- prefix) for the web, or download the shape as an SVG. Everything runs in your browser and nothing is uploaded. For soft blobs use the blob generator.
Frequently asked questions
What is clip-path used for?
It crops an HTML element to a shape without editing the image — great for angled section dividers, hexagon avatars, badges and cut-corner cards.
Do I need the -webkit- prefix?
The tool includes it for you, which keeps clip-path working across the widest range of browsers.
Most online converters upload your file to a server. InfyTool ships the actual encoders to your browser as WebAssembly instead, so processing happens inside your tab — faster for batches, and nothing to delete afterwards.
No upload, ever. Turn off Wi-Fi after the page loads and every tool keeps working.
No limits. No file-size cap, no queue, no watermark, no account.
Runs on your CPU. Batches use several cores in parallel; nothing is throttled.