Add icons to this collection by clicking the heart icon.
Work From Home icon - also known as office, briefcase, professions and jobs, teleworking, stay at home, working at home, and work from home. Created in a clean lineal color style with a white, silver, gray, black, lime, magenta, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-49.833l9.381-4.667L-38-7.333v-70.448l37.833-28.745h5.256V-3.218Z"
transform="matrix(1.33333 0 0 -1.33333 585.72 46.476)"
fill="#7b6c79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.284l-5.508-3.218v-45.955L-29.776-56 0-78.624Z"
transform="matrix(1.33333 0 0 -1.33333 536.532 46.476)"
fill="#665e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-180.459 133.995-144.547-107.183v-324.599l-10.494-7v-2.167H-8.958l12.787 5.099V-10.11Z"
transform="matrix(1.33333 0 0 -1.33333 581.942 229.426)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.92-31.084-3.58-10.11v-291.745l10.246-5.099H0Z"
transform="matrix(1.33333 0 0 -1.33333 156.28 187.981)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-352.361l-4.394-2.932v-23.667l5.215-3.976H0a8.43 8.43 0 0 1 8.429 8.429v13.717A8.429 8.429 0 0 1 0 0"
transform="translate(457.712 38.075)"
fill="#4bce5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v13.717a8.429 8.429 0 0 0 8.429 8.429h-57.167a8.429 8.429 0 0 1-8.429-8.429V0a8.43 8.43 0 0 1 8.429-8.429H8.429A8.43 8.43 0 0 0 0 0"
transform="translate(103.022 15.929)"
fill="#00c63a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.61l-2.498-1.274-3.334-3.833v-22.25l6.469-3.218H0a8.428 8.428 0 0 1 8.428 8.429v13.717A8.428 8.428 0 0 1 0 0"
transform="translate(453.898 504.5)"
fill="#938493"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v13.717a8.428 8.428 0 0 0 8.428 8.429h-39.75a8.428 8.428 0 0 1-8.428-8.429V0a8.428 8.428 0 0 1 8.428-8.429h39.75A8.428 8.428 0 0 0 0 0"
transform="translate(390.41 482.354)"
fill="#7b6c79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.5-13.75h-136.189v-93.685l1.434-1.555h83l2.588 3.157h25.834l2.911-3.157h17.834c11.366 0 20.666 9.3 20.666 20.667V0Z"
transform="translate(362.753 215.038)"
fill="#b06c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.596l-12.75 16.5h-3.589v-91.073c0-11.367 9.3-20.667 20.667-20.667h17.833L0-93.773Z"
transform="translate(184.6 201.288)"
fill="#9d5e5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M214.498 106.049h-31.333v92.323h31.333zM328.831 106.049h-31.333v92.323h31.333z"
fill="#865151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-154.471c-7.143-3.567-12.082-10.955-12.082-19.444v-50.445c0-8.489 4.939-15.877 12.082-19.444H0c11.367 0 20.667 9.3 20.667 20.666v48C20.667-9.3 11.367 0 0 0"
transform="translate(346.664 284.715)"
fill="#bc7f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48c0 11.367 9.3 20.667 20.667 20.667h-36.5C-27.2 68.667-36.5 59.367-36.5 48V0c0-11.366 9.3-20.666 20.667-20.666h36.5C9.3-20.666 0-11.366 0 0"
transform="translate(181.165 216.048)"
fill="#b06c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-204.638 154.894h-5.542l-20-16.825-3.748-6.112a5.74 5.74 0 0 0 3.104-1.139L-21.123-27.907c7.705-5.832 18.682-4.315 24.515 3.392C9.225-16.809 7.706-5.833 0 0"
transform="translate(490.303 335.856)"
fill="#ff5595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.333 22.96-9.07 6.866c-12.127 9.179-29.066 9.177-41.193 0l-213.708-161.76c-7.706-5.833-9.224-16.809-3.391-24.515 5.835-7.711 16.811-9.223 24.514-3.392L-2.815-1.116C-1.973-.479-.998-.116 0 0"
transform="translate(255.331 467.79)"
fill="#ff3581"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-403.428a8.429 8.429 0 0 1-8.429-8.429v-13.717a8.43 8.43 0 0 1 8.429-8.429H0a8.43 8.43 0 0 1 8.429 8.429v13.717A8.429 8.429 0 0 1 0 0Z"
transform="translate(457.714 38.075)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v13.717a8.428 8.428 0 0 1-8.428 8.429h-94.81a8.429 8.429 0 0 1-8.429-8.429V0a8.43 8.43 0 0 1 8.429-8.429h94.81A8.428 8.428 0 0 1 0 0Z"
transform="translate(462.328 482.354)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-181.333C-192.7 0-202-9.3-202-20.667v-48c0-11.366 9.3-20.666 20.667-20.666H0c11.367 0 20.667 9.3 20.667 20.666v48C20.667-9.3 11.367 0 0 0Z"
transform="translate(346.666 284.715)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.253 26.629-28.724 46.715-56.894 46.715-28.17 0-51.641-20.086-56.894-46.715"
transform="translate(312.894 285.715)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M214.499 106.048h-31.333v89.333h31.333zM328.833 106.048H297.5v89.333h31.333z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.75"
transform="translate(245.625 229.548)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-213.709 161.76c-12.127 9.179-29.065 9.177-41.192 0L-468.609 0c-7.706-5.833-9.225-16.809-3.392-24.515 5.835-7.711 16.812-9.223 24.515-3.392l209.699 158.725a5.768 5.768 0 0 0 6.963 0L-21.123-27.907c7.705-5.832 18.682-4.315 24.515 3.392C9.225-16.809 7.706-5.833 0 0Z"
transform="translate(490.305 335.856)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v103.309h-75.772V57.353Z"
transform="translate(444.381 370.617)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.167c11.366 0 20.666 9.3 20.666 20.667V158c0 11.367-9.3 20.667-20.666 20.667h-181.334c-11.367 0-20.666-9.3-20.666-20.667V20.667C-128.833 9.3-119.534 0-108.167 0H-35"
transform="translate(273.5 106.048)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v121.601l-180.806 136.855a5.77 5.77 0 0 1-6.964 0l-180.805-136.855v-291.745H0V-35"
transform="translate(440.287 208.219)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category