Ícone Grass
andrsrxn:grass
O ícone Grass (andrsrxn:grass) é um ícone SVG gratuito da coleção andrsrxn/icons de Andrés Raxón. Ele é desenhado em uma grade de 24 × 24. andrsrxn/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
- andrsrxn/icons
- Autor
- Andrés Raxón
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.1 3.84c.8 4.8 1.46 12.08 1.46 12.08l.6 4.33c.05.45.08.68.25.82s.4.13.86.13h3.37c.34 0 .51 0 .64-.09c.12-.08.16-.24.25-.55l2.85-10.42l1.47-4.56c.12-.36.18-.54.1-.71s-.25-.27-.62-.48l-.1-.07c-.35-.2-.53-.3-.7-.28c-.18.02-.3.15-.55.4l-2.9 3c-.42.43-.63.65-.88.61c-.26-.03-.45-.31-.84-.88a13 13 0 0 0-2.01-2.35c-1.73-1.44-2.6-1.58-3.01-1.5c-.06 0-.08.01-.18.16s-.1.21-.07.36" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.7 21h20.6m-19.12-.27s.33-2.82 0-5.44q-.16-1.14-.4-2.18c-.36-1.48-.53-2.21.1-2.6c.62-.37 1.07.03 1.98.82c.72.64 1.45 1.5 2.04 2.68c1.33 2.64 1.33 6.46 1.33 6.46m12.26.26s-.41-3.53 0-6.81c.16-1.28.44-2.53.73-3.62c.4-1.5.61-2.24.03-2.64c-.59-.4-1.1-.02-2.15.73a11 11 0 0 0-3.27 3.92c-1.66 3.31-1.66 8.1-1.66 8.1M12.08 8.25A11 11 0 0 0 8.5 4.03c-1.07-.75-1.6-1.12-2.17-.72c-.58.4-.37 1.16.04 2.66a25 25 0 0 1 .94 8.7"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.72 10.75c.19-1.5.54-3.01.89-4.3c.4-1.43.59-2.15 0-2.55c-.58-.4-1.1-.03-2.11.71c-1.23.9-2.65 2.3-3.91 4.44c-3.1 5.25-3.37 11.02-3.37 11.02"/></g></svg>
Como usar o ícone Grass
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:grass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:grass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:grass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--grass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:grass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:grass"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/andrsrxn/grass.svg" alt="Ícone Grass" width="24" height="24">
O ícone Grass em outras coleções
Perguntas frequentes sobre Ícone Grass
O ícone Grass é grátis para uso comercial?
Sim. andrsrxn/icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Grass no React?
Instale @iconify/react e renderize <Icon icon="andrsrxn:grass" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Grass a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/andrsrxn/grass.svg" alt="Ícone Grass">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os andrsrxn/icons →
ICONYZ
