Ícone House With Garden
streamline-emojis:house-with-garden
O ícone House With Garden (streamline-emojis:house-with-garden) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis 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
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Viagens e lugares
- Tags
- housewith, withgarden, housewithgarden
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#debb7e" d="M13.55 19.18h4.29V41.5h-4.29z"/><path fill="#b89558" d="M13.55 34.76a3 3 0 0 0 1.29.3a3 3 0 0 0 2.76-1.82l.24.06V19.18h-4.29Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.55 19.18h4.29V41.5h-4.29z"/><path fill="#6dd627" d="M15.16 9.4a10.43 10.43 0 0 0-10.41 9.72A6.61 6.61 0 1 0 12 29.78a10.3 10.3 0 0 0 3.2.51a10.45 10.45 0 0 0 0-20.89Z"/><path fill="#9ceb60" d="M4.75 21.9a10.43 10.43 0 0 1 20.75-.67a11 11 0 0 0 .1-1.39a10.44 10.44 0 0 0-20.85-.72a6.57 6.57 0 0 0-4.09 7.59a6.59 6.59 0 0 1 4.09-4.81"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.16 9.4a10.43 10.43 0 0 0-10.41 9.72A6.61 6.61 0 1 0 12 29.78a10.3 10.3 0 0 0 3.2.51a10.45 10.45 0 0 0 0-20.89Z"/><path fill="#ff6242" d="M40.7 24.52L29 17.7a1.73 1.73 0 0 0-1.73 0l-11.68 6.82a1.49 1.49 0 1 0 1.51 2.57l11-6.44l11.1 6.44a1.49 1.49 0 0 0 1.5-2.57"/><path fill="#ff866e" d="M15.12 26.64a1.7 1.7 0 0 1 .47-.45l11.69-6.81a1.68 1.68 0 0 1 1.73 0l11.69 6.81a1.6 1.6 0 0 1 .47.45a.8.8 0 0 0 .12-.19a1.48 1.48 0 0 0-.59-1.93L29 17.7a1.73 1.73 0 0 0-1.73 0l-11.68 6.82a1.5 1.5 0 0 0-.59 1.93a1.2 1.2 0 0 0 .12.19"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.7 24.52L29 17.7a1.73 1.73 0 0 0-1.73 0l-11.68 6.82a1.49 1.49 0 1 0 1.51 2.57l11-6.44l11.1 6.44a1.49 1.49 0 0 0 1.5-2.57"/><path fill="#45413c" d="M5.4 42.5a21.03 1.5 0 1 0 42.06 0a21.03 1.5 0 1 0-42.06 0" opacity=".15"/><path fill="#fffacf" d="M38.45 41.5H17.84V26.66l10.31-6.01l10.3 6.01z"/><path fill="#fff48c" d="m28.15 20.65l-10.31 6.01v2.4l10.31-6.01l10.3 6.01v-2.4z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.45 41.5H17.84V26.66l10.31-6.01l10.3 6.01z"/><path fill="#e0e0e0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.42 39.35h8.16a.86.86 0 0 1 .86.86v1.29h0h-9.88h0v-1.29a.86.86 0 0 1 .86-.86"/><path fill="#bf8256" d="M21.71 29.05h5.58a.86.86 0 0 1 .86.86v9.44h-7.3v-9.44a.86.86 0 0 1 .86-.86"/><path fill="#915e3a" d="M27.29 29.05h-5.58a.86.86 0 0 0-.86.86v1.72a.85.85 0 0 1 .86-.86h5.58a.86.86 0 0 1 .86.86v-1.72a.87.87 0 0 0-.86-.86"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.71 29.05h5.58a.86.86 0 0 1 .86.86v9.44h0h-7.3h0v-9.44a.86.86 0 0 1 .86-.86"/><path fill="#00b8f0" d="M30.72 29.05h5.15v5.15h-5.15Z"/><path fill="#4acfff" d="M35 29.05h-3.42a.87.87 0 0 0-.86.86v3.43a.86.86 0 0 0 .86.86h.61l3-5.11a.5.5 0 0 0-.19-.04"/><path fill="#00b8f0" d="M22.57 30.77h3.86v3.86h-3.86Z"/><path fill="#4acfff" d="M25.57 30.77h-2.15a.85.85 0 0 0-.85.86v2.14a.85.85 0 0 0 .85.86h.21l2.23-3.8a.7.7 0 0 0-.29-.06"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.72 29.05h5.15v5.15h-5.15Zm-8.15 1.72h3.86v3.86h-3.86Z"/><path fill="#6dd627" d="M46.63 41.5a2.14 2.14 0 0 0-1.28-3.86a2.1 2.1 0 0 0-1.36.5a3.86 3.86 0 1 0-6.65 3.36Z"/><path fill="#9ceb60" d="M40.2 36.8a3.87 3.87 0 0 1 3.8 3.08a2.1 2.1 0 0 1 1.36-.51a2.15 2.15 0 0 1 2 1.27a2.2 2.2 0 0 0 .19-.86a2.14 2.14 0 0 0-2.15-2.14a2.1 2.1 0 0 0-1.36.5a3.87 3.87 0 0 0-7.65.78a3.4 3.4 0 0 0 .11.86a3.85 3.85 0 0 1 3.7-2.98"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M46.63 41.5a2.14 2.14 0 0 0-1.28-3.86a2.1 2.1 0 0 0-1.36.5a3.86 3.86 0 1 0-6.65 3.36Z"/></svg>Como usar o ícone House With Garden
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:house-with-garden" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:house-with-garden" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:house-with-garden" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--house-with-garden]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:house-with-garden"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:house-with-garden"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/house-with-garden.svg" alt="Ícone House With Garden" width="24" height="24">O ícone House With Garden em outras coleções
Perguntas frequentes sobre Ícone House With Garden
O ícone House With Garden é grátis para uso comercial?
Sim. Streamline Emojis 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 House With Garden no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:house-with-garden" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone House With Garden a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/house-with-garden.svg" alt="Ícone House With Garden">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.