Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, web design, website, multimedia, layout, web page, theme, template, seo and web, and mockup. Created in a clean 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="640"
height="640"
viewBox="-31 0 479 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="141.228"
x2="145.212"
y1="495.208"
y2="-15.104"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="247.06"
x2="251.052"
y1="496.032"
y2="-14.28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="118.004"
x2="121.996"
y1="495.024"
y2="-15.288"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="150.004"
x2="153.996"
y1="495.28"
y2="-15.04"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="182.004"
x2="185.988"
y1="495.528"
y2="-14.792"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="93.324"
x2="97.308"
y1="494.832"
y2="-15.48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="125.316"
x2="129.308"
y1="495.08"
y2="-15.232"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="157.316"
x2="161.308"
y1="495.336"
y2="-14.984"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="189.316"
x2="193.3"
y1="495.584"
y2="-14.736"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="246.684"
x2="250.676"
y1="496.032"
y2="-14.28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="159.316"
x2="163.308"
y1="495.352"
y2="-14.968"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="159.564"
x2="163.556"
y1="495.352"
y2="-14.968"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="159.82"
x2="163.804"
y1="495.352"
y2="-14.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="160.068"
x2="164.052"
y1="495.352"
y2="-14.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="303.684"
x2="307.668"
y1="496.48"
y2="-13.84"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M24.5 16h49.754l4.965 19.879A16 16 0 0 0 94.746 48h99.508a16 16 0 0 0 15.527-12.121L214.746 16H264.5a8 8 0 0 1 8 8v104h16V24c0-13.254-10.746-24-24-24h-240C11.246 0 .5 10.746.5 24v432c0 13.254 10.746 24 24 24h40v-16h-40a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8zm169.754 16H94.746l-4-16h107.508zm0 0"
/>
<path
fill="url(#c)"
d="M392.5 144h-288c-13.254 0-24 10.746-24 24v288c0 13.254 10.746 24 24 24h288c13.254 0 24-10.746 24-24V168c0-13.254-10.746-24-24-24zm-288 16h288a8 8 0 0 1 8 8v24h-304v-24a8 8 0 0 1 8-8zm288 304h-288a8 8 0 0 1-8-8V208h304v248a8 8 0 0 1-8 8zm0 0"
/>
<path fill="url(#d)" d="M112.5 168h16v16h-16zm0 0" />
<path fill="url(#e)" d="M144.5 168h16v16h-16zm0 0" />
<path fill="url(#f)" d="M176.5 168h16v16h-16zm0 0" />
<path fill="url(#g)" d="M88.5 80h16v16h-16zm0 0" />
<path fill="url(#h)" d="M120.5 80h16v16h-16zm0 0" />
<path fill="url(#i)" d="M152.5 80h16v16h-16zm0 0" />
<path fill="url(#j)" d="M184.5 80h16v16h-16zm0 0" />
<path
fill="url(#k)"
d="M376.5 224h-256a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-240v-48h240zm0 0"
/>
<path fill="url(#l)" d="M112.5 336h96v16h-96zm0 0" />
<path fill="url(#m)" d="M112.5 368h96v16h-96zm0 0" />
<path fill="url(#n)" d="M112.5 400h96v16h-96zm0 0" />
<path fill="url(#o)" d="M112.5 432h96v16h-96zm0 0" />
<path
fill="url(#p)"
d="M376.5 336h-144a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zm-8 96h-128v-80h128zm0 0"
/>
</svg>
More icons in the same style and category