glyphs icon
glyphs from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- glyphs
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- glyphs-outline, glyphs-outline-sharp, glyphs-sharp
2 other variants in Material Symbols Light
The same icon in other sets
More text icons from Material Symbols Light
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the glyphs icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.139 2.57h.873l3.375 7.98h-.952l-.846-1.977H4.562l-.846 1.977h-.952zM5.725 12.6q.839 0 1.42.58t.58 1.42q0 .404-.14.77q-.139.367-.431.659l-.721.696l1.392 1.412l1.425-1.4l.714.713l-1.4 1.42l1.4 1.405l-.714.689l-1.4-1.4l-1.396 1.415q-.298.298-.687.447t-.817.149q-.82 0-1.384-.593Q3 20.389 3 19.55q0-.404.152-.77q.152-.367.444-.659l1.416-1.415l-.716-.697q-.292-.292-.444-.646q-.152-.353-.152-.738q0-.838.593-1.432t1.432-.593m0 4.839l-1.421 1.415q-.133.133-.206.316q-.073.184-.073.38q0 .412.282.706T5 20.55q.196 0 .37-.076t.326-.228l1.421-1.415zM5.7 13.6q-.412 0-.693.294t-.282.706q0 .196.073.38t.206.316l.702.716l.69-.69q.152-.153.228-.327t.076-.37q0-.43-.285-.728q-.284-.297-.715-.297m.825-9.715l-1.611 3.83h3.323l-1.612-3.83zm10.796-1.51q.143.229.232.464q.09.234.15.488l-.805.248h4.218v1h-1.214q-.237.979-.77 1.822q-.534.844-1.282 1.507q.714.477 1.487.807t1.605.53l-.225.982q-.978-.237-1.895-.656q-.916-.419-1.745-1.025q-.848.6-1.803 1.003t-1.972.659l-.239-.945q.866-.2 1.687-.53t1.554-.825q-.71-.683-1.215-1.526q-.505-.844-.735-1.803h-1.47v-1h3.689q-.056-.229-.123-.436t-.173-.41zm2.754 10.812l.713.688l-7.063 7.064l-.713-.689zm-4.868.656q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293m.176-9.268q.2.802.634 1.496q.435.694 1.06 1.242q.644-.548 1.108-1.242q.463-.694.688-1.496zm4.824 14.268q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightGlyphs(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="M6.139 2.57h.873l3.375 7.98h-.952l-.846-1.977H4.562l-.846 1.977h-.952zM5.725 12.6q.839 0 1.42.58t.58 1.42q0 .404-.14.77q-.139.367-.431.659l-.721.696l1.392 1.412l1.425-1.4l.714.713l-1.4 1.42l1.4 1.405l-.714.689l-1.4-1.4l-1.396 1.415q-.298.298-.687.447t-.817.149q-.82 0-1.384-.593Q3 20.389 3 19.55q0-.404.152-.77q.152-.367.444-.659l1.416-1.415l-.716-.697q-.292-.292-.444-.646q-.152-.353-.152-.738q0-.838.593-1.432t1.432-.593m0 4.839l-1.421 1.415q-.133.133-.206.316q-.073.184-.073.38q0 .412.282.706T5 20.55q.196 0 .37-.076t.326-.228l1.421-1.415zM5.7 13.6q-.412 0-.693.294t-.282.706q0 .196.073.38t.206.316l.702.716l.69-.69q.152-.153.228-.327t.076-.37q0-.43-.285-.728q-.284-.297-.715-.297m.825-9.715l-1.611 3.83h3.323l-1.612-3.83zm10.796-1.51q.143.229.232.464q.09.234.15.488l-.805.248h4.218v1h-1.214q-.237.979-.77 1.822q-.534.844-1.282 1.507q.714.477 1.487.807t1.605.53l-.225.982q-.978-.237-1.895-.656q-.916-.419-1.745-1.025q-.848.6-1.803 1.003t-1.972.659l-.239-.945q.866-.2 1.687-.53t1.554-.825q-.71-.683-1.215-1.526q-.505-.844-.735-1.803h-1.47v-1h3.689q-.056-.229-.123-.436t-.173-.41zm2.754 10.812l.713.688l-7.063 7.064l-.713-.689zm-4.868.656q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293m.176-9.268q.2.802.634 1.496q.435.694 1.06 1.242q.644-.548 1.108-1.242q.463-.694.688-1.496zm4.824 14.268q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.139 2.57h.873l3.375 7.98h-.952l-.846-1.977H4.562l-.846 1.977h-.952zM5.725 12.6q.839 0 1.42.58t.58 1.42q0 .404-.14.77q-.139.367-.431.659l-.721.696l1.392 1.412l1.425-1.4l.714.713l-1.4 1.42l1.4 1.405l-.714.689l-1.4-1.4l-1.396 1.415q-.298.298-.687.447t-.817.149q-.82 0-1.384-.593Q3 20.389 3 19.55q0-.404.152-.77q.152-.367.444-.659l1.416-1.415l-.716-.697q-.292-.292-.444-.646q-.152-.353-.152-.738q0-.838.593-1.432t1.432-.593m0 4.839l-1.421 1.415q-.133.133-.206.316q-.073.184-.073.38q0 .412.282.706T5 20.55q.196 0 .37-.076t.326-.228l1.421-1.415zM5.7 13.6q-.412 0-.693.294t-.282.706q0 .196.073.38t.206.316l.702.716l.69-.69q.152-.153.228-.327t.076-.37q0-.43-.285-.728q-.284-.297-.715-.297m.825-9.715l-1.611 3.83h3.323l-1.612-3.83zm10.796-1.51q.143.229.232.464q.09.234.15.488l-.805.248h4.218v1h-1.214q-.237.979-.77 1.822q-.534.844-1.282 1.507q.714.477 1.487.807t1.605.53l-.225.982q-.978-.237-1.895-.656q-.916-.419-1.745-1.025q-.848.6-1.803 1.003t-1.972.659l-.239-.945q.866-.2 1.687-.53t1.554-.825q-.71-.683-1.215-1.526q-.505-.844-.735-1.803h-1.47v-1h3.689q-.056-.229-.123-.436t-.173-.41zm2.754 10.812l.713.688l-7.063 7.064l-.713-.689zm-4.868.656q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293m.176-9.268q.2.802.634 1.496q.435.694 1.06 1.242q.644-.548 1.108-1.242q.463-.694.688-1.496zm4.824 14.268q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293"/></svg> </template>
CSS
.icon-glyphs {
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%22M6.139%202.57h.873l3.375%207.98h-.952l-.846-1.977H4.562l-.846%201.977h-.952zM5.725%2012.6q.839%200%201.42.58t.58%201.42q0%20.404-.14.77q-.139.367-.431.659l-.721.696l1.392%201.412l1.425-1.4l.714.713l-1.4%201.42l1.4%201.405l-.714.689l-1.4-1.4l-1.396%201.415q-.298.298-.687.447t-.817.149q-.82%200-1.384-.593Q3%2020.389%203%2019.55q0-.404.152-.77q.152-.367.444-.659l1.416-1.415l-.716-.697q-.292-.292-.444-.646q-.152-.353-.152-.738q0-.838.593-1.432t1.432-.593m0%204.839l-1.421%201.415q-.133.133-.206.316q-.073.184-.073.38q0%20.412.282.706T5%2020.55q.196%200%20.37-.076t.326-.228l1.421-1.415zM5.7%2013.6q-.412%200-.693.294t-.282.706q0%20.196.073.38t.206.316l.702.716l.69-.69q.152-.153.228-.327t.076-.37q0-.43-.285-.728q-.284-.297-.715-.297m.825-9.715l-1.611%203.83h3.323l-1.612-3.83zm10.796-1.51q.143.229.232.464q.09.234.15.488l-.805.248h4.218v1h-1.214q-.237.979-.77%201.822q-.534.844-1.282%201.507q.714.477%201.487.807t1.605.53l-.225.982q-.978-.237-1.895-.656q-.916-.419-1.745-1.025q-.848.6-1.803%201.003t-1.972.659l-.239-.945q.866-.2%201.687-.53t1.554-.825q-.71-.683-1.215-1.526q-.505-.844-.735-1.803h-1.47v-1h3.689q-.056-.229-.123-.436t-.173-.41zm2.754%2010.812l.713.688l-7.063%207.064l-.713-.689zm-4.868.656q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293m.176-9.268q.2.802.634%201.496q.435.694%201.06%201.242q.644-.548%201.108-1.242q.463-.694.688-1.496zm4.824%2014.268q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293%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%22M6.139%202.57h.873l3.375%207.98h-.952l-.846-1.977H4.562l-.846%201.977h-.952zM5.725%2012.6q.839%200%201.42.58t.58%201.42q0%20.404-.14.77q-.139.367-.431.659l-.721.696l1.392%201.412l1.425-1.4l.714.713l-1.4%201.42l1.4%201.405l-.714.689l-1.4-1.4l-1.396%201.415q-.298.298-.687.447t-.817.149q-.82%200-1.384-.593Q3%2020.389%203%2019.55q0-.404.152-.77q.152-.367.444-.659l1.416-1.415l-.716-.697q-.292-.292-.444-.646q-.152-.353-.152-.738q0-.838.593-1.432t1.432-.593m0%204.839l-1.421%201.415q-.133.133-.206.316q-.073.184-.073.38q0%20.412.282.706T5%2020.55q.196%200%20.37-.076t.326-.228l1.421-1.415zM5.7%2013.6q-.412%200-.693.294t-.282.706q0%20.196.073.38t.206.316l.702.716l.69-.69q.152-.153.228-.327t.076-.37q0-.43-.285-.728q-.284-.297-.715-.297m.825-9.715l-1.611%203.83h3.323l-1.612-3.83zm10.796-1.51q.143.229.232.464q.09.234.15.488l-.805.248h4.218v1h-1.214q-.237.979-.77%201.822q-.534.844-1.282%201.507q.714.477%201.487.807t1.605.53l-.225.982q-.978-.237-1.895-.656q-.916-.419-1.745-1.025q-.848.6-1.803%201.003t-1.972.659l-.239-.945q.866-.2%201.687-.53t1.554-.825q-.71-.683-1.215-1.526q-.505-.844-.735-1.803h-1.47v-1h3.689q-.056-.229-.123-.436t-.173-.41zm2.754%2010.812l.713.688l-7.063%207.064l-.713-.689zm-4.868.656q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293m.176-9.268q.2.802.634%201.496q.435.694%201.06%201.242q.644-.548%201.108-1.242q.463-.694.688-1.496zm4.824%2014.268q.293.294.293.707t-.293.707t-.707.293t-.707-.293t-.293-.707t.293-.707t.707-.293t.707.293%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/glyphs.svg?color=%231a73e8&size=48
