- Home
- Rotate an Icon
Rotate an Icon
Turn an icon to any angle — build the four directions of an arrow from one file, or straighten a crooked export.
Free preview · No signup · ~10 seconds
Drop an icon
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
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.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
Rotate your icon
Upload, set the angle, and download the turned glyph.