Add icons to this collection by clicking the heart icon.
Wifi icon - also known as computer, wifi, electronics, device, hardware, router, wifi router, and router device. Created in a clean flat 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 32 32"
>
<linearGradient
id="a"
x1="21"
x2="27"
y1="13.5"
y2="13.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset="1" stop-color="#afafaf" />
</linearGradient>
<linearGradient id="b" x1="5" x2="11" href="#a" />
<linearGradient
id="c"
x1="2"
x2="30"
y1="21"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset=".48" stop-color="#72c1e8" />
<stop offset="1" stop-color="#0288d1" />
</linearGradient>
<linearGradient id="d" y1="5" y2="5" href="#a" />
<linearGradient id="e" x1="5" x2="11" y1="5" y2="5" href="#a" />
<g>
<path
fill="#455a64"
d="M8 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM24 30a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM24 12a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
d="M25 7v4a1 1 0 0 1-1 1V9a1 1 0 0 0-1-1V7a1 1 0 0 1 2 0z"
opacity=".15"
/>
<path
fill="#455a64"
d="M8 12a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
d="M9 7v4a1 1 0 0 1-1 1V9a1 1 0 0 0-1-1V7a1 1 0 0 1 2 0z"
opacity=".15"
/>
<path
fill="url(#a)"
d="M24 10a3 3 0 0 0-3 3v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a3 3 0 0 0-3-3z"
/>
<path
fill="url(#b)"
d="M8 10a3 3 0 0 0-3 3v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a3 3 0 0 0-3-3z"
/>
<g fill="#fff" opacity=".3">
<path
d="M23 17h-1a1 1 0 0 1-1-1v-3a3 3 0 0 1 3-3 2.07 2.07 0 0 1 .5.05A3 3 0 0 0 22 13v3a1 1 0 0 0 1 1zM7 17H6a1 1 0 0 1-1-1v-3a3 3 0 0 1 3-3 2.07 2.07 0 0 1 .5.05A3 3 0 0 0 6 13v3a1 1 0 0 0 1 1z"
/>
</g>
<path
d="M27 13v3a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1v-3a3 3 0 0 0-2.5-2.95A2.07 2.07 0 0 1 24 10a3 3 0 0 1 3 3zM11 13v3a1 1 0 0 1-1 1H9a1 1 0 0 0 1-1v-3a3 3 0 0 0-2.5-2.95A2.07 2.07 0 0 1 8 10a3 3 0 0 1 3 3z"
opacity=".15"
/>
<rect width="28" height="12" x="2" y="15" fill="url(#c)" rx="1" />
<path
fill="#fff"
d="M5 27H3a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1z"
opacity=".3"
/>
<path
d="M30 16v10a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1zM7 21H6a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM13 21h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM25 24a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM19 24a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
opacity=".15"
/>
<circle cx="13" cy="24" r="1" opacity=".15" />
<circle cx="10" cy="24" r="1" opacity=".15" />
<path d="M7 25H6a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" opacity=".15" />
<g fill="#fff">
<path
d="M7 20H6a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zM13 20h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM25 23a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM19 23a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
</g>
<circle cx="24" cy="5" r="3" fill="url(#d)" />
<circle cx="8" cy="5" r="3" fill="url(#e)" />
<g opacity=".15">
<path
d="M27 5a3 3 0 0 1-6 0 2.07 2.07 0 0 1 .05-.5 3 3 0 0 0 5.9 0A2.07 2.07 0 0 1 27 5zM11 5a3 3 0 0 1-6 0 2.07 2.07 0 0 1 0-.5 3 3 0 0 0 5.9 0 2.07 2.07 0 0 1 .1.5z"
/>
</g>
<circle cx="13" cy="23" r="1" fill="#fff" />
<circle cx="10" cy="23" r="1" fill="#fff" />
<path fill="#fff" d="M7 24H6a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category