Add icons to this collection by clicking the heart icon.
Home icon - also known as home, buildings, heart, house, love, property, real estate, and love and romance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 479.961 479.961"
>
<linearGradient
id="a"
x1="-32.746"
x2="26.556"
y1="599.587"
y2="599.587"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M343.981 101.513c-14.318-8.643-32.584-7.026-45.16 4-13.275 11.727-14.529 31.995-2.802 45.27a31.937 31.937 0 0 0 2.802 2.802l39.768 36.248a8 8 0 0 0 10.784 0l39.768-36.248c13.272-11.716 14.534-31.974 2.818-45.246a32.027 32.027 0 0 0-2.818-2.818c-12.58-11.015-30.837-12.636-45.16-4.008zm34.4 40.288-34.4 31.336-34.4-31.336c-6.745-5.771-7.534-15.916-1.763-22.661a16.037 16.037 0 0 1 1.763-1.763c8.288-7.285 20.696-7.285 28.984 0a8 8 0 0 0 10.784 0c8.288-7.285 20.696-7.285 28.984 0 6.742 5.766 7.533 15.907 1.767 22.649a16.023 16.023 0 0 1-1.767 1.767l.048.008z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-32.746"
x2="26.556"
y1="611.586"
y2="611.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M263.981 5.513c-14.322-8.625-32.577-7.008-45.16 4-13.275 11.727-14.529 31.995-2.802 45.27a31.937 31.937 0 0 0 2.802 2.802l39.768 36.248a8 8 0 0 0 10.784 0l39.768-36.248c13.272-11.716 14.534-31.974 2.818-45.246a32.027 32.027 0 0 0-2.818-2.818c-12.58-11.015-30.837-12.636-45.16-4.008zm34.4 40.288-34.4 31.336-34.4-31.336c-6.745-5.771-7.534-15.916-1.763-22.661a16.037 16.037 0 0 1 1.763-1.763c8.288-7.285 20.696-7.285 28.984 0a8 8 0 0 0 10.784 0c8.288-7.285 20.696-7.285 28.984 0 6.742 5.766 7.533 15.907 1.767 22.649a16.023 16.023 0 0 1-1.767 1.767l.048.008z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-32.746"
x2="26.556"
y1="574.586"
y2="574.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M383.981 255.961v-48h-80v48h16v16h-168v96h16v112h192v-112h16v-96h-8v-16h16zm-64-32h48v16h-48v-16zm-72 240v-48h32v48h-32zm96 0h-48v-56a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v56h-48v-96h160v96zm16-112h-192v-64h192v64zm-8-80h-16v-16h16v16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-32.746"
x2="26.556"
y1="596.596"
y2="596.596"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M151.981 95.961a71.632 71.632 0 0 0-61.152 33.984c-.195.41-.356.835-.48 1.272a45.008 45.008 0 0 0-24.496 22.848c-17.554-4.9-35.757 5.358-40.657 22.913a32.997 32.997 0 0 0-1.215 8.759c.025 2.788.413 5.56 1.152 8.248a8 8 0 0 0 7.736 5.976h54.824c17.717 35.55 60.899 50.006 96.449 32.289s50.006-60.899 32.289-96.449a71.923 71.923 0 0 0-64.45-39.84zm-94.96 72.888a17.01 17.01 0 0 1 9.208 2.728 8.065 8.065 0 0 0 7.328.68 8.002 8.002 0 0 0 4.8-5.6c3.784-15.904 19.743-25.729 35.647-21.945a29.601 29.601 0 0 1 21.385 19.913 8.003 8.003 0 0 0 4 4.744 8.098 8.098 0 0 0 6.184.464c8.748-3.092 18.346 1.492 21.439 10.24.444 1.257.737 2.562.873 3.888H40.077c.963-8.623 8.267-15.137 16.944-15.112zm94.96 55.112a55.633 55.633 0 0 1-45.808-24h68.92a8 8 0 0 0 7.736-5.976 32.202 32.202 0 0 0 1.152-8.248c-.041-18.199-14.827-32.919-33.026-32.878-1.025.002-2.05.052-3.07.15a45.223 45.223 0 0 0-35.408-24.672c21.884-21.855 57.341-21.832 79.196.052s21.832 57.341-.052 79.196a56 56 0 0 1-39.64 16.376z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-32.746"
x2="26.556"
y1="571.586"
y2="571.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M455.981 399.961v-112c0-17.673-14.327-32-32-32s-32 14.327-32 32v112h24v24h-24v56h64v-56h-24v-24h24zm-16 64h-32v-24h32v24zm-32-176c0-8.837 7.163-16 16-16s16 7.163 16 16v96h-32v-96z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-32.746"
x2="26.556"
y1="584.586"
y2="584.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M55.981 255.961h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-32.746"
x2="26.556"
y1="580.586"
y2="580.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M55.981 287.961h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-32.746"
x2="26.556"
y1="582.586"
y2="582.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M39.981 271.961h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-32.746"
x2="26.556"
y1="582.586"
y2="582.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M71.981 271.961h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-32.746"
x2="26.556"
y1="572.586"
y2="572.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M87.981 351.961h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-32.746"
x2="26.556"
y1="568.586"
y2="568.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M87.981 383.961h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-32.746"
x2="26.556"
y1="570.586"
y2="570.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M71.981 367.961h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-32.746"
x2="26.556"
y1="570.586"
y2="570.586"
gradientTransform="matrix(8 0 0 -8 287.135 4940.653)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path d="M103.981 367.961h16v16h-16v-16z" fill="url(#m)" />
</svg>
More icons in the same style and category