ICONYZ
Português (Brasil)
Ícone Round Compost de Google Material Icons

Ícone Round Compost

ic:round-compost

O ícone Round Compost (ic:round-compost) é um ícone SVG gratuito da coleção Google Material Icons de Material Design Authors. Ele é desenhado em uma grade de 24 × 24. Google Material Icons são publicados sob a licença Apache 2.0, 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
Google Material Icons
Autor
Material Design Authors
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Social
Tags
bio, compost, compostable, decomposable, decompose, eco, green, leaf, leafs, nature, organic, plant, recycle, sustainability, sustainable, social
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.73 21.5c-4.95-.14-9.08-4.27-9.22-9.22C2.35 6.91 6.67 2.5 12 2.5V1.21c0-.45.54-.67.85-.35l2.79 2.79c.2.2.2.51 0 .71l-2.79 2.79a.5.5 0 0 1-.85-.36V5.5c-3.58 0-6.5 2.92-6.5 6.5c0 2.21 1.11 4.17 2.81 5.35c.51-.92 1.63-1.62 2.98-1.8c-.09-.69-.26-1.42-.49-2.03c-.33.28-.75.46-1.22.48c-1.14.05-2.08-.99-2.08-2.13v-.86c0-.29-.05-.57-.14-.83a.49.49 0 0 1 .5-.66c1.3.09 3.6.52 3.64 2.48c0 .29-.06.56-.17.8c-.42-.32-.86-.6-1.33-.8c.58.43 1.37 1.37 2 2.6c.67-1.62 1.68-3.27 3-4.6c-.76.52-1.47 1.12-2.13 1.81c-.26-.42-.4-.93-.36-1.47C12.59 9 13.79 8 15.13 8H16c.56 0 .97-.14 1.28-.31a.5.5 0 0 1 .75.44C17.99 9.87 17.56 13 15 13c-.49 0-.94-.14-1.32-.38c-.24.64-.59 1.76-.76 2.96c1.26.22 2.28.89 2.77 1.77a6.51 6.51 0 0 0 2.79-4.87c.02-.26.23-.48.5-.48h1.82c.47 0 .71.24.69.52c-.28 5.09-4.58 9.12-9.76 8.98"/></svg>

Como usar o ícone Round Compost

React

import { Icon } from "@iconify/react";

<Icon icon="ic:round-compost" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ic:round-compost" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ic:round-compost" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-compost]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-compost"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ic:round-compost"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ic/round-compost.svg" alt="Ícone Round Compost" width="24" height="24">

Ícones relacionados em Google Material Icons

Perguntas frequentes sobre Ícone Round Compost

O ícone Round Compost é grátis para uso comercial?

Sim. Google Material Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Round Compost no React?

Instale @iconify/react e renderize <Icon icon="ic:round-compost" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Round Compost a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ic/round-compost.svg" alt="Ícone Round Compost">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Google Material Icons →