Иконка Glyphs
material-symbols-light:glyphs
Иконка Glyphs (material-symbols-light:glyphs) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- glyph, glyphs outline sharp, glyphs outline, glyphs sharp
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>Как использовать иконку Glyphs
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:glyphs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:glyphs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:glyphs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--glyphs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:glyphs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:glyphs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/glyphs.svg" alt="Иконка Glyphs" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Glyphs в других наборах
Вопросы и ответы: Иконка Glyphs
Можно ли бесплатно использовать иконку Glyphs в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Glyphs в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:glyphs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Glyphs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/glyphs.svg" alt="Иконка Glyphs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.