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

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

1 other variant in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the decimal decrease icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.27 20.789L11.98 17.5l3.29-3.288l.707.688l-2.075 2.1h6.81v1h-6.81l2.075 2.1zM4.25 12.827v-1.692h1.692v1.692zm3.88-.805q-.803-.806-.803-1.945v-4q0-1.14.806-1.945t1.946-.805t1.944.805t.804 1.945v4q0 1.14-.806 1.945t-1.946.805t-1.944-.805m3.182-.705q.514-.511.514-1.24v-4q0-.73-.514-1.24q-.515-.51-1.236-.51t-1.236.51q-.514.51-.514 1.24v4q0 .729.514 1.24q.515.51 1.236.51t1.236-.51"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDecimalDecrease(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="M15.27 20.789L11.98 17.5l3.29-3.288l.707.688l-2.075 2.1h6.81v1h-6.81l2.075 2.1zM4.25 12.827v-1.692h1.692v1.692zm3.88-.805q-.803-.806-.803-1.945v-4q0-1.14.806-1.945t1.946-.805t1.944.805t.804 1.945v4q0 1.14-.806 1.945t-1.946.805t-1.944-.805m3.182-.705q.514-.511.514-1.24v-4q0-.73-.514-1.24q-.515-.51-1.236-.51t-1.236.51q-.514.51-.514 1.24v4q0 .729.514 1.24q.515.51 1.236.51t1.236-.51"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.27 20.789L11.98 17.5l3.29-3.288l.707.688l-2.075 2.1h6.81v1h-6.81l2.075 2.1zM4.25 12.827v-1.692h1.692v1.692zm3.88-.805q-.803-.806-.803-1.945v-4q0-1.14.806-1.945t1.946-.805t1.944.805t.804 1.945v4q0 1.14-.806 1.945t-1.946.805t-1.944-.805m3.182-.705q.514-.511.514-1.24v-4q0-.73-.514-1.24q-.515-.51-1.236-.51t-1.236.51q-.514.51-.514 1.24v4q0 .729.514 1.24q.515.51 1.236.51t1.236-.51"/></svg>
</template>

CSS

.icon-decimal-decrease {
  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%22M15.27%2020.789L11.98%2017.5l3.29-3.288l.707.688l-2.075%202.1h6.81v1h-6.81l2.075%202.1zM4.25%2012.827v-1.692h1.692v1.692zm3.88-.805q-.803-.806-.803-1.945v-4q0-1.14.806-1.945t1.946-.805t1.944.805t.804%201.945v4q0%201.14-.806%201.945t-1.946.805t-1.944-.805m3.182-.705q.514-.511.514-1.24v-4q0-.73-.514-1.24q-.515-.51-1.236-.51t-1.236.51q-.514.51-.514%201.24v4q0%20.729.514%201.24q.515.51%201.236.51t1.236-.51%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%22M15.27%2020.789L11.98%2017.5l3.29-3.288l.707.688l-2.075%202.1h6.81v1h-6.81l2.075%202.1zM4.25%2012.827v-1.692h1.692v1.692zm3.88-.805q-.803-.806-.803-1.945v-4q0-1.14.806-1.945t1.946-.805t1.944.805t.804%201.945v4q0%201.14-.806%201.945t-1.946.805t-1.944-.805m3.182-.705q.514-.511.514-1.24v-4q0-.73-.514-1.24q-.515-.51-1.236-.51t-1.236.51q-.514.51-.514%201.24v4q0%20.729.514%201.24q.515.51%201.236.51t1.236-.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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