Add icons to this collection by clicking the heart icon.
Web Design icon - also known as computer, smartphone, laptop, web design, and ui. Created in a clean lineal color style with a white, gray, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path fill="#8898a8" d="M10 397h492v50H10zm0 0" />
<path fill="#e1e5ea" d="M30 50h452v347H30zm0 0" />
<path fill="#fad79b" d="M70 170h280v67H70zm0 0" />
<path
fill="#fa9600"
d="m190 50 28.75 57.496A40.701 40.701 0 0 0 255.16 130H482V50zm0 0"
/>
<path fill="#8898a8" d="M30 10h452v40H30zm0 0" />
<path
fill="#c8e7f9"
d="M462 130H342c-22.09 0-40 17.91-40 40h200c0-22.09-17.91-40-40-40zm0 0"
/>
<path fill="#5ad2e6" d="M302 170v252h200V170zm0 0" />
<path fill="#4696e6" d="M342 210h120v52H342zm0 0" />
<path
fill="#c8e7f9"
d="M302 462c0 22.09 17.91 40 40 40h120c22.09 0 40-17.91 40-40v-40H302zm0 0"
/>
<path
d="M402 100c5.52 0 10-4.48 10-10s-4.48-10-10-10-10 4.48-10 10 4.48 10 10 10zM442 100c5.52 0 10-4.48 10-10s-4.48-10-10-10-10 4.48-10 10 4.48 10 10 10zM362 100c5.52 0 10-4.48 10-10s-4.48-10-10-10-10 4.48-10 10 4.48 10 10 10zM70 80c-5.512 0-10 4.488-10 10s4.488 10 10 10 10-4.488 10-10-4.488-10-10-10zM342 392h40c5.523 0 10-4.477 10-10s-4.477-10-10-10h-40c-5.523 0-10 4.477-10 10s4.477 10 10 10zM462 332c-5.512 0-10 4.488-10 10s4.488 10 10 10 10-4.488 10-10-4.488-10-10-10zM342 352h80c5.512 0 10-4.488 10-10s-4.488-10-10-10h-80c-5.512 0-10 4.488-10 10s4.488 10 10 10zM342 312h120c5.523 0 10-4.477 10-10s-4.477-10-10-10H342c-5.523 0-10 4.477-10 10s4.477 10 10 10zM342 272h120c5.523 0 10-4.477 10-10v-52c0-5.523-4.477-10-10-10H342c-5.523 0-10 4.477-10 10v52c0 5.523 4.477 10 10 10zm10-52h100v32H352zM60 357c0 5.523 4.477 10 10 10h112c5.523 0 10-4.477 10-10s-4.477-10-10-10H70c-5.523 0-10 4.477-10 10zM70 327h12c5.512 0 10-4.488 10-10s-4.488-10-10-10H70c-5.512 0-10 4.488-10 10s4.488 10 10 10zM132 317c0-5.512-4.488-10-10-10s-10 4.488-10 10 4.488 10 10 10 10-4.488 10-10zM70 287h140c5.512 0 10-4.488 10-10s-4.488-10-10-10H70c-5.512 0-10 4.488-10 10s4.488 10 10 10zM250 287c5.512 0 10-4.488 10-10s-4.488-10-10-10-10 4.488-10 10 4.488 10 10 10zm0 0"
/>
<path
d="M492 130.027V10c0-5.523-4.477-10-10-10H30c-5.523 0-10 4.477-10 10v377H10c-5.523 0-10 4.477-10 10v50c0 5.523 4.477 10 10 10h282v5c0 27.57 22.43 50 50 50h120c27.57 0 50-22.43 50-50V170c0-16.324-7.863-30.844-20-39.973zM490.285 160h-176.57c4.125-11.64 15.246-20 28.285-20h120c13.04 0 24.16 8.36 28.285 20zM40 20h432v20H40zm252 417H20v-30h272zm0-210H80v-47h212zm1.008-67H70c-5.523 0-10 4.477-10 10v67c0 5.523 4.477 10 10 10h222v20h-2c-5.512 0-10 4.488-10 10s4.488 10 10 10h2v20H162c-5.512 0-10 4.488-10 10s4.488 10 10 10h130v20h-70c-5.523 0-10 4.477-10 10s4.477 10 10 10h70v20H40V60h143.82l10 20H110c-5.512 0-10 4.488-10 10s4.488 10 10 10h93.82l5.985 11.969C218.449 129.262 235.828 140 255.156 140h46.871a49.784 49.784 0 0 0-9.02 20zm-37.848-40c-11.707 0-22.23-6.504-27.469-16.977L206.18 60H472v60zM492 462c0 16.543-13.457 30-30 30H342c-16.543 0-30-13.457-30-30v-30h180zm0-50H312V180h180zm0 0"
/>
<path
d="M462 372h-40c-5.523 0-10 4.477-10 10s4.477 10 10 10h40c5.523 0 10-4.477 10-10s-4.477-10-10-10zM412 462c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10zm0 0"
/>
</svg>
More icons in the same style and category