Add icons to this collection by clicking the heart icon.
Web Design icon - also known as technology, computer, interface, screen, monitor, web design, graphics editor, graphic design, editor, graphic tool, ui, art and design, edit tools, and computer graphic. Created in a clean lineal color style with a white, silver, gray, black, orange, 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 0-65.5-10L-131 0l10 53 55.5 10L-10 53Z"
transform="matrix(1.33333 0 0 -1.33333 428.667 632.667)"
fill="#afafaf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-10 53h30z"
transform="matrix(1.33333 0 0 -1.33333 428.667 632.667)"
fill="#919191"
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-179c-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(345.5 7.5)"
fill="#d8d8d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.14-1.68-7.89-4.4-10.6C-7.11-13.32-10.86-15-15-15h-30c4.14 0 7.89 1.68 10.6 4.4C-31.68-7.89-30-4.14-30 0c0 7.1-4.95 13.06-11.58 14.61L-39 15h24C-6.72 15 0 8.28 0 0"
transform="translate(360.5 22.5)"
fill="#afafaf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-365c-11.046 0-20 8.954-20 20v267c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(438.5 90.5)"
fill="#747a89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-267c0-11.05-8.95-20-20-20h-30c11.05 0 20 8.95 20 20V0c0 11.05-8.95 20-20 20h30C-8.95 20 0 11.05 0 0"
transform="translate(458.5 377.5)"
fill="#525663"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-335a5 5 0 0 0-5 5v237a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(423.5 120.5)"
fill="#fafeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-81a5 5 0 0 0-5 5v47a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(393.5 210.5)"
fill="#d8d8d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v76.333c0 4.328 1.404 8.538 4 12l22 29.334c2 2.666 6 2.666 8 0l22-29.334c2.596-3.462 4-7.672 4-12z"
transform="translate(265.5 120.5)"
fill="#f2d67c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-59.317h30v76.332Z"
transform="translate(235.5 179.817)"
fill="#e2b061"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h50a5 5 0 0 0 5-5v-154H-5V-5a5 5 0 0 0 5 5"
transform="translate(120.5 279.5)"
fill="#f2d67c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.47-8.88c-11.54-10.84-29.52-10.84-41.06 0L-60 0c0 4.33 1.4 8.54 4 12l22 29.34c2 2.66 6 2.66 8 0L-4 12c2.6-3.46 4-7.67 4-12"
transform="translate(265.5 196.832)"
fill="#f7e1aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-46.46-30.91-85.71-73.3-98.27-9.25-2.76-19.06-4.23-29.2-4.23-10.1 0-19.87 1.46-29.09 4.2C-174.03-85.77-205-46.5-205 0c0 56.61 45.89 102.5 102.5 102.5S0 56.61 0 0"
transform="translate(358.5 402)"
fill="#aac9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.85-37.96c-9.25-2.76-19.06-4.23-29.2-4.23-10.1 0-19.87 1.46-29.09 4.2l.09.37L-40.69.01c.67 2.9-1.32 5.78-4.27 6.09-27.23 2.82-46.89 26.01-46.89 54.21 0 28.26 19.75 51.5 47.08 54.23 2.91.29 5.42-2.05 5.42-4.98V70.31c0-5.52 4.48-10 10-10h18c5.52 0 10 4.48 10 10v39.25c0 2.93 2.51 5.27 5.42 4.98 27.33-2.73 47.08-25.97 47.08-54.23C51.15 32.12 31.5 8.93 4.28 6.1 1.31 5.79-.67 2.9 0 0"
transform="translate(276.35 341.69)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-56.609-45.891-102.5-102.5-102.5S-205-56.609-205 0s45.891 102.5 102.5 102.5S0 56.609 0 0Z"
transform="translate(358.5 402)"
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 0h45c11.046 0 20-8.954 20-20v-267c0-11.046-8.954-20-20-20h-365c-11.046 0-20 8.954-20 20v267c0 11.046 8.954 20 20 20h45.097"
transform="translate(393.5 397.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 0 8.665 37.629c.667 2.897-1.321 5.779-4.279 6.085C-22.843 46.535-42.5 69.73-42.5 97.926c0 28.262 19.748 51.499 47.075 54.231 2.914.292 5.425-2.055 5.425-4.983v-39.248c0-5.523 4.477-10 10-10h18c5.523 0 10 4.477 10 10v39.248c0 2.928 2.511 5.275 5.425 4.983 27.327-2.732 47.075-25.969 47.075-54.231 0-28.192-19.652-51.385-46.875-54.211-2.961-.307-4.95-3.195-4.276-6.094L58 .381"
transform="translate(227 304.074)"
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 0h69.167a5 5 0 0 0 5-5v-237a5 5 0 0 0-5-5h-335a5 5 0 0 0-5 5V-5a5 5 0 0 0 5 5h68.5"
transform="translate(354.333 367.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 0 10-53"
transform="translate(311.5 90.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 0 10 53"
transform="translate(190.5 37.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 0h-179c-8.284 0-15 6.716-15 15v0c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15v0C15 6.716 8.284 0 0 0Z"
transform="translate(345.5 7.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 0h-81a5 5 0 0 0-5 5v47a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(393.5 210.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 0h70.5"
transform="translate(317.5 181)"
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 0h70.5"
transform="translate(317.5 151)"
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 0v76.333c0 4.328 1.404 8.538 4 12l22 29.334c2 2.666 6 2.666 8 0l22-29.334c2.596-3.462 4-7.672 4-12V0"
transform="translate(205.5 120.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 0v59.317"
transform="translate(235.5 120.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 0-9.466-8.887c-11.544-10.839-29.524-10.839-41.068 0L-60 0"
transform="translate(265.5 196.833)"
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 0v154a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5V0"
transform="translate(115.5 120.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 0h21"
transform="translate(116 245.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 0h14"
transform="translate(116 215.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 0h14"
transform="translate(116 185.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 0h21"
transform="translate(116 155.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 0h22.24"
transform="translate(224.16 224.38)"
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