Icône Glyphs Rounded
material-symbols-light:glyphs-rounded
L'icône Glyphs Rounded (material-symbols-light:glyphs-rounded) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Material Symbols Light
- Auteur
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Texte
- Mots-clés
- glyphsrounded, glyph
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.423 10.55q-.244 0-.372-.192t-.03-.406L6.03 2.823q.062-.121.164-.187q.103-.067.224-.067h.316q.12 0 .224.067q.103.066.164.187l3.014 7.129q.092.214-.036.406t-.366.192q-.14 0-.24-.076t-.162-.197L8.59 8.573H4.562l-.743 1.71q-.061.12-.158.194q-.097.073-.238.073M4.95 21.575q-.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-.593t1.42.58t.58 1.42q0 .404-.14.77q-.139.367-.431.659l-.721.696l1.392 1.412l1.071-1.046q.146-.141.347-.153t.366.153q.147.146.147.347t-.146.366l-1.046 1.065l1.046 1.052q.14.146.15.354t-.156.354q-.146.14-.354.134t-.354-.153L7.85 19.564l-1.396 1.415q-.298.298-.687.447t-.817.149m.775-4.136l-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.83zm7.246 6.198q-.188.067-.362-.05q-.174-.116-.236-.304q-.061-.188.055-.356t.305-.234q.73-.195 1.436-.5t1.335-.735q-.71-.683-1.214-1.526q-.505-.844-.736-1.803h-.97q-.213 0-.356-.143q-.144-.144-.144-.357t.144-.357q.143-.143.357-.143h7.23q.214 0 .357.143q.144.144.144.357t-.144.357q-.143.143-.357.143h-.713q-.237.979-.77 1.822q-.534.844-1.282 1.507q.61.41 1.26.706q.652.296 1.344.49q.208.067.321.244t.052.385t-.236.314t-.362.04q-.858-.25-1.642-.626q-.785-.376-1.51-.915q-.744.533-1.586.909t-1.72.632m-.4 10.52q-.165-.145-.156-.356q.01-.21.156-.356l6.37-6.37q.14-.14.34-.14t.348.14q.165.146.156.357q-.01.21-.156.357l-6.37 6.369q-.14.14-.34.14t-.348-.14m.422-5.347q-.293-.293-.293-.707t.293-.707t.707-.293t.707.293t.293.707t-.293.707t-.707.293t-.707-.293m1.59-10.682q.2.802.634 1.496q.435.694 1.06 1.242q.644-.548 1.108-1.242q.463-.694.688-1.496zm3.41 15.682q-.293-.294-.293-.707t.293-.707t.707-.293t.707.293t.293.707t-.293.707t-.707.293t-.707-.293m-2.19-16.59q-.203.067-.379-.022q-.176-.09-.243-.293q-.067-.204.012-.38q.08-.176.284-.243l1.044-.354q.198-.087.39 0q.191.087.278.285q.086.198 0 .389q-.087.192-.285.278z"/></svg>Comment utiliser l'icône Glyphs Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:glyphs-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:glyphs-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:glyphs-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--glyphs-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light: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-light:glyphs-rounded"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/glyphs-rounded.svg" alt="Icône Glyphs Rounded" width="24" height="24">Icônes similaires dans Material Symbols Light
L'icône Glyphs Rounded dans d'autres collections
FAQ : Icône Glyphs Rounded
L'icône Glyphs Rounded est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Glyphs Rounded dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:glyphs-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Glyphs Rounded à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/glyphs-rounded.svg" alt="Icône Glyphs Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.