# Aspect ratio lock icon — Nodo Icons

- Name: `aspect-ratio-lock`
- Category: design
- Tags: constrain proportions, lock ratio, keep proportions, chain
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/aspect-ratio-lock/
- SVG (Linear): https://nodoicons.com/svg/linear/aspect-ratio-lock.svg

## React

```jsx
import { AspectRatioLockIcon } from '@nodo-icons/react';

<AspectRatioLockIcon size={24} />
```

## Vue

```vue
<script setup>
import { AspectRatioLockIcon } from '@nodo-icons/vue';
</script>

<template><AspectRatioLockIcon :size="24" /></template>
```

## SVG (Linear)

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11.174,19h-5.674c-1.657,0 -3,-1.343 -3,-3v-8c0,-1.657 1.343,-3 3,-3h13c1.657,0 3,1.343 3,3v4.376"/><path d="M6 12V10a1.5 1.5 0 0 1 1.5-1.5H10"/><path d="M15.25,21c-0.69,0 -1.25,-0.56 -1.25,-1.25v-2c0,-0.69 0.56,-1.25 1.25,-1.25h4.5c0.69,0 1.25,0.56 1.25,1.25v2c0,0.69 -0.56,1.25 -1.25,1.25z"/><path d="M15.5,16.5v-1.5c0,-1.105 0.895,-2 2,-2c1.105,0 2,0.895 2,2v1.5"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { AspectRatioLockIcon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [aspect-ratio](https://nodoicons.com/icons/aspect-ratio/index.md)
- [golden-ratio](https://nodoicons.com/icons/golden-ratio/index.md)
- [anchor-point](https://nodoicons.com/icons/anchor-point/index.md)
- [artboard](https://nodoicons.com/icons/artboard/index.md)
- [artboard-plus](https://nodoicons.com/icons/artboard-plus/index.md)
- [axis-3d](https://nodoicons.com/icons/axis-3d/index.md)
- [background-remove](https://nodoicons.com/icons/background-remove/index.md)
- [baseline-grid](https://nodoicons.com/icons/baseline-grid/index.md)
- [before-after](https://nodoicons.com/icons/before-after/index.md)
- [bevel](https://nodoicons.com/icons/bevel/index.md)
- [bezier-curve](https://nodoicons.com/icons/bezier-curve/index.md)
- [blend-mode](https://nodoicons.com/icons/blend-mode/index.md)