The Lucide proportions icon visually represents adjustable screen dimensions and aspect ratios, commonly used in UI to indicate settings for size, resolution, or orientation.
Common uses
- Adjusting display resolution or aspect ratio settings.
- Toggling between portrait and landscape orientations.
- Indicating responsive design or screen size options.
Use it in React
Install
npm i lucide-reactImport & render
import { Proportions } from 'lucide-react';
<Proportions size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- screenssizesrotaterotationadjustaspect ratio16:9widescreen4:3resolutionresponsivemobiledesktopdimensionsmonitororientation
FAQ
- What does the proportions icon represent?
- It depicts adjustable screen sizes and aspect ratios, often used for settings related to resolution, orientation, or scaling.
- How do I use the proportions icon in React?
- You can import and use it like this: import { Proportions } from 'lucide-react'. Then render it as <Proportions />.
- What is the license for the Lucide proportions icon?
- The Lucide icon library, including the proportions icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →