Add icons to this collection by clicking the heart icon.
Work From Home icon - also known as home, working, remote, professions and jobs, freelance, home office, digital nomad, working at home, work from home, and remote working. 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 48 48"
>
<linearGradient
id="b"
x1="19.421"
x2="26.654"
y1="14.379"
y2="40.575"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf1f2" />
<stop offset=".333" stop-color="#e9edee" />
<stop offset=".645" stop-color="#dee2e3" />
<stop offset=".948" stop-color="#cbd0d1" />
<stop offset="1" stop-color="#c7cccd" />
</linearGradient>
<linearGradient
id="c"
x1="15.673"
x2="27.084"
y1="28.529"
y2="37.047"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6cbcc" />
<stop offset="1" stop-color="#9fa5a6" />
</linearGradient>
<linearGradient
id="d"
x1="6.723"
x2="40.473"
y1="8.724"
y2="22.546"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4793eb" />
<stop offset="1" stop-color="#2367ec" />
</linearGradient>
<linearGradient
id="a"
x1="37"
x2="37"
y1="37.582"
y2="45.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2b50d2" />
<stop offset="1" stop-color="#182ea5" />
</linearGradient>
<linearGradient id="e" x2="37" y1="28.165" y2="31.017" href="#a" />
<linearGradient id="f" x2="37" y1="31.127" y2="38.5" href="#a" />
<linearGradient
id="g"
x1="37"
x2="37"
y1="37"
y2="41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fed200" />
<stop offset="1" stop-color="#f59815" />
</linearGradient>
<path
fill="url(#b)"
d="M34 43H12a5 5 0 0 1-5-5V16L23 5l16 11v22a5 5 0 0 1-5 5z"
/>
<path fill="url(#c)" d="M27 24h-8a2 2 0 0 0-2 2v17h12V26a2 2 0 0 0-2-2z" />
<path
fill="url(#d)"
d="M42 21a2.983 2.983 0 0 1-1.691-.525L23 8.635 5.694 20.475a3 3 0 0 1-3.388-4.952l19-13a3 3 0 0 1 3.388 0l19 13A3 3 0 0 1 42 21z"
/>
<rect width="18" height="13" x="28" y="33" fill="url(#a)" rx="3" />
<path
fill="url(#e)"
d="M40 32a1 1 0 0 1-1-1v-1h-4v1a1 1 0 0 1-2 0v-1a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M37 38.9a5.058 5.058 0 0 1-1.085-.119l-7.349-1.631A1.988 1.988 0 0 1 27 35.2V34a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v1.2a1.988 1.988 0 0 1-1.566 1.952l-7.349 1.634A5.058 5.058 0 0 1 37 38.9z"
/>
<rect width="3" height="4" x="35.5" y="37" fill="url(#g)" rx="1" />
</svg>
More icons in the same style and category