Иконка Glyphs Rounded
material-symbols:glyphs-rounded
Иконка Glyphs Rounded (material-symbols:glyphs-rounded) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- glyphsrounded, glyph, glyphs outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 11.05q-.475 0-.737-.375t-.088-.8l2.7-7.225q.1-.275.338-.438t.512-.162h.7q.275 0 .513.163t.337.437L10.5 9.875q.15.425-.112.8t-.713.375q-.275 0-.5-.162t-.325-.438L8.3 8.9H4.85l-.55 1.575q-.1.275-.312.425t-.488.15m1.45 11.025q-1.05 0-1.75-.737t-.7-1.788q0-.5.2-.962t.55-.813l1.05-1.05l-.35-.35q-.35-.35-.55-.8t-.2-.95q0-1.05.737-1.787t1.788-.738t1.775.725t.725 1.775q0 .5-.187.963t-.538.812l-.375.35l.7.7l.725-.7q.3-.275.713-.288t.712.288t.3.713t-.3.712l-.7.7l.7.725q.275.3.275.7t-.3.7q-.3.275-.7.287t-.7-.287l-.7-.7l-1.05 1.05q-.375.375-.85.563t-1 .187m.775-3.925L4.65 19.2q-.075.075-.1.163t-.025.187q0 .2.138.35t.337.15q.1 0 .188-.037t.162-.113l1.075-1.05zM5.7 14.1q-.2 0-.337.15t-.138.35q0 .1.025.188t.1.162l.375.35l.325-.325q.075-.075.113-.162t.037-.188q0-.2-.15-.362T5.7 14.1M6.525 4l-1.15 3.35h2.4L6.625 4zm7.4 6.775q-.4.125-.737-.088t-.438-.612t.113-.75t.612-.475q.5-.175.975-.375T15.4 8q-.575-.625-1.012-1.362T13.7 5.075H13q-.425 0-.712-.288T12 4.076t.288-.712t.712-.288h8q.425 0 .713.288t.287.712t-.288.713t-.712.287h-.675q-.275.825-.712 1.563T18.6 8q.475.275.963.475t.987.375q.4.125.6.475t.1.75t-.437.613t-.738.087q-.8-.25-1.575-.587T17 9.35q-.725.475-1.5.813t-1.575.612m-.9 10.175q-.3-.3-.3-.712t.3-.713l6.35-6.35q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712l-6.35 6.35q-.275.275-.687.275t-.713-.275m.413-5.337Q13 15.175 13 14.55t.438-1.062t1.062-.438t1.063.438T16 14.55t-.437 1.063t-1.063.437t-1.062-.437m2.387-10.538q.2.475.5.9t.675.8q.375-.375.675-.8t.525-.9zm2.613 15.538Q18 20.175 18 19.55t.438-1.062t1.062-.438t1.063.438T21 19.55t-.437 1.063t-1.063.437t-1.062-.437M16.45 3.224q-.3.125-.562-.012t-.388-.438t.013-.562t.437-.388l1.525-.45q.275-.125.563 0t.412.4t0 .563t-.4.412z"/></svg>Как использовать иконку Glyphs Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:glyphs-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:glyphs-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:glyphs-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--glyphs-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:glyphs-rounded"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:glyphs-rounded"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/glyphs-rounded.svg" alt="Иконка Glyphs Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols
Иконка Glyphs Rounded в других наборах
Вопросы и ответы: Иконка Glyphs Rounded
Можно ли бесплатно использовать иконку Glyphs Rounded в коммерческих проектах?
Да. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Glyphs Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols:glyphs-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Glyphs Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols/glyphs-rounded.svg" alt="Иконка Glyphs Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.