scale-rounded from Material Symbols Light by Google · Rounded · Hardware · Apache-2.0 Free for personal and commercial use.

Name
scale-rounded
Set
Material Symbols Light
Style
Rounded
Category
Hardware
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

The same icon in other sets

More hardware icons from Material Symbols Light

Use the scale icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 20.23H4.665q-.367 0-.606-.254q-.24-.255-.196-.622q.302-2.967 1.987-4.959t4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197t-.961-1.71q-.126-.38.123-.697t.653-.317h14.27q.403 0 .652.327q.25.327.125.706q-.289.998-.981 1.71T17.34 7.71t-1.91.748t-1.931.369v2.98q2.966.597 4.65 2.588t1.987 4.959q.044.367-.196.622q-.239.255-.606.255H16q-.213 0-.357-.144t-.143-.356t.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02T12 12.686T7.385 14.21t-2.587 5.02H8q.214 0 .357.143t.143.357t-.143.356T8 20.23m4 0q-.633 0-1.066-.434q-.434-.433-.434-1.066q0-.31.115-.573q.114-.264.331-.462q.204-.204.64-.449q.435-.245 1.02-.532l1.55-.675q.261-.125.46.074q.2.2.075.461l-.676 1.53q-.286.586-.531 1.03q-.246.446-.45.65q-.198.217-.461.331T12 20.23"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightScaleRounded(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="M8 20.23H4.665q-.367 0-.606-.254q-.24-.255-.196-.622q.302-2.967 1.987-4.959t4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197t-.961-1.71q-.126-.38.123-.697t.653-.317h14.27q.403 0 .652.327q.25.327.125.706q-.289.998-.981 1.71T17.34 7.71t-1.91.748t-1.931.369v2.98q2.966.597 4.65 2.588t1.987 4.959q.044.367-.196.622q-.239.255-.606.255H16q-.213 0-.357-.144t-.143-.356t.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02T12 12.686T7.385 14.21t-2.587 5.02H8q.214 0 .357.143t.143.357t-.143.356T8 20.23m4 0q-.633 0-1.066-.434q-.434-.433-.434-1.066q0-.31.115-.573q.114-.264.331-.462q.204-.204.64-.449q.435-.245 1.02-.532l1.55-.675q.261-.125.46.074q.2.2.075.461l-.676 1.53q-.286.586-.531 1.03q-.246.446-.45.65q-.198.217-.461.331T12 20.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 20.23H4.665q-.367 0-.606-.254q-.24-.255-.196-.622q.302-2.967 1.987-4.959t4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197t-.961-1.71q-.126-.38.123-.697t.653-.317h14.27q.403 0 .652.327q.25.327.125.706q-.289.998-.981 1.71T17.34 7.71t-1.91.748t-1.931.369v2.98q2.966.597 4.65 2.588t1.987 4.959q.044.367-.196.622q-.239.255-.606.255H16q-.213 0-.357-.144t-.143-.356t.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02T12 12.686T7.385 14.21t-2.587 5.02H8q.214 0 .357.143t.143.357t-.143.356T8 20.23m4 0q-.633 0-1.066-.434q-.434-.433-.434-1.066q0-.31.115-.573q.114-.264.331-.462q.204-.204.64-.449q.435-.245 1.02-.532l1.55-.675q.261-.125.46.074q.2.2.075.461l-.676 1.53q-.286.586-.531 1.03q-.246.446-.45.65q-.198.217-.461.331T12 20.23"/></svg>
</template>

CSS

.icon-scale-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%22M8%2020.23H4.665q-.367%200-.606-.254q-.24-.255-.196-.622q.302-2.967%201.987-4.959t4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197t-.961-1.71q-.126-.38.123-.697t.653-.317h14.27q.403%200%20.652.327q.25.327.125.706q-.289.998-.981%201.71T17.34%207.71t-1.91.748t-1.931.369v2.98q2.966.597%204.65%202.588t1.987%204.959q.044.367-.196.622q-.239.255-.606.255H16q-.213%200-.357-.144t-.143-.356t.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02T12%2012.686T7.385%2014.21t-2.587%205.02H8q.214%200%20.357.143t.143.357t-.143.356T8%2020.23m4%200q-.633%200-1.066-.434q-.434-.433-.434-1.066q0-.31.115-.573q.114-.264.331-.462q.204-.204.64-.449q.435-.245%201.02-.532l1.55-.675q.261-.125.46.074q.2.2.075.461l-.676%201.53q-.286.586-.531%201.03q-.246.446-.45.65q-.198.217-.461.331T12%2020.23%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%22M8%2020.23H4.665q-.367%200-.606-.254q-.24-.255-.196-.622q.302-2.967%201.987-4.959t4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197t-.961-1.71q-.126-.38.123-.697t.653-.317h14.27q.403%200%20.652.327q.25.327.125.706q-.289.998-.981%201.71T17.34%207.71t-1.91.748t-1.931.369v2.98q2.966.597%204.65%202.588t1.987%204.959q.044.367-.196.622q-.239.255-.606.255H16q-.213%200-.357-.144t-.143-.356t.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02T12%2012.686T7.385%2014.21t-2.587%205.02H8q.214%200%20.357.143t.143.357t-.143.356T8%2020.23m4%200q-.633%200-1.066-.434q-.434-.433-.434-1.066q0-.31.115-.573q.114-.264.331-.462q.204-.204.64-.449q.435-.245%201.02-.532l1.55-.675q.261-.125.46.074q.2.2.075.461l-.676%201.53q-.286.586-.531%201.03q-.246.446-.45.65q-.198.217-.461.331T12%2020.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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