Ícone World Nature
streamline-stickies-color:world-nature
O ícone World Nature (streamline-stickies-color:world-nature) é um ícone SVG gratuito da coleção Stickies color icons de Streamline. Ele é desenhado em uma grade de 40 × 40. Stickies color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Stickies color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 40 × 40
- Categoria
- Ecologia e natureza
- Tags
- worldnature
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><path fill="#ffe236" stroke="#231f20" stroke-miterlimit="10" d="M.5 20.06a12.23 12.23 0 1 0 24.46 0a12.23 12.23 0 0 0-24.46 0Z"/><path stroke="#231f20" stroke-linecap="round" stroke-miterlimit="10" d="M11 30.42c-1.82-1.77-2.7-5.49-2.7-10.36s.88-8.58 2.7-10.35m3.51 0c1.77 1.77 2.66 5.49 2.66 10.35s-.89 8.59-2.66 10.36"/><path stroke="#231f20" stroke-linecap="round" stroke-miterlimit="10" d="M3.12 16.29a66 66 0 0 1 9.61-.59c3.213-.038 6.425.16 9.61.59m0 7.55c-3.185.43-6.397.628-9.61.59a66 66 0 0 1-9.61-.59"/><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" d="M21.47 13.59a8.46 8.46 0 0 0-3.27-3.14"/><path fill="#48eeff" stroke="#231f20" stroke-miterlimit="10" d="M37 30.93c2.56-4.73 3.58-13.36 1-14c-7.09-1.81-14.26.75-16.82 5.49c-2.06 3.82-1.86 7.53 1.05 10.31a16 16 0 0 0-.84 1.44a5.94 5.94 0 0 0-.88 2.62c0 .56 1.07 1.23 1.92 1.56s2.07.52 2.47.12a5.86 5.86 0 0 0 1.1-2.55l.17-.72c4.67 1.87 8.49.06 10.83-4.27Z"/><path fill="#48eeff" d="M30.36 23a12.25 12.25 0 0 0-5.09 6.72Z"/><path stroke="#231f20" stroke-linecap="round" stroke-miterlimit="10" d="M30.36 23a12.25 12.25 0 0 0-5.09 6.72"/><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" d="M31.55 18.35a10.8 10.8 0 0 1 4.5 0"/><path fill="#ff52a1" stroke="#231f20" stroke-miterlimit="10" d="M21.823 6.464c.167.038.349.01.533-.083c.184-.092.368-.248.541-.458s.332-.47.467-.765s.244-.62.32-.955c.078-.336.12-.675.128-1a3.5 3.5 0 0 0-.087-.892c-.064-.264-.162-.484-.287-.648s-.277-.268-.445-.307a.8.8 0 0 0-.533.083a1.7 1.7 0 0 0-.541.458c-.173.21-.331.47-.467.765s-.244.62-.32.955c-.078.336-.12.675-.128 1c-.006.324.023.628.087.892s.162.485.288.648s.276.268.444.307Zm3.567 2.5c.263.228.695.238 1.203.028c.507-.21 1.048-.623 1.504-1.148s.788-1.118.924-1.65c.137-.533.066-.96-.197-1.187c-.262-.228-.695-.238-1.202-.028c-.508.21-1.049.623-1.504 1.148s-.788 1.119-.924 1.65c-.137.533-.066.96.196 1.187Zm1.746 3.619a.8.8 0 0 0 .307.444c.164.125.384.222.649.286s.567.093.892.086a5 5 0 0 0 1-.129c.334-.077.659-.187.954-.323c.295-.135.554-.294.764-.467s.365-.358.458-.542a.8.8 0 0 0 .081-.534a.78.78 0 0 0-.307-.443c-.164-.126-.384-.223-.649-.287s-.567-.092-.892-.085a5 5 0 0 0-1 .128a5 5 0 0 0-.954.323a3.5 3.5 0 0 0-.764.468c-.21.173-.365.357-.458.542a.8.8 0 0 0-.081.533Z"/></g></svg>Como usar o ícone World Nature
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:world-nature" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:world-nature" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:world-nature" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--world-nature]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:world-nature"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:world-nature"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/world-nature.svg" alt="Ícone World Nature" width="24" height="24">Ícones relacionados em Stickies color icons
Perguntas frequentes sobre Ícone World Nature
O ícone World Nature é grátis para uso comercial?
Sim. Stickies color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone World Nature no React?
Instale @iconify/react e renderize <Icon icon="streamline-stickies-color:world-nature" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone World Nature a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/world-nature.svg" alt="Ícone World Nature">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.