Add icons to this collection by clicking the heart icon.
Home icon - also known as home, laptop, job, professions and jobs, freelance, stay at home, and work from home. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="-2.04"
x2="54.683"
y1="61.582"
y2="3.598"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-.183"
x2="56.54"
y1="63.398"
y2="5.415"
href="#a"
/>
<linearGradient
id="c"
x1="-7.566"
x2="49.157"
y1="56.176"
y2="-1.807"
href="#a"
/>
<linearGradient
id="d"
x1="-8.714"
x2="48.009"
y1="55.053"
y2="-2.93"
href="#a"
/>
<linearGradient
id="e"
x1="12.492"
x2="69.215"
y1="75.798"
y2="17.814"
href="#a"
/>
<linearGradient
id="f"
x1="8.003"
x2="64.726"
y1="71.407"
y2="13.423"
href="#a"
/>
<linearGradient
id="g"
x1="-6.932"
x2="49.791"
y1="56.797"
y2="-1.187"
href="#a"
/>
<linearGradient
id="h"
x1="24.577"
x2="81.3"
y1="87.621"
y2="29.637"
href="#a"
/>
<linearGradient
id="i"
x1="5.245"
x2="61.968"
y1="68.709"
y2="10.725"
href="#a"
/>
<linearGradient
id="j"
x1="17.27"
x2="73.993"
y1="80.472"
y2="22.489"
href="#a"
/>
<linearGradient
id="k"
x1=".339"
x2="57.062"
y1="63.909"
y2="5.926"
href="#a"
/>
<linearGradient
id="l"
x1="-3.784"
x2="52.939"
y1="59.876"
y2="1.893"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M28 26a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8h10V19.57l-14-8.4-14 8.4V34h10zm4-13a4 4 0 1 1-4 4 4 4 0 0 1 4-4z"
/>
<path fill="url(#b)" d="M30 27h4v7h-4z" />
<path fill="url(#c)" d="M40 4v2.35l3 1.69V4z" />
<path
fill="url(#d)"
d="M17 12.58v1.71l14.51-8.16a.988.988 0 0 1 .98 0L47 14.29v-1.71L32 4.15z"
/>
<path
fill="url(#e)"
d="M29 54v2a1 1 0 0 1-.445.832L28.3 57h7.4l-.252-.168A1 1 0 0 1 35 56v-2z"
/>
<path
fill="url(#f)"
d="M38 47.051V44.5a2.485 2.485 0 0 1 3.391-2.329 2.49 2.49 0 0 1 4.565.893A2.446 2.446 0 0 1 46.5 43a2.5 2.5 0 0 1 2.456 2.064A2.446 2.446 0 0 1 49.5 45a2.5 2.5 0 0 1 2.5 2.5V52h7.847l-1.714-12H5.867L4.153 52H12v-4.5a2.5 2.5 0 0 1 2.5-2.5 2.446 2.446 0 0 1 .544.064A2.5 2.5 0 0 1 17.5 43a2.446 2.446 0 0 1 .544.064 2.49 2.49 0 0 1 4.565-.893A2.485 2.485 0 0 1 26 44.5v2.551a2.5 2.5 0 0 1 3 2.449V52h6v-2.5a2.5 2.5 0 0 1 3-2.449z"
/>
<circle cx="32" cy="17" r="2" fill="url(#g)" />
<path
fill="url(#h)"
d="M60 54h-8v1a1.006 1.006 0 0 1-.168.555L50.868 57H60z"
/>
<path
fill="url(#i)"
d="M24.445 57.168 27 55.465V49.5a.5.5 0 0 0-1 0V52h-2v-7.5a.5.5 0 0 0-1 0V49h-2v-5.5a.5.5 0 0 0-1 0V49h-2v-3.5a.5.5 0 0 0-1 0V50h-2v-2.5a.5.5 0 0 0-1 0v7.2l1.832 2.748A1.006 1.006 0 0 1 16 58v4h8v-4a1 1 0 0 1 .445-.832z"
/>
<path
fill="url(#j)"
d="M48.168 57.445 50 54.7v-7.2a.5.5 0 0 0-1 0V50h-2v-4.5a.5.5 0 0 0-1 0V49h-2v-5.5a.5.5 0 0 0-1 0V49h-2v-4.5a.5.5 0 0 0-1 0V52h-2v-2.5a.5.5 0 0 0-1 0v5.965l2.555 1.7A1 1 0 0 1 40 58v4h8v-4a1.006 1.006 0 0 1 .168-.555z"
/>
<path
fill="url(#k)"
d="M12 55v-1H4v3h9.132l-.964-1.445A1.006 1.006 0 0 1 12 55z"
/>
<path
fill="url(#l)"
d="M57 8H45v1.17l3.49 1.96A.992.992 0 0 1 49 12v4a1.015 1.015 0 0 1-1 1 .947.947 0 0 1-.49-.13L32 8.15l-15.51 8.72a.975.975 0 0 1-.99-.01.987.987 0 0 1-.5-.86v-4a.992.992 0 0 1 .51-.87L21.07 8H7a1 1 0 0 0-1 1v29h52V9a1 1 0 0 0-1-1zm-45 4h-2v22h2v2H9a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h3zm36 23a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V19a.99.99 0 0 1 .49-.86l15-9a.984.984 0 0 1 1.02 0l15 9A.99.99 0 0 1 48 19zm8 0a1 1 0 0 1-1 1h-3v-2h2V12h-2v-2h3a1 1 0 0 1 1 1z"
/>
</g>
</svg>
More icons in the same style and category