Ícone Granola Dark
thesvg-color:granola-dark
O ícone Granola Dark (thesvg-color:granola-dark) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 32 × 32. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- granoladark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="SVG8d5ufbRH" fill="#fff" d="M0 0h32v32H0z"/></defs><g fill="none"><g clip-path="url(#SVGtjtJ3cUn)"><mask id="SVGaIib6BVP" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><use href="#SVG8d5ufbRH"/></mask><g mask="url(#SVGaIib6BVP)"><path fill="#f7f7f2" 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-.16.732-.16c1.207 0 2.19-.347 2.825-1.013c.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-.16-.349-.16s-.19.129-.38.129c-.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.22-.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-.16.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-.16-.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.03.128.062c.062.03.127.128.22.128c.063 0 .097-.062.19-.031c.093.03.317.19.507.286c.159.096.19.096.255.03c.19-.127.318.032.507.032c.062 0 .159-.031.349-.031c.255 0 .255.062 1.238.062"/></g></g><defs><clipPath id="SVGtjtJ3cUn"><use href="#SVG8d5ufbRH"/></clipPath></defs></g></svg>Como usar o ícone Granola Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:granola-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:granola-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:granola-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--granola-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:granola-dark"></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-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/granola-dark.svg" alt="Ícone Granola Dark" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Granola Dark
O ícone Granola Dark é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Granola Dark no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:granola-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Granola Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/granola-dark.svg" alt="Ícone Granola Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.