Ícone Tree
pepicons-pop:tree
O ícone Tree (pepicons-pop:tree) é um ícone SVG gratuito da coleção Pepicons Pop! de CyCraft. Ele é desenhado em uma grade de 20 × 20. Pepicons Pop! 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
- Pepicons Pop!
- Autor
- CyCraft
- Licença
- CC-BY-4.0
- Tamanho
- 20 × 20
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.358 7.486a1 1 0 0 1-.344 1.371L11 10.067V19a1 1 0 1 1-2 0v-6.434l-2.015-1.209a1 1 0 0 1 1.03-1.714l.985.59V6a1 1 0 0 1 2 0v1.734l.986-.591a1 1 0 0 1 1.371.343M9.9 2c-.644 0-1.241.256-1.71.7c-.262.25-.482.56-.641.911a1 1 0 1 1-1.823-.823a4.9 4.9 0 0 1 1.087-1.537A4.47 4.47 0 0 1 9.9 0c1.195 0 2.277.48 3.087 1.251c.454.431.824.954 1.087 1.537a1 1 0 0 1-1.823.823a2.9 2.9 0 0 0-.642-.91A2.47 2.47 0 0 0 9.9 2"/><path d="M12.183 3.294a1.02 1.02 0 0 1 .895-1.11c2.606-.299 4.822 1.725 5.082 4.35c.176 1.772-.563 3.453-1.854 4.469a.99.99 0 0 1-1.4-.162a1.01 1.01 0 0 1 .183-1.407c.73-.575 1.193-1.57 1.084-2.672c-.165-1.663-1.522-2.745-2.898-2.587a.98.98 0 0 1-1.092-.88"/><path d="M15.417 9.353a1.013 1.013 0 0 1 1.214.74c.131.517.179 1.069.13 1.632c-.215 2.463-2.506 4.157-4.682 3.937c-.59-.06-1.225-.174-1.791-.502c-.605-.35-1.032-.886-1.315-1.6a.99.99 0 0 1 .557-1.293a1.01 1.01 0 0 1 1.298.576c.143.362.297.503.442.587c.184.107.47.187.983.24c1.12.113 2.403-.825 2.518-2.146c.03-.34 0-.664-.075-.963a.987.987 0 0 1 .72-1.208M7.621 3.294a1.02 1.02 0 0 0-.895-1.11C4.12 1.886 1.905 3.91 1.644 6.535c-.175 1.772.563 3.453 1.855 4.469a.99.99 0 0 0 1.4-.162a1.01 1.01 0 0 0-.183-1.407c-.731-.575-1.194-1.57-1.085-2.672C3.796 5.1 5.153 4.017 6.53 4.175a.98.98 0 0 0 1.092-.88"/><path d="M4.388 9.353a1.013 1.013 0 0 0-1.215.74a4.9 4.9 0 0 0-.13 1.632c.216 2.463 2.507 4.157 4.682 3.937c.591-.06 1.226-.174 1.792-.502c.605-.35 1.032-.886 1.315-1.6a.99.99 0 0 0-.557-1.293a1.01 1.01 0 0 0-1.298.576c-.143.362-.297.503-.443.587c-.184.107-.469.187-.982.24c-1.12.113-2.403-.825-2.518-2.146c-.03-.34 0-.664.075-.963a.987.987 0 0 0-.721-1.208"/></g></svg>
Como usar o ícone Tree
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pop:tree" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pop:tree" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pop:tree" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--tree]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:tree"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pop:tree"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pop/tree.svg" alt="Ícone Tree" width="24" height="24">
Ícones relacionados em Pepicons Pop!
O ícone Tree em outras coleções
Perguntas frequentes sobre Ícone Tree
O ícone Tree é grátis para uso comercial?
Sim. Pepicons Pop! 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 Tree no React?
Instale @iconify/react e renderize <Icon icon="pepicons-pop:tree" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tree a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pepicons-pop/tree.svg" alt="Ícone Tree">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Pepicons Pop! →
ICONYZ
