Add icons to this collection by clicking the heart icon.
Router icon - also known as computer, modem, connectivity, electronics, gateway, communications, router, wireless router, wifi router, and access point. Created in a clean flat gradient style with a white, silver, gray, yellow, and orange 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 64 64"
>
<linearGradient
id="b"
x1="16.133"
x2="26.174"
y1="18.742"
y2="28.735"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbfbfb" />
<stop offset=".037" stop-color="#fafafa" />
<stop offset=".957" stop-color="#dfe2e8" />
</linearGradient>
<linearGradient
id="a"
x1="15.526"
x2="23.143"
y1="31.281"
y2="34.095"
gradientUnits="userSpaceOnUse"
>
<stop offset=".135" stop-color="#d0daf7" />
<stop offset=".39" stop-color="#c5d0f4" />
<stop offset=".841" stop-color="#a7b6ed" />
<stop offset=".971" stop-color="#9dadea" />
</linearGradient>
<linearGradient
id="c"
x1="16.401"
x2="44.872"
y1="34.931"
y2="44.183"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbfbfb" />
<stop offset=".957" stop-color="#dfe2e8" />
</linearGradient>
<linearGradient
id="d"
x1="29.054"
x2="32.927"
y1="27.871"
y2="30.118"
gradientUnits="userSpaceOnUse"
>
<stop offset=".116" stop-color="#97d895" />
<stop offset=".368" stop-color="#82cd80" />
<stop offset=".742" stop-color="#68c067" />
<stop offset=".964" stop-color="#5ebb5d" />
</linearGradient>
<linearGradient
id="e"
x1="31.619"
x2="38.064"
y1="23.527"
y2="28.266"
href="#a"
/>
<linearGradient
id="f"
x1="32.169"
x2="41.657"
y1="19.713"
y2="27.059"
href="#a"
/>
<linearGradient
id="g"
x1="33.031"
x2="45.139"
y1="15.462"
y2="25.921"
href="#a"
/>
<path
fill="url(#b)"
d="M21 14a3.003 3.003 0 0 0-3 3v14a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V17a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="#9dadea"
d="M23 44h-6a1 1 0 0 0-1 1v2a3.003 3.003 0 0 0 3 3h2a3.003 3.003 0 0 0 3-3v-2a1 1 0 0 0-1-1z"
/>
<path
fill="#dfe2e8"
d="M24 24.51V31a1.003 1.003 0 0 1-1 1h-4a1.003 1.003 0 0 1-1-1v-3.2c1.86-.32 4.56-1.14 6-3.29z"
/>
<path
fill="#9dadea"
d="M47 44h-6a1 1 0 0 0-1 1v2a3.003 3.003 0 0 0 3 3h2a3.003 3.003 0 0 0 3-3v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#a)"
d="M23 30h-4a3.003 3.003 0 0 0-3 3v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2a3.003 3.003 0 0 0-3-3z"
/>
<rect width="40" height="12" x="12" y="34" fill="url(#c)" rx="5" />
<path
fill="#dfe2e8"
d="M52 39v2a5.002 5.002 0 0 1-5 5H17a4.99 4.99 0 0 1-3.94-1.93c7.18.17 31.12.19 38.66-6.73A5.072 5.072 0 0 1 52 39z"
/>
<path fill="#9dadea" d="M25 41h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="#e86b53" d="M47 41h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#5ebb5d" d="M42 41h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#fddf63" d="M37 41h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<circle cx="31" cy="29" r="3" fill="url(#d)" />
<path
fill="url(#e)"
d="M37 30a1 1 0 0 1-1-1 5.006 5.006 0 0 0-5-5 1 1 0 0 1 0-2 7.008 7.008 0 0 1 7 7 1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M41 30a1 1 0 0 1-1-1 9.01 9.01 0 0 0-9-9 1 1 0 0 1 0-2 11.012 11.012 0 0 1 11 11 1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M45 30a1 1 0 0 1-1-1 13.014 13.014 0 0 0-13-13 1 1 0 0 1 0-2 15.017 15.017 0 0 1 15 15 1 1 0 0 1-1 1z"
/>
<g fill="#fff">
<path
d="M21 21a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM21 26a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category