adjust icon

adjust from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.

Name: adjust
Set: Unicons
Style: Line
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

adjustBoxIcons v2 adjustBoxIcons v2 Solid adjustFont Awesome Solid adjustLine Awesome adjustMaterial Symbols adjustMaterial Symbols Light adjustMaterial Design Icons

More user interface icons from Unicons

0-plus 10-plus 12-plus 13-plus 16-plus 17-plus 18-plus 21-plus 3-plus 6-plus adjust-alt adjust-circle adjust-half anchor android-phone-slash ankh archive-alt archway asterisk at auto-flash backspace bag-slash balance-scale

Use the adjust icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m-1 17.93a8 8 0 0 1 0-15.86Zm2 0V4.07a8 8 0 0 1 0 15.86"/></svg>

React

import type { SVGProps } from "react";

export function UilAdjust(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m-1 17.93a8 8 0 0 1 0-15.86Zm2 0V4.07a8 8 0 0 1 0 15.86"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m-1 17.93a8 8 0 0 1 0-15.86Zm2 0V4.07a8 8 0 0 1 0 15.86"/></svg>
</template>

CSS

.icon-adjust {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m-1%2017.93a8%208%200%200%201%200-15.86Zm2%200V4.07a8%208%200%200%201%200%2015.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10%2010%200%200%200%2012%202m-1%2017.93a8%208%200%200%201%200-15.86Zm2%200V4.07a8%208%200%200%201%200%2015.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/adjust.svg?color=%231a73e8&size=48