Add icons to this collection by clicking the heart icon.
Web Design icon - also known as picture, web design, website, browser, ui, showcase, gallery, seo and web, and user interface. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M54.245 56.779H17.757c-1.867 0-3.382-1.163-3.382-2.607V17.825c0-1.444 1.515-2.607 3.382-2.607h36.488c1.867 0 3.382 1.162 3.382 2.606v36.313c0 1.444-1.515 2.642-3.382 2.642zM17.757 16.416c-1.127 0-2.149.634-2.149 1.373v36.348c0 .74.986 1.374 2.149 1.374h36.488c1.127 0 2.149-.634 2.149-1.374V17.824c0-.74-.986-1.373-2.149-1.373H17.757z"
/>
<path
fill="#fff"
d="M57.028 23.565h-42.09a.631.631 0 0 1-.633-.634c0-.352.282-.634.634-.634h42.089c.352 0 .634.282.634.635a.655.655 0 0 1-.634.633z"
/>
<path
fill="#fff"
d="M27.16 23.565a.587.587 0 0 1-.387-.14c-.282-.212-.317-.6-.106-.881l5.424-7.114c.212-.282.6-.317.881-.106.282.211.317.599.106.88l-5.424 7.115a.616.616 0 0 1-.493.246zM49.667 20.008h-1.515c-.352 0-.634-.282-.634-.599s.282-.634.634-.634h1.515c.352 0 .634.282.634.634s-.317.6-.634.6zM44.454 20.008H42.94c-.353 0-.634-.282-.634-.599s.281-.634.634-.634h1.514c.352 0 .634.282.634.634s-.282.6-.634.6zM39.276 20.008h-1.514c-.352 0-.634-.282-.634-.599s.282-.634.634-.634h1.514c.353 0 .634.282.634.634s-.316.6-.633.6zM47.166 38.112a.631.631 0 0 1-.634-.634V22.932c0-.353.282-.634.634-.634s.634.281.634.634v14.581c0 .352-.282.599-.634.599z"
/>
<path
fill="#fff"
d="M57.028 38.112H15.009a.631.631 0 0 1-.634-.634c0-.352.282-.6.634-.6h42.019c.352 0 .634.283.634.635s-.317.599-.634.599z"
/>
<path
fill="#fff"
d="M44.877 38.112a.581.581 0 0 1-.529-.317c-1.69-2.853-6.304-8.101-7.819-9.792l-7.854 9.862c-.211.282-.599.317-.88.106s-.317-.599-.106-.88l8.277-10.426c.106-.141.282-.211.458-.247.176 0 .352.07.493.212.246.282 6.34 7.009 8.453 10.53.176.283.07.67-.211.846-.071.106-.177.106-.282.106z"
/>
<path
fill="#fff"
d="M18.919 38.112a.53.53 0 0 1-.387-.141c-.282-.211-.317-.599-.106-.88l7.537-9.405c.14-.14.317-.246.528-.246.212 0 .388.105.493.282l4.121 6.48c.176.282.106.67-.176.845s-.67.106-.845-.176l-3.663-5.776-7.009 8.805c-.106.141-.317.212-.493.212zM19.271 29.342c-1.233 0-2.254-1.022-2.254-2.254s1.021-2.255 2.254-2.255 2.254 1.022 2.254 2.254a2.247 2.247 0 0 1-2.254 2.255zm0-3.24a1.022 1.022 0 1 0 .001 2.043 1.022 1.022 0 0 0 0-2.044zM54.492 26.242h-4.755c-.352 0-.634-.282-.634-.634s.282-.634.634-.634h4.755c.352 0 .634.282.634.634s-.317.634-.634.634zM54.492 29.306h-4.755c-.352 0-.634-.281-.634-.634s.282-.634.634-.634h4.755c.352 0 .634.282.634.634s-.317.634-.634.634zM54.492 32.37h-4.755c-.352 0-.634-.281-.634-.633s.282-.634.634-.634h4.755c.352 0 .634.281.634.634s-.317.634-.634.634zM54.492 35.435h-4.755c-.352 0-.634-.282-.634-.634s.282-.634.634-.634h4.755c.352 0 .634.282.634.634s-.317.634-.634.634zM22.3 45.93h-3.698a.631.631 0 0 1-.634-.633v-3.98c0-.352.282-.634.634-.634H22.3c.352 0 .634.282.634.634v4.015c0 .317-.282.599-.634.599zm-3.1-1.232h2.466v-2.783h-2.465zM44.49 42.867H25.786a.631.631 0 0 1-.634-.634c0-.353.282-.634.634-.634h18.702c.352 0 .634.281.634.634a.631.631 0 0 1-.634.634zM53.224 45.93H25.752c-.353 0-.634-.281-.634-.633s.281-.634.634-.634h27.472c.352 0 .634.282.634.634s-.282.634-.634.634zM22.3 53.116h-3.698a.631.631 0 0 1-.634-.634v-3.98c0-.352.282-.634.634-.634H22.3c.352 0 .634.282.634.634v4.015c0 .317-.282.599-.634.599zm-3.1-1.233h2.466v-2.782h-2.465zM44.49 50.051H25.786c-.352 0-.634-.281-.634-.634s.282-.634.634-.634h18.702c.352 0 .634.282.634.634s-.282.634-.634.634zM53.224 53.116H25.752c-.353 0-.634-.282-.634-.634s.281-.634.634-.634h27.472c.352 0 .634.282.634.634s-.282.634-.634.634z"
/>
</g>
</svg>
More icons in the same style and category