Ícone Home
streamline-freehand-color:home
O ícone Home (streamline-freehand-color:home) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand 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
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Interface essencial
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="#020202" fill-rule="evenodd" d="M23.988 12.374a3.9 3.9 0 0 0-.16-1.458A8 8 0 0 0 22.071 8.8c-1.487-1.377-3.513-2.715-4.631-3.793l-3.613-3.483c-.09-.08-.76-.779-1.049-.998a.83.83 0 0 0-.838-.21a4.4 4.4 0 0 0-.998.669c-.6.529-1.178 1.237-1.667 1.677c-1.068.998-2.136 1.916-3.164 2.894S4.045 7.553 3.116 8.621c-.609.589-1.487 1.377-2.086 2.106c-.333.37-.594.8-.769 1.268a32.5 32.5 0 0 0-.23 5.55a33.4 33.4 0 0 0 .46 5.49a.35.35 0 0 0 .26.239a.36.36 0 0 0 .379.26c2.715-.11 5.434-.07 8.145.119c1.846.07 3.723.08 5.49.06a45 45 0 0 0 5.929-.38a.39.39 0 0 0 .195-.69a.4.4 0 0 0-.285-.088a75 75 0 0 1-8.165-.13c-1.088 0-2.196-.07-3.284-.08H6.95a44 44 0 0 0-5.79.47a32 32 0 0 1-.279-5.29a33 33 0 0 1 .33-5.251c.195-.436.473-.829.818-1.158c.6-.619 1.348-1.208 1.837-1.707A78 78 0 0 1 6.31 7.064c1.298-1.158 2.566-2.286 3.843-3.424c.5-.43 1.068-1.128 1.667-1.657q.16-.147.34-.27c.299.29.678.7.738.759l3.674 3.533c1.157.999 3.204 2.346 4.74 3.684a6.9 6.9 0 0 1 1.558 1.766c.122.71.142 1.432.06 2.146c-.06 2.855-.39 7.437-.23 9.743a.41.41 0 0 0 .42.369a.4.4 0 0 0 .379-.42c-.14-2.704.489-8.384.489-10.92" clip-rule="evenodd"/><path fill="#0c6fff" d="M13.577 22.146a.51.51 0 0 0 .649 0a33 33 0 0 0 .23-4.592q.043-.778 0-1.557a3.6 3.6 0 0 0-.31-1.118a1.34 1.34 0 0 0-.998-.639a11.6 11.6 0 0 0-1.777 0a8.4 8.4 0 0 0-1.647 0a1.8 1.8 0 0 0-.848.42a1 1 0 0 0-.28.609c-.07.429-.34 5.67-.21 6.158a.43.43 0 0 0 .49.3c.579-.11.638-6.319.808-6.339h1.677c.35 0 .729-.06 1.208-.06q.324.01.639.09q.146.356.24.729q.106.706.129 1.417c.05.998 0 1.787 0 2.665c-.09.3-.19 1.747 0 1.917"/></g></svg>
Como usar o ícone Home
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:home" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:home" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:home" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--home]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:home"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:home"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/home.svg" alt="Ícone Home" width="24" height="24">
Ícones relacionados em Freehand color icons
O ícone Home em outras coleções
Perguntas frequentes sobre Ícone Home
O ícone Home é grátis para uso comercial?
Sim. Freehand 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 Home no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:home" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Home a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/home.svg" alt="Ícone Home">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Freehand color icons →
ICONYZ
