launchshots / icons / lucide / ratio

Ratio

Lucide ISC License
screens sizes rotate rotation adjust aspect ratio proportions 169 widescreen 43 resolution responsive mobile desktop dimensions monitor orientation portrait landscape
Drop into editor

Copy the code

<!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-ratio" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect width="12" height="20" x="6" y="2" rx="2" /> <rect width="20" height="12" x="2" y="6" rx="2" /> </svg>
<!-- Ratio icon (Lucide) --> <!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-ratio" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect width="12" height="20" x="6" y="2" rx="2" /> <rect width="20" height="12" x="2" y="6" rx="2" /> </svg>
import { Ratio } from 'lucide-react'; export default function MyComponent() { return <Ratio size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Ratio icon

The Ratio icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Ratio icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: screens, sizes, rotate, rotation, adjust, aspect ratio, proportions, 169, widescreen, 43, resolution, responsive, mobile, desktop, dimensions, monitor, orientation, portrait, landscape. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Proportions icon proportions Monitor Smartphone icon monitor-smartphone Tablet Smartphone icon tablet-smartphone Screen Share icon screen-share Screen Share Off icon screen-share-off Smartphone icon smartphone Tablet icon tablet Airplay icon airplay Angle icon angle Arrows Up From Line icon arrows-up-from-line Card Sim icon card-sim Circle Dot icon circle-dot

Latest from the blog

Guides
Claude Code Weekly Limit vs 5-Hour Lockout: Complete Usage & Reset Guide
Sep 22, 2026
Guides
When Does Claude Code Usage Reset? Complete Reset Schedule Guide
Sep 22, 2026
News
Google Play Policy Updates: A Monthly Compliance Routine
Sep 22, 2026
Guides
Using Device Frames in App Store Screenshots Responsibly
Sep 21, 2026
copied