format subscript icon

format-subscript from Material Design Icons by Pictogrammers · Filled · Text / Content / Format · Apache-2.0 Free for personal and commercial use.

Name
format-subscript
Set
Material Design Icons
Style
Filled
Category
Text / Content / Format
Viewbox
24×24
License
Apache 2.0

More text / content / format icons from Material Design Icons

Use the format subscript icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6zm5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.9.9 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66s.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58z"/></svg>

React

import type { SVGProps } from "react";

export function MdiFormatSubscript(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="M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6zm5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.9.9 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66s.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6zm5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.9.9 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66s.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58z"/></svg>
</template>

CSS

.icon-format-subscript {
  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%22M16%207.41L11.41%2012L16%2016.59L14.59%2018L10%2013.41L5.41%2018L4%2016.59L8.59%2012L4%207.41L5.41%206L10%2010.59L14.59%206zm5.85%2013.62h-4.88v-1l.89-.8c.76-.65%201.32-1.19%201.7-1.63c.37-.44.56-.85.57-1.24a.9.9%200%200%200-.27-.7c-.18-.16-.47-.28-.86-.28c-.31%200-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24%201.29-.24c.78.04%201.38.25%201.78.66s.62.93.62%201.57c-.01.56-.19%201.08-.54%201.55c-.34.47-.76.92-1.27%201.36l-.64.52v.02h2.58z%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%22M16%207.41L11.41%2012L16%2016.59L14.59%2018L10%2013.41L5.41%2018L4%2016.59L8.59%2012L4%207.41L5.41%206L10%2010.59L14.59%206zm5.85%2013.62h-4.88v-1l.89-.8c.76-.65%201.32-1.19%201.7-1.63c.37-.44.56-.85.57-1.24a.9.9%200%200%200-.27-.7c-.18-.16-.47-.28-.86-.28c-.31%200-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24%201.29-.24c.78.04%201.38.25%201.78.66s.62.93.62%201.57c-.01.56-.19%201.08-.54%201.55c-.34.47-.76.92-1.27%201.36l-.64.52v.02h2.58z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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