Add icons to this collection by clicking the heart icon.
Work From Home icon - also known as professions and jobs, freelancer, disease prevention, Freelance Work, quarantine, stay at home, work from home, and lockdown. 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">
<stop offset="0" stop-color="#f0e8de" />
<stop offset="1" stop-color="#dfcebe" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="26"
y2="58"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#1f78ff" />
<stop offset="1" stop-color="#83c9fd" />
</linearGradient>
<linearGradient
id="e"
x1="32"
x2="32"
y1="10"
y2="28"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="19"
x2="19"
y1="4"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#d9d9db" />
<stop offset="1" stop-color="#adacb2" />
</linearGradient>
<linearGradient
id="g"
x1="19"
x2="19"
y1="0"
y2="6"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="28"
x2="28"
y1="32"
y2="50"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="34"
x2="34"
y1="40"
y2="50"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ebebeb" />
</linearGradient>
<linearGradient
id="j"
x1="32"
x2="32"
y1="48"
y2="58"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#095eff" />
<stop offset="1" stop-color="#82cbff" />
</linearGradient>
<linearGradient
id="k"
x1="32"
x2="32"
y1="56"
y2="64"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M59 26H5a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h54a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="m63.937 26.649-6-16A1.002 1.002 0 0 0 57 10H24a1 1 0 0 0-1 1v5h-8v-5a1 1 0 0 0-1-1H7c-.417 0-.79.259-.937.649l-6 16A1 1 0 0 0 1 28h62a1.001 1.001 0 0 0 .937-1.351z"
/>
<path fill="url(#f)" d="M13 4h12v14H13z" />
<path
fill="url(#g)"
d="M25 0H13a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M31 32h-4c-1.654 0-3 1.346-3 3v4c0 .624.192 1.204.52 1.685C23.022 41.549 22 43.15 22 45v4a1 1 0 0 0 1 1h4a1 1 0 0 0 .97-.757L29.781 42H31c1.654 0 3-1.346 3-3v-4c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#i)"
d="M41.788 40.385A.998.998 0 0 0 41 40H29a1 1 0 0 0-.97.757l-2 8A1 1 0 0 0 27 50h12a1 1 0 0 0 .97-.757l2-8a.997.997 0 0 0-.182-.858z"
/>
<path
fill="url(#j)"
d="M46 48H18a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M61 56H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category