- 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 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.
How to Remove a Background in Figma (There Is No Built-In Way — Here Is What Works)
Figma has no background removal feature. The honest options are a third-party plugin that uploads your image to its vendor, or a hand-drawn vector mask — plus when each is actually the right call.
How to Make a Duotone in Photoshop (Gradient Map vs Duotone Mode)
Photoshop has two duotone features and the one named Duotone is usually the wrong one. Why Image > Mode > Duotone demands a Grayscale conversion, why Gradient Map is what you actually want, and how to keep it editable.
Rotate your icon
Upload, set the angle, and download the turned glyph.