Adjust Outline icon
glyphs:adjust-outline
The Adjust Outline icon (glyphs:adjust-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- adjustoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.144 14.268a29.7 29.7 0 0 1 14.86-3.98a29.713 29.713 0 0 1 0 59.426L40 69.712h-.002a29.712 29.712 0 0 1-14.854-55.445m-8.377 14.715a25.7 25.7 0 0 0-1.59 4.306L38 20.113v-3.39zm15.258-13.428l-9.208 5.316a25.7 25.7 0 0 1 9.208-5.316M42 21.302v-6.937a25.713 25.713 0 0 1 0 51.27zm-4 3.43L14.337 38.393a26 26 0 0 0 .01 3.375L38 28.113zm0 8l-23.001 13.28a26 26 0 0 0 .873 2.876L38 36.113zm0 8L17.55 52.538a26 26 0 0 0 1.573 2.473L38 44.113zm0 8l-16.25 9.382q1.08 1.089 2.295 2.05L38 52.109zm0 7.995l-10.216 5.899a26 26 0 0 0 3.287 1.487l6.929-4zm0 8.005l-1.326.765q.661.086 1.326.138z" clip-rule="evenodd"/></svg>
How to use the Adjust Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:adjust-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:adjust-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:adjust-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--adjust-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:adjust-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:adjust-outline"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/adjust-outline.svg" alt="Adjust Outline icon" width="24" height="24">
Adjust Outline icon in other icon sets
Adjust Outline icon FAQ
Is the Adjust Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Adjust Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:adjust-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Adjust Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/adjust-outline.svg" alt="Adjust Outline icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
