Icono Glyphs Rounded
material-symbols:glyphs-rounded
El icono Glyphs Rounded (material-symbols:glyphs-rounded) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Symbols
- Autor
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Texto
- Etiquetas
- glyphsrounded, glyph, glyphs outline rounded
Código 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>Cómo usar el icono 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>Web component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/glyphs-rounded.svg" alt="Icono Glyphs Rounded" width="24" height="24">Iconos relacionados en Material Symbols
El icono Glyphs Rounded en otras colecciones
Preguntas frecuentes sobre Icono Glyphs Rounded
¿El icono Glyphs Rounded es gratis para uso comercial?
Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Glyphs Rounded en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:glyphs-rounded" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Glyphs Rounded a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/glyphs-rounded.svg" alt="Icono Glyphs Rounded">, o pega el código SVG en línea para darle estilo con CSS.