linear-scale from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.

Name
linear-scale
Set
Material Symbols Light
Style
Regular
Category
Text
Viewbox
24×24
License
Apache 2.0
Aliases
linear-scale-outline, linear-scale-outline-rounded, linear-scale-outline-sharp, linear-scale-rounded, linear-scale-sharp

The same icon in other sets

More text icons from Material Symbols Light

Use the linear scale icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.154 16.308q-1.666 0-2.848-1.051T12.869 12.5H6.685q-.166.675-.704 1.145t-1.327.47q-.877 0-1.496-.619T2.538 12t.62-1.496t1.496-.62q.788 0 1.327.47t.704 1.146h6.184q.254-1.706 1.437-2.757t2.848-1.05q1.787 0 3.047 1.279q1.26 1.28 1.26 3.067q0 1.747-1.26 3.008t-3.047 1.26m2.337-1.97q.97-.972.97-2.337t-.97-2.336t-2.337-.972t-2.337.971t-.97 2.337t.97 2.337t2.337.97t2.337-.97"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightLinearScale(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="M17.154 16.308q-1.666 0-2.848-1.051T12.869 12.5H6.685q-.166.675-.704 1.145t-1.327.47q-.877 0-1.496-.619T2.538 12t.62-1.496t1.496-.62q.788 0 1.327.47t.704 1.146h6.184q.254-1.706 1.437-2.757t2.848-1.05q1.787 0 3.047 1.279q1.26 1.28 1.26 3.067q0 1.747-1.26 3.008t-3.047 1.26m2.337-1.97q.97-.972.97-2.337t-.97-2.336t-2.337-.972t-2.337.971t-.97 2.337t.97 2.337t2.337.97t2.337-.97"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.154 16.308q-1.666 0-2.848-1.051T12.869 12.5H6.685q-.166.675-.704 1.145t-1.327.47q-.877 0-1.496-.619T2.538 12t.62-1.496t1.496-.62q.788 0 1.327.47t.704 1.146h6.184q.254-1.706 1.437-2.757t2.848-1.05q1.787 0 3.047 1.279q1.26 1.28 1.26 3.067q0 1.747-1.26 3.008t-3.047 1.26m2.337-1.97q.97-.972.97-2.337t-.97-2.336t-2.337-.972t-2.337.971t-.97 2.337t.97 2.337t2.337.97t2.337-.97"/></svg>
</template>

CSS

.icon-linear-scale {
  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%22M17.154%2016.308q-1.666%200-2.848-1.051T12.869%2012.5H6.685q-.166.675-.704%201.145t-1.327.47q-.877%200-1.496-.619T2.538%2012t.62-1.496t1.496-.62q.788%200%201.327.47t.704%201.146h6.184q.254-1.706%201.437-2.757t2.848-1.05q1.787%200%203.047%201.279q1.26%201.28%201.26%203.067q0%201.747-1.26%203.008t-3.047%201.26m2.337-1.97q.97-.972.97-2.337t-.97-2.336t-2.337-.972t-2.337.971t-.97%202.337t.97%202.337t2.337.97t2.337-.97%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%22M17.154%2016.308q-1.666%200-2.848-1.051T12.869%2012.5H6.685q-.166.675-.704%201.145t-1.327.47q-.877%200-1.496-.619T2.538%2012t.62-1.496t1.496-.62q.788%200%201.327.47t.704%201.146h6.184q.254-1.706%201.437-2.757t2.848-1.05q1.787%200%203.047%201.279q1.26%201.28%201.26%203.067q0%201.747-1.26%203.008t-3.047%201.26m2.337-1.97q.97-.972.97-2.337t-.97-2.336t-2.337-.972t-2.337.971t-.97%202.337t.97%202.337t2.337.97t2.337-.97%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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