ICONYZ
Português (Brasil)
Ícone Family Tree de Arcticons

Ícone Family Tree

arcticons:family-tree

O ícone Family Tree (arcticons:family-tree) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Arcticons
Autor
Donnnno
Licença
CC-BY-SA-4.0
Tamanho
48 × 48
Tags
familytree
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.097 15.138a3.562 3.562 0 1 1 7.124 0a3.562 3.562 0 0 1-7.124 0m3.562 4.659c2.368 0 4.45 1.22 5.656 3.064a8.159 8.159 0 1 0-11.312 0a6.75 6.75 0 0 1 5.656-3.064m19.121-4.659a3.562 3.562 0 1 1 7.123 0a3.562 3.562 0 0 1-7.124 0m3.561 4.659a6.75 6.75 0 0 1 5.656 3.064a8.159 8.159 0 1 0-11.312 0a6.75 6.75 0 0 1 5.656-3.064M20.438 31.456a3.562 3.562 0 1 1 7.124 0a3.562 3.562 0 0 1-7.124 0M24 36.115a6.75 6.75 0 0 1 5.656 3.063a8.159 8.159 0 1 0-11.312 0A6.75 6.75 0 0 1 24 36.114M20.855 16.98h6.29m-3.145 0v8.134"/></svg>

Como usar o ícone Family Tree

React

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

<Icon icon="arcticons:family-tree" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:family-tree" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:family-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--family-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:family-tree"></div>

Web component

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

<iconify-icon icon="arcticons:family-tree"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/arcticons/family-tree.svg" alt="Ícone Family Tree" width="24" height="24">

Ícones relacionados em Arcticons

Ícone family-care
family-care
 Ícone family-space
family-space
 Ícone familyalbum
familyalbum
 Ícone familygem
familygem
 Ícone familymart
familymart
 Ícone familysearch-get-involved
familysearch-get-involved
 Ícone familysearch-memories
familysearch-memories
 Ícone familysearch-tree
familysearch-tree
 Ícone familywall
familywall

O ícone Family Tree em outras coleções

Ícone Family Tree de Material Design Icons
Material Design Icons
 Ícone Family Tree de Game Icons
Game Icons
 Ícone Family Tree de IconOven
IconOven

Perguntas frequentes sobre Ícone Family Tree

O ícone Family Tree é grátis para uso comercial?

Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Family Tree no React?

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

Como adiciono o ícone Family Tree a uma página web?

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

Ver todos os Arcticons →