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
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.