ICONYZ
Bahasa Indonesia
Ikon Folding Home dari selfh.st/icons

Ikon Folding Home

selfhst:folding-home

Ikon Folding Home (selfhst:folding-home) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
selfh.st/icons
Pembuat
selfh.st
Lisensi
CC-BY-4.0
Ukuran
512 × 512
Tag
foldinghome
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><filter id="SVG8i9ZQbob" width="1.12" height="1.125" x="-.06" y="-.062" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="6.243"/></filter><filter id="SVGLRzDmdlu" width="1.084" height="1.08" x="-.042" y="-.04" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="6.547"/></filter><ellipse cx="138" cy="310.3" fill="#ff02ef" rx="76.1" ry="76.7"/><path d="M138 388.1c-42.6 0-77.2-34.9-77.2-77.8s34.6-77.8 77.2-77.8s77.2 34.9 77.2 77.8c.1 42.9-34.6 77.8-77.2 77.8m0-153.4c-41.3 0-75 33.9-75 75.6s33.6 75.6 75 75.6s75-33.9 75-75.6s-33.6-75.6-75-75.6"/><ellipse cx="223" cy="428.8" fill="#ff02ef" rx="76.1" ry="76.7"/><path d="M223 506.5c-42.6 0-77.2-34.9-77.2-77.8S180.4 351 223 351s77.2 34.9 77.2 77.8s-34.7 77.7-77.2 77.7m0-153.3c-41.4 0-75 33.9-75 75.6s33.7 75.6 75 75.6s75-33.9 75-75.6s-33.7-75.6-75-75.6"/><ellipse cx="141.9" cy="399.6" fill="#ff0802" rx="99.8" ry="100.5"/><path d="M141.9 501.2C86.2 501.2 41 455.6 41 399.6S86.2 298 141.9 298s100.9 45.6 100.9 101.6s-45.3 101.6-100.9 101.6m0-201c-54.4 0-98.7 44.6-98.7 99.4S87.5 499 141.9 499s98.7-44.6 98.7-99.4s-44.3-99.4-98.7-99.4"/><linearGradient id="SVGAXdJpddm" x1="26.616" x2="26.227" y1="408.541" y2="378.662" gradientTransform="matrix(3.1092 0 0 -4.3754 51.34 2048.777)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="133.3" cy="346.1" fill="url(#SVGAXdJpddm)" rx="65.2" ry="36.5"/><ellipse cx="102.5" cy="431.5" fill="#ff02ef" rx="78.8" ry="79.4"/><path d="M102.5 512c-44.1 0-79.9-36.1-79.9-80.5S58.4 351 102.5 351s79.9 36.1 79.9 80.5s-35.9 80.5-79.9 80.5m0-158.8c-42.9 0-77.7 35.1-77.7 78.3s34.9 78.3 77.7 78.3s77.7-35.1 77.7-78.3s-34.9-78.3-77.7-78.3"/><linearGradient id="SVG69dXFbXE" x1="27.624" x2="27.236" y1="395.727" y2="365.848" gradientTransform="matrix(2.6454 0 0 -3.7228 28.556 1787.248)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="101" cy="386.2" fill="url(#SVG69dXFbXE)" rx="55.5" ry="31.1"/><radialGradient id="SVGcFIeY1pa" cx="232.418" cy="-92.643" r="26.091" gradientTransform="matrix(.4543 0 0 -.4577 -4.908 337.151)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><circle cx="100.7" cy="379.6" r="11.9" fill="url(#SVGcFIeY1pa)"/><g filter="url(#SVGLRzDmdlu)"><path d="M347.4 37.7c-35.4.1-68.2 18.6-86.6 49c-17.8 2.5-35 8-51 16.2c-14.4-5.7-29.8-8.6-45.3-8.7c-68.9 0-124.7 56.3-124.7 125.7c.1 64.5 48.7 118.5 112.4 124.9c13.1 18.3 29.8 33.6 49.1 45.1c19.3 46.8 64.7 77.3 115 77.4c68.9 0 124.7-56.3 124.7-125.7c0-11.9-1.7-23.7-5-35c7-18.4 10.6-38 10.6-57.7c0-20-3.7-39.8-10.8-58.5c8.6-15.3 13.1-32.7 13.2-50.3c.1-56.5-45.4-102.4-101.6-102.4" opacity=".51"/></g><ellipse cx="349.8" cy="126.9" fill="#fd0802" rx="101.7" ry="102.4"/><path d="M349.8 230.4c-56.7 0-102.7-46.4-102.7-103.5s46-103.5 102.7-103.5s102.7 46.4 102.7 103.5s-46 103.5-102.7 103.5m0-204.8c-55.5 0-100.6 45.5-100.6 101.3s45.1 101.3 100.6 101.3s100.6-45.5 100.6-101.3S405.3 25.6 349.8 25.6"/><ellipse cx="318.7" cy="328.5" fill="#ff0802" rx="124.7" ry="125.7"/><path d="M318.7 455.2c-69.4 0-125.8-56.9-125.8-126.8s56.4-126.8 125.8-126.8s125.8 56.9 125.8 126.8s-56.4 126.8-125.8 126.8m0-251.3c-68.2 0-123.6 55.9-123.6 124.6s55.5 124.6 123.6 124.6s123.6-55.9 123.6-124.6s-55.4-124.6-123.6-124.6"/><ellipse cx="286.3" cy="235.7" fill="#fdea05" rx="162.8" ry="164"/><path d="M286.3 400.7c-90.4 0-163.9-74-163.9-165.1c0-91 73.5-165.1 163.9-165.1s163.9 74 163.9 165.1c-.1 91.1-73.6 165.1-163.9 165.1m0-327.9c-89.1 0-161.7 73.1-161.7 162.9s72.5 162.9 161.7 162.9S448 325.5 448 235.7c0-89.9-72.6-162.9-161.7-162.9"/><path fill="#ff0802" d="M166.9 81C98 81 42.1 137.3 42.1 206.7s55.8 125.7 124.7 125.7c8.8-.1 17.5-1 26-2.9c48-49.4 77.4-114.1 83.3-182.9c-21.7-40.4-63.7-65.5-109.2-65.6"/><path d="M166.9 333.4C97.5 333.4 41 276.6 41 206.7S97.4 79.9 166.8 79.9c46 .1 88.3 25.4 110.3 66c.1.2.1.4.1.6c-5.9 68.9-35.6 134.1-83.6 183.6c-.1.2-.3.3-.5.3c-8.6 2-17.4 3-26.2 3m0-251.3C98.7 82.1 43.2 138 43.2 206.7s55.5 124.6 123.6 124.6c8.6-.1 17.1-1 25.5-2.8c47.5-49 76.8-113.5 82.7-181.7c-21.6-39.9-63.1-64.6-108.1-64.7"/><linearGradient id="SVGdpAQPbTY" x1="23.115" x2="22.727" y1="432.372" y2="402.493" gradientTransform="matrix(3.9992 0 0 -5.628 75.43 2456.604)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="166.9" cy="132.4" fill="url(#SVGdpAQPbTY)" rx="83.8" ry="47"/><radialGradient id="SVG3D7vFcee" cx="206.167" cy="205.417" r="26.091" gradientTransform="matrix(.6868 0 0 -.6919 24.841 264.42)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><ellipse cx="166.4" cy="122.3" fill="url(#SVG3D7vFcee)" rx="17.9" ry="18.1"/><g filter="url(#SVG8i9ZQbob)"><path d="M406.8 9c-23.1 0-44.9 10.6-59.3 28.7c-8.8 2.2-17.3 5.6-25.2 10.2c-18.2-5.7-37.8-5.2-55.7 1.4C221.9 66 199.4 116 216.2 161c14.8 39.3 55.3 62.6 96.4 55.2c3.5 2.6 7.1 5 10.9 7.1c11.9 28.4 39.5 46.9 70 46.9c42 0 76.1-34.3 76.1-76.7c0-8.4-1.4-16.8-4.2-24.8c3.8-10.8 5.8-22.1 5.9-33.6c0-2.8-.2-5.6-.4-8.4c7.8-12.3 11.9-26.5 11.9-41.1c.1-42.3-34-76.6-76-76.6" opacity=".54"/></g><ellipse cx="399" cy="185.6" fill="#04f0ff" rx="76.1" ry="76.7"/><path d="M399 263.4c-42.6 0-77.2-34.9-77.2-77.8s34.6-77.8 77.2-77.8s77.2 34.9 77.2 77.8s-34.6 77.8-77.2 77.8m0-153.4c-41.4 0-75 33.9-75 75.6s33.7 75.6 75 75.6s75-33.9 75-75.6s-33.6-75.6-75-75.6"/><linearGradient id="SVGR2R6IcQd" x1="-69.543" x2="-69.931" y1="520.558" y2="490.679" gradientTransform="matrix(-2.4454 0 0 3.4413 227.658 -1494.595)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="398.3" cy="230" fill="url(#SVGR2R6IcQd)" rx="51.3" ry="28.7"/><ellipse cx="412.2" cy="77.8" fill="#04f0ff" rx="76.1" ry="76.7"/><path d="M412.2 155.5c-42.6 0-77.2-34.9-77.2-77.8S369.7 0 412.2 0s77.2 34.9 77.2 77.8s-34.6 77.7-77.2 77.7m0-153.3c-41.4 0-75 33.9-75 75.6s33.7 75.6 75 75.6s75-33.9 75-75.6s-33.6-75.6-75-75.6"/><ellipse cx="377" cy="127.3" fill="#0915e8" rx="99.8" ry="100.5"/><path d="M377 228.9c-55.6 0-100.9-45.6-100.9-101.6S321.4 25.7 377 25.7s100.9 45.6 100.9 101.6S432.6 228.9 377 228.9m0-201.1c-54.4 0-98.7 44.6-98.7 99.4s44.3 99.4 98.7 99.4s98.7-44.6 98.7-99.4s-44.3-99.4-98.7-99.4"/><radialGradient id="SVGAlAxpd0h" cx="-333.346" cy="922.682" r="26.09" gradientTransform="matrix(-.42 0 0 .4231 258.59 -154.163)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><circle cx="398.6" cy="236.2" r="11" fill="url(#SVGAlAxpd0h)"/><linearGradient id="SVG7So7ledN" x1="-47.194" x2="-47.582" y1="500.428" y2="470.549" gradientTransform="matrix(-3.4671 0 0 4.8791 210.365 -2164.178)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="374.9" cy="182.8" fill="url(#SVG7So7ledN)" rx="72.7" ry="40.7"/><path fill="#04f0ff" d="M272 41.4c-44.6 16.7-67.2 66.7-50.3 111.7c16.8 45 66.7 67.9 111.3 51.1c5.7-2.2 11.1-4.9 16.2-8.2c19.1-43.6 22.5-92.7 9.6-138.7c-24-20.8-57.3-26.9-86.8-15.9"/><path d="M303 210.8c-35.5 0-69.1-21.9-82.3-57.3c-17-45.4 5.8-96.2 51-113.1c29.9-11.2 63.6-5 87.8 16.1c.2.1.3.3.3.5c12.9 46.2 9.5 95.7-9.6 139.4c-.1.2-.2.4-.4.5c-5.1 3.3-10.6 6.1-16.4 8.3c-10 3.8-20.3 5.6-30.4 5.6M272.4 42.4c-44 16.5-66.3 65.9-49.7 110.3c16.6 44.3 65.9 67 109.9 50.5c5.5-2.1 10.7-4.8 15.7-7.9c18.8-43.1 22.1-91.9 9.5-137.4c-23.7-20.4-56.3-26.3-85.4-15.5"/><radialGradient id="SVGDAMCP1vT" cx="-284.789" cy="855.505" r="26.09" gradientTransform="matrix(-.455 0 0 .4584 243.083 -200.753)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><ellipse cx="372.7" cy="191.4" fill="url(#SVGDAMCP1vT)" rx="11.9" ry="12"/><radialGradient id="SVGU6VnqdTU" cx="199.254" cy="264.911" r="26.091" gradientTransform="matrix(1.0058 0 0 -1.0132 86.457 445.087)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><ellipse cx="286.9" cy="176.7" fill="url(#SVGU6VnqdTU)" opacity=".97" rx="26.2" ry="26.4"/><radialGradient id="SVG5NSUkcBU" cx="233.238" cy="-27.943" r="26.09" gradientTransform="matrix(.4907 0 0 -.4943 6.86 326.37)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><ellipse cx="121.3" cy="340.2" fill="url(#SVG5NSUkcBU)" rx="12.8" ry="12.9"/></svg>

Cara memakai ikon Folding Home

React

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

<Icon icon="selfhst:folding-home" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:folding-home" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:folding-home" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--folding-home]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:folding-home"></div>

Web component

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

<iconify-icon icon="selfhst:folding-home"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/folding-home.svg" alt="Ikon Folding Home" width="24" height="24">

Ikon terkait di selfh.st/icons

FAQ Ikon Folding Home

Apakah ikon Folding Home gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Folding Home di React?

Pasang @iconify/react lalu render <Icon icon="selfhst:folding-home" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Folding Home ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/folding-home.svg" alt="Ikon Folding Home">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →