Add icons to this collection by clicking the heart icon.
Web Design icon - also known as computer, scheme, web design, Tools and utensils, browser, ui, and programming. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<g transform="translate(1 1)">
<path
d="M502.467 41.667v452.267a8.558 8.558 0 0 1-8.533 8.533H16.067a8.558 8.558 0 0 1-8.533-8.533V41.667h494.933z"
fill="#7facfa"
/>
<path
d="m476.869 41.667-.002 452.267a8.346 8.346 0 0 1-8.092 8.533H15.625a8.346 8.346 0 0 1-8.092-8.533L7.531 41.667h469.338z"
fill="#e3e7f2"
/>
<path
d="M502.467 16.067v42.667H7.533V16.067a8.558 8.558 0 0 1 8.533-8.533h477.867a8.558 8.558 0 0 1 8.534 8.533z"
fill="#7facfa"
/>
<path
d="m476.867 16.067.002 42.667H7.531l.002-42.667a8.346 8.346 0 0 1 8.092-8.533h453.149a8.346 8.346 0 0 1 8.093 8.533z"
fill="#e3e7f2"
/>
<linearGradient
id="a"
x1="-49.801"
x2="-48.561"
y1="651.323"
y2="650.553"
gradientTransform="matrix(153.6 0 0 -247.4667 7681.2 161344.813)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M203.8 289.133V152.6c-.028-9.414-7.652-17.039-17.067-17.067H67.267c-9.414.028-17.039 7.652-17.067 17.067v213.333c.028 9.414 7.652 17.039 17.067 17.067h119.467c9.414-.028 17.039-7.652 17.067-17.067v-42.667"
fill="url(#a)"
/>
<path
d="M459.8 109.933V127H306.2v-17.067c.027-9.414 7.652-17.039 17.067-17.067h119.467c9.414.028 17.039 7.653 17.066 17.067z"
fill="#7facfa"
/>
<linearGradient
id="b"
x1="-49.791"
x2="-48.551"
y1="651.249"
y2="650.479"
gradientTransform="matrix(153.6 0 0 -213.3333 7937.2 139081.344)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M459.8 127v196.267c-.028 9.414-7.652 17.039-17.067 17.067H323.267c-9.414-.028-17.039-7.652-17.067-17.067V127h153.6z"
fill="url(#b)"
/>
<path
d="M459.8 400.067v17.067H306.2v-17.067c.027-9.414 7.652-17.039 17.067-17.067h119.467c9.414.028 17.039 7.652 17.066 17.067z"
fill="#7facfa"
/>
<linearGradient
id="c"
x1="-49.801"
x2="-48.561"
y1="650.256"
y2="649.486"
gradientTransform="matrix(153.6 0 0 -85.3333 7937.2 55915.469)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M459.8 417.133v85.334H306.2v-85.334z" fill="url(#c)" />
<path
d="M203.8 442.733V459.8H50.2v-17.067c.028-9.414 7.652-17.039 17.067-17.067h119.467c9.414.028 17.039 7.653 17.066 17.067z"
fill="#7facfa"
/>
<linearGradient
id="d"
x1="-49.801"
x2="-48.561"
y1="649.17"
y2="648.4"
gradientTransform="matrix(153.6 0 0 -51.2 7681.2 33703.203)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M203.8 459.8V511H50.2v-51.2z" fill="url(#d)" />
<circle cx="127" cy="272.067" r="34.133" fill="#e3e7f2" />
<path
d="M348.867 161.133H383V203.8h-34.133zM331.8 237.933H383V280.6h-51.2z"
fill="#e3e7f2"
/>
<path
d="M383 511h-51.2a8.533 8.533 0 0 1-8.533-8.533v-51.2a8.533 8.533 0 0 1 8.533-8.533H383a8.533 8.533 0 0 1 8.533 8.533v51.2A8.533 8.533 0 0 1 383 511zm-42.667-17.067h34.133V459.8h-34.133v34.133z"
/>
<path d="M383 340.333v-25.6h-51.2v25.6" fill="#e3e7f2" />
<path
d="M203.8 152.6v17.067H50.2V152.6c.028-9.414 7.652-17.039 17.067-17.067h119.467c9.414.028 17.039 7.653 17.066 17.067z"
fill="#7facfa"
/>
<path
d="M434.2 109.933V127h-128v-17.067c-.686-8.609 5.631-16.189 14.222-17.067h99.555c8.592.879 14.909 8.459 14.223 17.067zM434.2 400.067v17.067h-128v-17.067c-.686-8.609 5.631-16.189 14.222-17.067h99.555c8.592.878 14.909 8.458 14.223 17.067zM178.2 442.733V459.8h-128v-17.067c-.686-8.609 5.631-16.189 14.222-17.067h99.555c8.592.879 14.909 8.459 14.223 17.067zM178.2 152.6v17.067h-128V152.6c-.686-8.609 5.631-16.189 14.222-17.067h99.555c8.592.878 14.909 8.458 14.223 17.067z"
fill="#a4c2f7"
/>
<circle cx="203.8" cy="306.2" r="17.067" fill="#a4c2f7" />
<circle cx="306.2" cy="178.2" r="17.067" fill="#a4c2f7" />
<path d="M331.8 451.267H383v51.2h-51.2z" fill="#e3e7f2" />
<path
d="M41.24 502.467h-25.6a8.368 8.368 0 0 1-8.107-8.533V16.067a8.366 8.366 0 0 1 8.107-8.533h25.6a8.368 8.368 0 0 0-8.107 8.533v477.867a8.368 8.368 0 0 0 8.107 8.533z"
fill="#fff"
/>
</g>
<path d="M17.067 59.733V494.933H0V59.733z" fill="#fff" />
<path
d="M8.533 136.533a8.988 8.988 0 0 0 6.059-2.475 8.653 8.653 0 0 0 0-12.117l-1.279-1.025a6.498 6.498 0 0 0-1.538-.771 5.423 5.423 0 0 0-1.538-.509 12.483 12.483 0 0 0-1.704-.171 8.958 8.958 0 0 0-6.059 2.475 8.803 8.803 0 0 0 0 12.117 8.816 8.816 0 0 0 2.813 1.792 8.51 8.51 0 0 0 3.246.684z"
fill="#428dff"
/>
<path
d="M494.933 0H17.067C7.645.009.009 7.645 0 17.067v76.8a8.533 8.533 0 0 0 17.066 0v-25.6h477.867v426.667h-25.6v-93.867c-.015-14.132-11.468-25.585-25.6-25.6H324.267c-14.132.015-25.585 11.468-25.6 25.6v93.867h-85.333v-51.2c-.015-14.132-11.468-25.585-25.6-25.6H68.267c-14.132.015-25.585 11.468-25.6 25.6v51.2h-25.6v-332.8A8.534 8.534 0 0 0 0 162.133v332.8C.009 504.355 7.645 511.99 17.067 512h477.867c9.422-.009 17.057-7.645 17.067-17.067V17.067C511.991 7.645 504.355.009 494.933 0zM324.267 392.533h119.467a8.544 8.544 0 0 1 8.533 8.533v8.533H315.733v-8.533a8.544 8.544 0 0 1 8.534-8.533zm-8.534 34.134h136.533v68.267h-59.733v-42.667a8.533 8.533 0 0 0-8.533-8.533h-51.2a8.533 8.533 0 0 0-8.533 8.533v42.667h-8.533v-68.267zM68.267 435.2h119.467a8.544 8.544 0 0 1 8.533 8.533v8.533H59.733v-8.533a8.544 8.544 0 0 1 8.534-8.533zm-8.534 34.133h136.533v25.6H59.733v-25.6zm281.6 25.6V460.8h34.133v34.133h-34.133zM17.067 51.2V17.067h477.867V51.2H17.067z"
fill="#428dff"
/>
<path
d="M93.867 25.6h-51.2a8.533 8.533 0 0 0 0 17.066h51.2a8.533 8.533 0 0 0 0-17.066zM145.067 25.6H128a8.533 8.533 0 0 0 0 17.066h17.067a8.533 8.533 0 0 0 0-17.066zM196.267 25.6H179.2a8.533 8.533 0 0 0 0 17.066h17.067a8.533 8.533 0 0 0 0-17.066zM247.467 25.6H230.4a8.533 8.533 0 0 0 0 17.066h17.067a8.533 8.533 0 0 0 0-17.066zM298.667 25.6H281.6a8.533 8.533 0 0 0 0 17.066h17.067a8.533 8.533 0 0 0 0-17.066zM477.867 25.6h-8.533a8.533 8.533 0 0 0 0 17.066h8.533a8.533 8.533 0 0 0 0-17.066zM187.733 128H68.267c-14.132.015-25.585 11.468-25.6 25.6v213.333c.015 14.132 11.468 25.585 25.6 25.6h119.467c14.132-.015 25.585-11.468 25.6-25.6v-35.706a25.494 25.494 0 0 0 16.835-21.737c14.883-7.107 34.365-23.723 34.365-62.024a57.558 57.558 0 0 1 23.98-50.891 25.532 25.532 0 0 0 10.153 6.652v121.04c.015 14.132 11.468 25.585 25.6 25.6h119.467c14.132-.015 25.585-11.468 25.6-25.6V110.933c-.015-14.132-11.468-25.585-25.6-25.6H324.267c-14.132.015-25.585 11.468-25.6 25.6v44.239A25.558 25.558 0 0 0 281.6 179.2c0 .465.113.899.137 1.358a74.129 74.129 0 0 0-34.271 66.908c0 21.855-7.316 36.967-21.718 45.098a25.618 25.618 0 0 0-12.415-9.392V153.6c-.015-14.132-11.468-25.585-25.6-25.6zm187.734 204.8h-34.133v-8.533h34.133v8.533zm76.8-8.533a8.544 8.544 0 0 1-8.533 8.533h-51.2v-17.067a8.533 8.533 0 0 0-8.533-8.533h-51.2a8.533 8.533 0 0 0-8.533 8.533V332.8a8.544 8.544 0 0 1-8.533-8.533V203.228a25.448 25.448 0 0 0 0-48.056v-18.639h136.533v187.734zm-128-221.867h119.467a8.544 8.544 0 0 1 8.533 8.533v8.533H315.733v-8.533a8.544 8.544 0 0 1 8.534-8.533zM307.2 170.667a8.533 8.533 0 1 1-8.533 8.533 8.544 8.544 0 0 1 8.533-8.533zm-238.933-25.6h119.467a8.544 8.544 0 0 1 8.533 8.533v8.533H59.733V153.6a8.544 8.544 0 0 1 8.534-8.533zm119.466 230.4H68.267a8.544 8.544 0 0 1-8.533-8.533V179.2h136.533v103.972a25.447 25.447 0 0 0 0 48.054v35.706a8.545 8.545 0 0 1-8.534 8.535zm17.067-59.734a8.533 8.533 0 1 1 8.533-8.533 8.544 8.544 0 0 1-8.533 8.533z"
fill="#428dff"
/>
<path
d="M170.667 273.067c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667 19.103 42.667 42.667 42.667c23.553-.028 42.639-19.115 42.667-42.667zM128 298.667c-14.138 0-25.6-11.462-25.6-25.6s11.462-25.6 25.6-25.6c14.139 0 25.6 11.462 25.6 25.6-.015 14.132-11.468 25.584-25.6 25.6zM110.933 332.8h-25.6a8.533 8.533 0 0 0 0 17.066h25.6a8.533 8.533 0 0 0 0-17.066zM170.667 332.8h-25.6a8.533 8.533 0 0 0 0 17.066h25.6a8.533 8.533 0 0 0 0-17.066zM85.333 213.333h85.333a8.533 8.533 0 0 0 0-17.066H85.333a8.533 8.533 0 0 0 0 17.066zM349.867 213.333H384a8.533 8.533 0 0 0 8.533-8.533v-42.667A8.533 8.533 0 0 0 384 153.6h-25.6a8.533 8.533 0 0 0 0 17.066h17.067v25.6h-25.6a8.533 8.533 0 0 0-8.533 8.533 8.532 8.532 0 0 0 8.533 8.534zM384 230.4h-51.2a8.533 8.533 0 0 0-8.533 8.533V281.6a8.533 8.533 0 0 0 8.533 8.533H384a8.533 8.533 0 0 0 8.533-8.533v-42.667A8.533 8.533 0 0 0 384 230.4zm-8.533 42.667h-34.133v-25.6h34.133v25.6zM409.6 170.667h17.067a8.533 8.533 0 0 0 0-17.066H409.6a8.533 8.533 0 0 0 0 17.066zM409.6 196.267h17.067a8.533 8.533 0 0 0 0-17.066H409.6a8.533 8.533 0 0 0 0 17.066zM409.6 247.467h17.067a8.533 8.533 0 0 0 0-17.066H409.6a8.533 8.533 0 0 0 0 17.066zM409.6 273.067h17.067c4.713 0 8.533-3.82 8.533-8.533S431.38 256 426.667 256H409.6a8.534 8.534 0 0 0 0 17.067zM409.6 460.8h17.067c4.713 0 8.533-3.82 8.533-8.533s-3.82-8.533-8.533-8.533H409.6c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533zM409.6 486.4h17.067c4.713 0 8.533-3.82 8.533-8.533s-3.82-8.533-8.533-8.533H409.6a8.533 8.533 0 0 0 0 17.066zM409.6 324.267h17.067a8.533 8.533 0 0 0 0-17.066H409.6a8.533 8.533 0 0 0 0 17.066z"
fill="#428dff"
/>
</svg>
More icons in the same style and category