SVG warper

Warp an SVG and keep it vector

Drop a logo or a cut file, pick a warp style, download a clean SVG with every color on its own layer.

Loading sample…

Drawing size

Export size

Also as Plus

Export historyEvery file comes out at the size above: drag a corner of the preview or type a width; PNG is written at 300 DPI. Each fill color becomes its own path, so cutting software shows them as separate layers. Transforms are baked in, text must be outlined first. Scripts, filters and external references are removed before the file is read. DXF (Pro) carries the same welded layers in inches for laser cutters; Plus adds WebP, JPG on white, and a vector PDF the size of the SVG.

Code for a web page CSS transform

Perspective and Skew as a CSS transform on your original file.

Mockup preview Plus

See the design on 12 products and download a 4,096 × 4,096 px product image for a shop listing (Plus), or every product or colour in one ZIP (Pro). Drawn in your browser from the design above; nothing is uploaded.

Shirts

Drinkware

Hats

Bags

Cards

In short

WarpImage's SVG warper bends an SVG file — a logo, an icon or a cut file — with 17 warp styles and gives it back as vector paths, not pixels. Open the SVG above (up to 2 MB on the free plan), pick a style and drag the Bend slider; shapes are converted to paths, and text has to be outlined first. Download a cut-ready SVG sized in inches with one path per fill colour, which Cricut Design Space and Silhouette Studio show as separate layers (Plus), or a transparent PNG up to 1,600 px on its longest side on the free plan. It is free to use, adds no watermark and does its work in your browser, so pictures, files and fonts never leave your device; the first 20 exports and share links need no sign-up, and a free account has no limit on them. The files a product is made from (cut-ready SVG and PDF, PNG past 1,600 px, designs of more than one line) come with Plus at $5 a month, after 3 trial files on a free account.

Warp styles

Arc: curved text generator
Arch: arched text generator
Arc Lower: arc lower text
Arc Upper: arc upper text
Bulge: bulge text generator
Shell Lower: shell lower text
Shell Upper: shell upper text
Flag: flag text effect
Wave: wavy text generator
Fish: fish text warp
Rise: rise text warp
Fisheye: fisheye text generator
Inflate: inflate text effect
Squeeze: squeeze text effect
Twist: twist text generator
Perspective: perspective text generator
Skew: skew text generator

What happens to your file

Rectangles, circles, ellipses, polygons and lines are converted to paths. Path data is parsed in full, including relative commands and elliptical arcs, and every curve is subdivided finely enough that the warp stays smooth. Group transforms are resolved by the browser and baked into the coordinates, so the output has no transform attributes at all.

The result is one path per fill color with an even-odd fill rule, sized in inches. That is the format cutting software reads most reliably.

Frequently asked questions

Does the output stay vector?

Yes. Every shape is converted to a path, bent, and written back as a path. Nothing is rasterized unless you choose the PNG download.

Why is my text missing?

Text elements are skipped because bending live text needs the font. Outline the text first (Illustrator: Type → Create Outlines; Inkscape: Path → Object to Path), or use the Text Warper which handles fonts itself.

Will gradients and images survive?

Gradient fills are replaced with a flat grey so the shape still cuts; embedded images are skipped. Warp those with the Image Warper instead.

Can I cut a multi-color SVG?

Yes. Each fill color is exported as its own path, which Cricut Design Space and Silhouette Studio show as separate layers.

Is my file uploaded?

No. The SVG is parsed in your browser and never leaves your device.