What is the aspect ratio icon used for?

It signifies controls related to maintaining or adjusting the width-to-height proportion of an element, like an image or video.

How do I use the AspectRatioIcon in React?

Import both HugeiconsIcon and AspectRatioIcon, then render .

What is the license for this icon?

The HugeIcons aspect ratio icon is available under the MIT license.

aspect ratio icon

HugeIcons · AspectRatioIcon · MIT

Download SVG

The HugeIcons aspect ratio icon visually represents the proportional relationship between an image's width and height, commonly used in UI for resizing or cropping controls.

Common uses

Image resizing tool
Cropping interface
Layout adjustment settings

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { AspectRatioIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={AspectRatioIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: proportionresizedimensionsratio

FAQ

What is the aspect ratio icon used for?: It signifies controls related to maintaining or adjusting the width-to-height proportion of an element, like an image or video.
How do I use the AspectRatioIcon in React?: Import both HugeiconsIcon and AspectRatioIcon, then render <HugeiconsIcon icon={AspectRatioIcon} />.
What is the license for this icon?: The HugeIcons aspect ratio icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

tabler hugeicons

Looking for something else? Search HugeIcons 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 →