Add icons to this collection by clicking the heart icon.
Web Design icon - also known as technology, computer, screen, television, tv, monitor, web design, development, design, ui, web development, responsive, and seo and web. Created in a clean lineal gradient style, 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M232 400h16v16h-16v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M472 416h-8V128c0-17.673-14.327-32-32-32h-48V32c0-17.673-14.327-32-32-32H128c-17.673 0-32 14.327-32 32v64H48c-17.673 0-32 14.327-32 32v288H8a8 8 0 0 0-8 8v24c0 17.673 14.327 32 32 32h416c17.673 0 32-14.327 32-32v-24a8 8 0 0 0-8-8zm-344-72h224c17.673 0 32-14.327 32-32V144h32v224H64V144h32v168c0 17.673 14.327 32 32 32zM112 80h256v232c0 8.837-7.163 16-16 16H128c-8.837 0-16-7.163-16-16V80zm16-64h224c8.837 0 16 7.163 16 16v32H112V32c0-8.837 7.163-16 16-16zM32 128c0-8.837 7.163-16 16-16h48v16H56a8 8 0 0 0-8 8v240a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8V136a8 8 0 0 0-8-8h-40v-16h48c8.837 0 16 7.163 16 16v288H312a8 8 0 0 0-5.656 2.336L292.688 432H187.312l-13.656-13.664A8 8 0 0 0 168 416H32V128zm432 320c0 8.837-7.163 16-16 16H32c-8.837 0-16-7.163-16-16v-16h148.688l13.656 13.656A8 8 0 0 0 184 448h112a8 8 0 0 0 5.656-2.344L315.312 432H464v16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M136 256h208v16H136v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-27.875"
x2="-27.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M136 288h192v16H136v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-23.875"
x2="-23.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M184 224h160v16H184v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-39.875"
x2="-39.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M128 32h16v16h-16V32z" fill="url(#f)" />
<linearGradient
id="g"
x1="-35.875"
x2="-35.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M160 32h16v16h-16V32z" fill="url(#g)" />
<linearGradient
id="h"
x1="-31.875"
x2="-31.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M192 32h16v16h-16V32z" fill="url(#h)" />
<linearGradient
id="i"
x1="-36.875"
x2="-36.875"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M152 224h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-33.075"
x2="-33.075"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m203.2 182.4 9.6-12.8-23.464-17.6 23.464-17.6-9.6-12.8-32 24a8 8 0 0 0 0 12.8l32 24z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-20.675"
x2="-20.675"
y1="617.289"
y2="554.985"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m276.8 182.4 32-24a8 8 0 0 0 0-12.8l-32-24-9.6 12.8 23.464 17.6-23.464 17.6 9.6 12.8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-29.527"
x2="-87.376"
y1="610.79"
y2="587.65"
gradientTransform="scale(8 -8) rotate(68.193 451.613 349.195)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m216.574 189.025 32.007-79.994 14.862 5.947-32.007 79.994-14.862-5.947z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category