straighten icon

straighten-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.

Name: straighten-rounded
Set: Material Symbols
Style: Rounded
Category: Images
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

straighten straighten-outline straighten-outline-rounded straighten-outline-sharp straighten-sharp

The same icon in other sets

straightenMaterial Symbols Light

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the straighten icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18q-.825 0-1.412-.587T2 16V8q0-.825.588-1.412T4 6h3v5q0 .425.288.713T8 12t.713-.288T9 11V6h2v5q0 .425.288.713T12 12t.713-.288T13 11V6h2v5q0 .425.288.713T16 12t.713-.288T17 11V6h3q.825 0 1.413.588T22 8v8q0 .825-.587 1.413T20 18z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsStraightenRounded(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="M4 18q-.825 0-1.412-.587T2 16V8q0-.825.588-1.412T4 6h3v5q0 .425.288.713T8 12t.713-.288T9 11V6h2v5q0 .425.288.713T12 12t.713-.288T13 11V6h2v5q0 .425.288.713T16 12t.713-.288T17 11V6h3q.825 0 1.413.588T22 8v8q0 .825-.587 1.413T20 18z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18q-.825 0-1.412-.587T2 16V8q0-.825.588-1.412T4 6h3v5q0 .425.288.713T8 12t.713-.288T9 11V6h2v5q0 .425.288.713T12 12t.713-.288T13 11V6h2v5q0 .425.288.713T16 12t.713-.288T17 11V6h3q.825 0 1.413.588T22 8v8q0 .825-.587 1.413T20 18z"/></svg>
</template>

CSS

.icon-straighten-rounded {
  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%22M4%2018q-.825%200-1.412-.587T2%2016V8q0-.825.588-1.412T4%206h3v5q0%20.425.288.713T8%2012t.713-.288T9%2011V6h2v5q0%20.425.288.713T12%2012t.713-.288T13%2011V6h2v5q0%20.425.288.713T16%2012t.713-.288T17%2011V6h3q.825%200%201.413.588T22%208v8q0%20.825-.587%201.413T20%2018z%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%22M4%2018q-.825%200-1.412-.587T2%2016V8q0-.825.588-1.412T4%206h3v5q0%20.425.288.713T8%2012t.713-.288T9%2011V6h2v5q0%20.425.288.713T12%2012t.713-.288T13%2011V6h2v5q0%20.425.288.713T16%2012t.713-.288T17%2011V6h3q.825%200%201.413.588T22%208v8q0%20.825-.587%201.413T20%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/straighten-rounded.svg?color=%231a73e8&size=48