Add icons to this collection by clicking the heart icon.
Work From Home icon - also known as home, house, employee, remote, professions and jobs, freelance, freelancer, 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="b"
x1="32"
x2="32"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9811" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient
id="c"
x1="32"
x2="32"
y1="48"
y2="38"
gradientUnits="userSpaceOnUse"
>
<stop offset=".016" stop-color="#ff5023" />
<stop offset="1" stop-color="#ff7956" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="60"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a71159" />
<stop offset="1" stop-color="#c61469" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="e"
x1="32"
x2="32"
y1="46"
y2="42"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="20"
x2="20"
y1="48"
y2="44"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="32"
x2="32"
y1="38"
y2="31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m63.643 30.234-31-26a1.002 1.002 0 0 0-1.285 0l-31 26A1 1 0 0 0 1 32h4v27a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V32h4a1.001 1.001 0 0 0 .643-1.766z"
/>
<path fill="url(#c)" d="M42 48v-9a1 1 0 0 0-1-1H23a1 1 0 0 0-1 1v9z" />
<path
fill="url(#d)"
d="M48 48H16a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-5h22v5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1z"
/>
<circle cx="32" cy="44" r="2" fill="url(#e)" />
<path fill="url(#f)" d="M22 44h-2c-1.1 0-2 .9-2 2v2h4z" />
<path fill="url(#g)" d="M38 54H26a3 3 0 1 0 0 6h12a3 3 0 1 0 0-6z" />
<path
fill="url(#h)"
d="M34.221 38A2.978 2.978 0 0 0 35 36v-2a3 3 0 1 0-6 0v2c0 .772.3 1.468.779 2z"
/>
</svg>
More icons in the same style and category