Rotate an Icon
Turn an icon to any angle — build the four directions of an arrow from one file, or straighten a crooked export.
Describe the edit — the AI assistant does it on the canvas.
2 free credits · No signup · ~10 seconds
Drop an icon
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
When an icon needs turning
Quarter turns are free
Ninety, one hundred and eighty and two hundred and seventy degrees rearrange the pixels without resampling, so they cost nothing in sharpness. That is exactly what you need for building the four directions of an arrow or a chevron from one source.
Other angles soften slightly
Any angle that is not a multiple of ninety has to resample, which blurs edges a touch. On an icon, where a stroke may be two pixels wide, that is more noticeable than on a photograph. Prefer quarter turns where the design allows.
The canvas grows
A rotated square needs a bigger square to hold it, so the output expands and the new corners are transparent. Nothing is clipped.
Transparency survives
A transparent icon stays transparent, and the space created by the rotation is transparent too.
Consider a mirror instead
For a left and right pair, flipping horizontally is lossless and keeps the stroke weights identical. Rotating one hundred and eighty degrees gives a different result — it turns the glyph upside down as well.
How to rotate an icon
Upload the icon
Drop in the icon you want to turn.
Set the angle
Drag the slider. Use 90, 180, or 270 where you can — those are lossless.
Download
Take a free preview, or download the full-resolution file with one credit.
Where rotation is useful
Directional variants
Build up, down, left and right arrows from a single source icon.
Expand and collapse
Produce the rotated chevron states a disclosure control needs.
Fixing a crooked export
Straighten an icon that came out of a tool at an angle.
Icon set consistency
Give a family of icons a uniform orientation.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
The Best Free Design Tools for Indie Developers
A working set of free design tools for developers shipping solo — UI, icons, fonts, colour, illustration and asset prep — with the real free-tier limits.
How to Batch Recolor Images (Without Opening Each One)
Three honest ways to recolor a whole folder at once: a browser batch tool, a Photoshop action, and ImageMagick — plus which operations survive batching.
Rotate your icon
Upload, set the angle, and download the turned glyph.