Adjust Position icon
hugeicons:adjust-position
The Adjust Position icon (hugeicons:adjust-position) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Huge Icons
- Author
- Hugeicons
- License
- MIT
- Size
- 24 × 24
- Tags
- adjustposition
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M17 10h2c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C22 8.398 22 7.932 22 7s0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C20.398 4 19.932 4 19 4h-2c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C14 5.602 14 6.068 14 7s0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C15.602 10 16.068 10 17 10m-7-3H7a5 5 0 0 0 0 10h3"/><path d="m7.5 14.5l1.301 1.086c.8.667 1.2 1 1.2 1.414s-.4.747-1.2 1.414l-1.3 1.086M17 20h2c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C22 18.398 22 17.932 22 17s0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C20.398 14 19.932 14 19 14h-2c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C14 15.602 14 16.068 14 17s0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C15.602 20 16.068 20 17 20"/></g></svg>How to use the Adjust Position icon
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:adjust-position" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:adjust-position" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:adjust-position" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--adjust-position]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:adjust-position"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:adjust-position"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/hugeicons/adjust-position.svg" alt="Adjust Position icon" width="24" height="24">Adjust Position icon FAQ
Is the Adjust Position icon free for commercial use?
Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Adjust Position icon in React?
Install @iconify/react and render <Icon icon="hugeicons:adjust-position" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Adjust Position icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/adjust-position.svg" alt="Adjust Position icon">, or paste the SVG code inline to style it with CSS.