Icône Granola Light
thesvg-color:granola-light
L'icône Granola Light (thesvg-color:granola-light) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 32 × 32. Les theSVG Color icons sont publiées sous la licence MIT, 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- granolalight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="#1e1e1e" d="M15.826 31.914c3.3 0 6.76-.732 8.153-1.746c.89-.634 1.332-.572 2.125-1.33c.22-.222.317-.287.38-.35c3.013-2.476 4.759-5.68 4.759-9.836c0-6.76-4.79-11.36-11.644-11.36c-6.029 0-10.63 3.838-10.63 8.756c0 4.474 3.49 7.678 8.47 7.678c.287 0 .415-.159.732-.159c1.207 0 2.19-.348 2.825-1.014c.317-.348.92-1.048.983-1.08c.286-.255.348-.634.414-.793c.062-.158.19-.255.255-.476c.062-.255-.031-.572-.031-.855c0-.507.22-1.014.22-1.49c0-1.331-1.586-2.666-3.014-2.666c-.159 0-.159-.128-.255-.128c-.097 0-.19.097-.286.097c-.097 0-.221-.159-.349-.159s-.19.128-.38.128c-.413 0-.444.062-.761.062a1 1 0 0 0-.318.062c-.127.062-.127.159-.255.159q-.255 0-.255.096c0 .349.031.287-.128.287q-.255 0-.317.03c-.128.063-.031.221-.159.318c-.127.062-.158.159-.19.348c-.03.19-.22.255-.22.445c0 .097.031.159.031.22c0 .19-.38.128-.38.318c0 .128.097.22.097.349c0 .096-.062.158-.062.255c0 .096.062.158.062.22c0 .16-.22.19-.22.318c0 .127.127.22.127.317c0 .062-.097.097-.097.19s-.03-.062.16.22c.127.19.127.287 0 .445c-.128.16-.38.256-.697.256c-1.332 0-1.49-1.366-2.222-1.587c-.22-.062-.255-.096-.255-.19c0-.093 0-.062.128-.19c.127-.127.158-.22.158-.317c0-.096 0-.127-.062-.19c-.255-.413-.38-.92-.38-1.49c0-2.917 3.553-5.362 6.92-5.362c1.014 0 .855.255 1.459.255c.158 0 .096 0 .317-.031c.572-.097 1.617.127 2.442.538c2.283 1.142 3.776 3.839 3.776 6.98c0 5.364-4.76 9.265-11.105 9.265c-3.46 0-5.84-1.08-8.188-3.712c-.255-.286.127.063-.287-.665c-.507-.89-.444-.318-.444-.318c-.16-.19-.445-.73-.604-.92c-.19-.221-.445-.19-.538-.318c-.128-.158.062-.445 0-.603c-.062-.255-.604-.635-.666-.825s-.286-1.396-.286-1.617c0-.255.19-.286.19-.445c0-.22-.287-.286-.445-.604c-.159-.317-.255-1.048-.255-1.841c0-.414 0-.573.127-1.525c.031-.317.507-.317.507-.665c0-.128-.062-.287-.062-.38c0-.127 0-.159.031-.255c1.331-5.584 7.298-9.74 13.93-9.74c2.284 0 4.029.414 6.726 1.556c.89.379 2.19-.287 2.19-.983c.062-.221-.062-.287-.096-.414c-.032-.128-.16-.287-.287-.318c-.062-.03-.096-.127-.158-.22c-.097-.159-.19-.221-.445-.287a.47.47 0 0 1-.256-.127a.74.74 0 0 0-.286-.255c-.127-.063-.22 0-.286-.031c-.062-.032-.097-.097-.159-.128c-.03-.031-.096-.031-.19-.031c-3.2-1.714-5.294-1.97-8.084-1.97c-6.029 0-11.423 2.604-14.754 7.14c-.287.38-.128 1.014-.538 1.397C1.74 9.353.757 13.35.757 15.89c0 2.124.507 4.949 1.173 6.504c1.3 3.046.731 1.777.92 2.063c.38.603.698.665.856.855c0 0 .097.19.097.38c0 .127 0 .158.03.22c.097.19.539.507.666.635c.287.286.507.89.983 1.366c.732.73 1.777 1.3 5.108 2.855c1.173.538.507.256.635.287c.286.096.666.096.89.255c.127.097-.031.062.317.062c.062 0 .062.031.128.062c.062.031.127.128.22.128c.063 0 .097-.062.19-.031c.093.03.317.19.507.286c.159.096.19.096.255.031c.19-.128.318.031.507.031c.062 0 .159-.031.349-.031c.255 0 .255.062 1.238.062"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Granola Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:granola-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:granola-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:granola-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--granola-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:granola-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:granola-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/granola-light.svg" alt="Icône Granola Light" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Granola Light
L'icône Granola Light est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Granola Light dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:granola-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Granola Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/granola-light.svg" alt="Icône Granola Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.