Add icons to this collection by clicking the heart icon.
Web icon - also known as internet, web, gear, development, website, worldwide, browser, upgrade, optimization, and seo and web. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="9.585"
x2="74.918"
y1="74.798"
y2="10.798"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="-7.252"
x2="58.081"
y1="57.611"
y2="-6.389"
href="#a"
/>
<linearGradient
id="c"
x1="1.045"
x2="66.378"
y1="66.08"
y2="2.08"
href="#a"
/>
<linearGradient
id="d"
x1="1.288"
x2="66.621"
y1="66.328"
y2="2.328"
href="#a"
/>
<linearGradient
id="e"
x1="9.413"
x2="74.746"
y1="74.623"
y2="10.623"
href="#a"
/>
<linearGradient
id="f"
x1="-7.08"
x2="58.253"
y1="57.786"
y2="-6.214"
href="#a"
/>
<linearGradient
id="g"
x1="12.947"
x2="78.28"
y1="78.231"
y2="14.231"
href="#a"
/>
<linearGradient
id="h"
x1="-10.615"
x2="54.719"
y1="54.178"
y2="-9.822"
href="#a"
/>
<linearGradient
id="i"
x1="1.166"
x2="66.5"
y1="66.204"
y2="2.204"
href="#a"
/>
<linearGradient
id="j"
x1="-.543"
x2="64.79"
y1="64.46"
y2=".46"
href="#a"
/>
<linearGradient
id="k"
x1="-7.465"
x2="57.869"
y1="57.394"
y2="-6.606"
href="#a"
/>
<linearGradient
id="l"
x1="-5.506"
x2="59.828"
y1="59.393"
y2="-4.607"
href="#a"
/>
<linearGradient
id="m"
x1="-3.547"
x2="61.786"
y1="61.393"
y2="-2.607"
href="#a"
/>
<linearGradient
id="n"
x1="-17.014"
x2="48.32"
y1="47.646"
y2="-16.354"
href="#a"
/>
<linearGradient
id="o"
x1="-11.831"
x2="53.502"
y1="52.936"
y2="-11.064"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M35 57h-6a1 1 0 0 1-1-1v-6.32a1 1 0 0 1 2 0V55h4v-5.32a1 1 0 0 1 2 0V56a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M35 23.32a1 1 0 0 1-1-1V17h-4v5.32a1 1 0 0 1-2 0V16a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6.32a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M43.79 29.45a1 1 0 0 1-.707-1.707l3.763-3.763-2.826-2.826-3.763 3.763a1 1 0 1 1-1.414-1.417l4.469-4.47a1 1 0 0 1 1.415 0l4.24 4.24a1 1 0 0 1 0 1.414l-4.47 4.47a.993.993 0 0 1-.707.296z"
/>
<path
fill="url(#d)"
d="M19.98 53.26a1 1 0 0 1-.707-.293l-4.24-4.24a1 1 0 0 1 0-1.414l4.47-4.47a1 1 0 1 1 1.414 1.414l-3.763 3.763 2.826 2.826 3.763-3.763a1 1 0 0 1 1.414 1.417l-4.47 4.47a1 1 0 0 1-.707.29z"
/>
<path
fill="url(#e)"
d="M52 40h-6.32a1 1 0 0 1 0-2H51v-4h-5.32a1 1 0 0 1 0-2H52a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M18.32 40H12a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6.32a1 1 0 0 1 0 2H13v4h5.32a1 1 0 0 1 0 2z"
/>
<path
fill="url(#g)"
d="M44.02 53.26a1 1 0 0 1-.708-.293L38.843 48.5a1 1 0 1 1 1.414-1.414l3.763 3.763 2.826-2.826-3.763-3.763a1 1 0 1 1 1.417-1.417l4.47 4.47a1 1 0 0 1 0 1.414l-4.24 4.24a1 1 0 0 1-.71.293z"
/>
<path
fill="url(#h)"
d="M20.21 29.45a.993.993 0 0 1-.707-.293l-4.47-4.47a1 1 0 0 1 0-1.414l4.24-4.24a1 1 0 0 1 1.414 0l4.47 4.47a1 1 0 0 1-1.414 1.414l-3.763-3.763-2.826 2.826 3.763 3.763a1 1 0 0 1-.707 1.707z"
/>
<path
fill="url(#i)"
d="M32 51a15 15 0 1 1 15-15 15.017 15.017 0 0 1-15 15zm0-28a13 13 0 1 0 13 13 13.015 13.015 0 0 0-13-13z"
/>
<path
fill="url(#i)"
d="M32 46a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10zm0-18a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8z"
/>
<path
fill="url(#j)"
d="M59 63H5a1 1 0 0 1-1-1V4a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v58a1 1 0 0 1-1 1zM6 61h52V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"
/>
<circle cx="45" cy="6" r="1" fill="url(#k)" />
<circle cx="49" cy="6" r="1" fill="url(#l)" />
<circle cx="53" cy="6" r="1" fill="url(#m)" />
<path fill="url(#n)" d="M40 7H11a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#o)" d="M59 11H5a1 1 0 0 1 0-2h54a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category