Add icons to this collection by clicking the heart icon.
Work From Home icon - also known as computer, education, user, study, knowledge, school, online, student, class, learning, avatar, e learning, course, business and finance, and work from home. Created in a clean lineal color style with a white, silver, gray, black, yellow, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-141.606l-6.534 45.479a74.842 74.842 0 0 0 8.234 46.214c8.427 16.358 18.417 26.029 34.343 30.337 4.348 1.177 13.391 3.028 13.391 3.028 3.885.189 7.879.057 11.955-.412a4.004 4.004 0 0 1 2.251.387l6.434 3.217a55.594 55.594 0 0 0 32.949 5.284l1.451-.213c20.64-3.029 37.111-18.34 41.595-38.51l.193-.869A135.082 135.082 0 0 0 6.503 45.39C3.61 25.27 0 0 0 0"
transform="translate(331.032 370.438)"
fill="#eae8ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.07-5.37-23.92-15.545-31.19-30.156-7.63-14.62-10.52-31.389-8.24-47.83l6.54-47.07h-20l-6.54 45.48a74.842 74.842 0 0 0 8.24 46.21C-40.46-12.536-21.94-1.06 0 0"
transform="translate(238.86 495.496)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.916l3.894-10.126L0-68.315h50l-4.362 24.273L50-33.916V0Z"
transform="translate(176 93.596)"
fill="#fe93bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.4h-50V0a49.68 49.68 0 0 0 19 3.76h12c6.72 0 13.14-1.34 19-3.76"
transform="translate(226 59.68)"
fill="#fe76a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.819-.415c-16.569 0-30-13.431-30-30h-.128a3 3 0 0 1 3-3l15.894-2.094h49a3 3 0 0 1 3 3v3c0 15.213-11.322 27.78-26 29.736C3.947.227 1.356 0 0 0"
transform="translate(207.053 42.947)"
fill="#eae8ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.68-1.95-26-14.524-26-29.734v-6h-17c-1.661 0-3 1.34-3 3v3c0 16.57 13.43 30 30 30h12C-2.641.266-1.31.18 0 0"
transform="translate(211 43.174)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.916l3.894-10.126L0-68.315h50l-4.362 24.273L50-33.916V0Z"
transform="translate(286 93.596)"
fill="#fe93bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.4h-50V0a49.68 49.68 0 0 0 19 3.76h12c6.72 0 13.14-1.34 19-3.76"
transform="translate(336 59.68)"
fill="#fe76a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.819-.415c-16.569 0-30-13.431-30-30h-.128a3 3 0 0 1 3-3l15.894-2.094h49a3 3 0 0 1 3 3v3c0 15.213-11.322 27.78-26 29.736C3.947.227 1.356 0 0 0"
transform="translate(317.053 42.947)"
fill="#eae8ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.68-1.95-26-14.524-26-29.734v-6h-17c-1.661 0-3 1.34-3 3v3c0 16.57 13.43 30 30 30h12C-2.641.266-1.31.18 0 0"
transform="translate(321 43.174)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M436 187.042H76V81.438h360z"
fill="#bc7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M436 156.44H76v30.6h360z"
fill="#aa6a51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9l-7.766 2.775a5 5 0 0 0-5 5L-21.17 169H2.404L5 149.002V5a5 5 0 0 0-5-5"
transform="translate(86 7.438)"
fill="#aa6a51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.745 10.603L-30 0v-164a5 5 0 0 1 5-5h11v143a6 6 0 0 0 6 6h8z"
transform="translate(91 176.44)"
fill="#a35d48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9l-7.766 2.775a5 5 0 0 0-5 5L-21.17 169H2.404L5 149.002V5a5 5 0 0 0-5-5"
transform="translate(446 7.438)"
fill="#aa6a51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.745 10.603L-30 0v-164a5 5 0 0 1 5-5h11v143a6 6 0 0 0 6 6h8z"
transform="translate(451 176.44)"
fill="#a35d48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.6 0-8.775 2.692-10.673 6.883l-8.593 18.973a3.027 3.027 0 0 1-2.916 1.762c-22.785-1.093-40.923-19.912-40.923-42.969v-41.024h86.038v33.442C22.933-10.267 12.666 0 0 0"
transform="translate(276.085 427.814)"
fill="#ffd18d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-221.745l-.127 132.094a5 5 0 0 0 5 5l10.234 2.906h207a5 5 0 0 0 5-5V18.002z"
transform="translate(365.638 246.438)"
fill="#6b6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-18l-112.208-20.418L-230-18v135a5 5 0 0 0 5 5h13V5a5 5 0 0 1 5-5z"
transform="translate(371 264.44)"
fill="#5e5d5d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(210.5 326.438)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20c0-11.045 8.954-20 20-20S0-11.045 0 0"
transform="translate(285 296.438)"
fill="#eae8ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.578-7.122c-5.205-1.394-6.948-7.9-3.138-11.711l19.457-19.456c3.81-3.81 10.316-2.067 11.711 3.138L8.573-8.573C9.968-3.368 5.205 1.395 0 0"
transform="translate(331.718 349.23)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-134.053-13.906L-262.49 0l.266 22.051a5 5 0 0 0 5 5L-247.5 30H-5a5 5 0 0 0 5-5z"
transform="translate(388.5 216.438)"
fill="#6b6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30l-8.75-8.972L-17.5-30v25c0 2.76 2.24 5 5 5z"
transform="translate(141 246.44)"
fill="#5e5d5d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-457l-17.776 3.286c-5.523 0-10 4.477-10 10l.297 14.17c0 5.523 4.478 10 10 10L-457 40H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(494.5 176.438)"
fill="#bc7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40h-20c-5.52 0-10 4.48-10 10v20c0 5.52 4.48 10 10 10z"
transform="translate(37.5 216.44)"
fill="#aa6a51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-5c0-12.855-8.086-23.815-19.448-28.085 0 0-6.838-.738-10.552-.738-16.57 0-27.276 12.253-27.276 28.823v5l29.191 6.007z"
transform="translate(473 296.44)"
fill="#fe93bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25h-60l1.851 23.496a5 5 0 0 0 5 5L-39 5h34a5 5 0 0 0 5-5"
transform="translate(473 321.44)"
fill="#f9f7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.8 29.8 0 0 0-10.552-1.915c-16.57 0-30 13.431-30 30v5l9.787 6.007 11.213-6.007v-4.379C-19.552 15.746-11.49 4.37 0 0"
transform="translate(453.552 263.354)"
fill="#fe76a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h-21v25c0 2.76 2.24 5 5 5z"
transform="translate(434 326.44)"
fill="#eae8ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.363 0-30.649 15.802-30.649 34.165l-.127 8.17a3 3 0 0 0 3 3l14.526 1.513h43.5a3 3 0 0 0 3-3v-11.25C33.25 17.719 23.477 5.124 10 .879 10 .879 3.485 0 0 0"
transform="translate(58.5 217.09)"
fill="#ffe564"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a33.408 33.408 0 0 0-10-1.529c-18.36 0-33.25 14.88-33.25 33.25v11.25c0 1.65 1.339 3 3 3h17v-14.25C-23.25 16.841-13.47 4.24 0 0"
transform="translate(68.5 217.97)"
fill="#ffd766"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.846c0 23.759 19.26 43.019 43.019 43.019v0l6.493-14.337a23.274 23.274 0 0 1 17.226-13.331c11.155-1.934 19.3-11.613 19.3-22.933V.085"
transform="translate(212.98 386.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 0a135.106 135.106 0 0 0-1.374-18.45 53417.5 53417.5 0 0 1-4.184-29.18"
transform="translate(338.908 434.276)"
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-4.196 29.209a74.837 74.837 0 0 0 8.234 46.215v0c12.811 24.869 36.731 36.408 64.332 32.807l7.493 3.748a55.61 55.61 0 0 0 32.956 5.286l1.451-.213c19.287-2.831 34.934-16.386 40.561-34.611"
transform="translate(183.63 386.707)"
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 0h143.5c5.523 0 10-4.477 10-10v-20c0-5.523-4.477-10-10-10h-477c-5.523 0-10 4.477-10 10v20c0 5.523 4.477 10 10 10H-35"
transform="translate(351 216.438)"
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 0v24.438a5 5 0 0 0 5 5h255a5 5 0 0 0 5-5V0"
transform="translate(123.5 217)"
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 0v42.938a5 5 0 0 0 5 5h220a5 5 0 0 0 5-5V-91.5"
transform="translate(141 338.5)"
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 0v56.5"
transform="translate(141 247)"
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 0v-163.562a5 5 0 0 0-5-5h-20a5 5 0 0 0-5 5V0"
transform="translate(91 176)"
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 0v-163.562a5 5 0 0 0-5-5h-20a5 5 0 0 0-5 5V0"
transform="translate(451 176)"
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 0h270"
transform="translate(150.5 81.438)"
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 0h24"
transform="translate(91.5 81.438)"
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 0v0c-16.568 0-30 13.432-30 30v35h60V30C30 13.432 16.568 0 0 0ZM0 0v-45"
transform="translate(443 261.438)"
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 0h59"
transform="translate(413.5 296.438)"
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 0v0c-18.363 0-33.25 14.887-33.25 33.25V44.5a3 3 0 0 0 3 3h60.5a3 3 0 0 0 3-3V33.25C33.25 14.887 18.363 0 0 0Z"
transform="translate(58.5 216.438)"
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-24c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(210.5 326.438)"
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 0c0 11.046-8.954 20-20 20s-20-8.954-20-20c0-11.045 8.954-20 20-20S0-11.045 0 0z"
transform="translate(285 296.438)"
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-26.578-7.122c-5.205-1.394-6.948-7.9-3.138-11.711l19.457-19.456c3.81-3.81 10.316-2.067 11.711 3.138L8.573-8.573C9.968-3.368 5.205 1.395 0 0Z"
transform="translate(331.718 349.23)"
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-12c-16.568 0-30-13.431-30-30v-6h72v6C30-13.431 16.568 0 0 0Z"
transform="translate(207 43.438)"
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-12c-16.568 0-30-13.431-30-30v-6h72v6C30-13.431 16.568 0 0 0Z"
transform="translate(317 43.438)"
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 0v44"
transform="translate(226 37.438)"
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 0v44"
transform="translate(176 37.438)"
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 0v44"
transform="translate(336 37.438)"
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 0v44"
transform="translate(286 37.438)"
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 0h24"
transform="translate(186.5 296.438)"
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