Folding Home icon
selfhst:folding-home
The Folding Home icon (selfhst:folding-home) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- foldinghome
SVG code
<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>How to use the Folding Home icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/folding-home.svg" alt="Folding Home icon" width="24" height="24">Related icons in selfh.st/icons
Folding Home icon FAQ
Is the Folding Home icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Folding Home icon in React?
Install @iconify/react and render <Icon icon="selfhst:folding-home" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Folding Home icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/folding-home.svg" alt="Folding Home icon">, or paste the SVG code inline to style it with CSS.