Add icons to this collection by clicking the heart icon.
Network icon - also known as interface, network, shapes, connector, share, social network, circles, multimedia, ui, and social media. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M204.8 12.8H39.325A30.79 30.79 0 0 0 8.533 43.592v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533H204.8a30.792 30.792 0 0 0 30.792-30.792V43.592A30.79 30.79 0 0 0 204.8 12.8z"
fill="#fff"
/>
<path
d="M472.675 12.8H307.2a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533h40.449a30.79 30.79 0 0 0 30.792-30.792V43.592A30.79 30.79 0 0 0 472.675 12.8z"
fill="#a4c2f7"
/>
<linearGradient
id="a"
x1="-48.711"
x2="-48.069"
y1="652.521"
y2="650.764"
gradientTransform="matrix(443.7334 0 0 -162.1333 21728.068 105746.875)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M447.075 12.8H64.925a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792h382.15a30.79 30.79 0 0 0 30.792-30.792V43.592A30.79 30.79 0 0 0 447.075 12.8z"
fill="url(#a)"
/>
<circle cx="89.6" cy="93.867" r="29.867" fill="#7facfa" />
<path
d="M72.809 65.473A8.74 8.74 0 0 1 64 75.365v36.873a9.024 9.024 0 0 1 2.844-.579 8.721 8.721 0 0 1 8.841 9.696 29.766 29.766 0 0 0-2.876-55.882z"
fill="#a4c2f7"
/>
<path
d="M204.8 174.933H39.325a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533H204.8a30.792 30.792 0 0 0 30.792-30.792v-100.55a30.79 30.79 0 0 0-30.792-30.792z"
fill="#fff"
/>
<path
d="M472.675 174.933H307.2a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533h40.449a30.79 30.79 0 0 0 30.792-30.792v-100.55a30.79 30.79 0 0 0-30.792-30.792z"
fill="#a4c2f7"
/>
<linearGradient
id="b"
x1="-48.711"
x2="-48.069"
y1="652.521"
y2="650.764"
gradientTransform="matrix(443.7334 0 0 -162.1333 21728.068 105909.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M447.075 174.933H64.925a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792h382.15a30.79 30.79 0 0 0 30.792-30.792v-100.55a30.79 30.79 0 0 0-30.792-30.792z"
fill="url(#b)"
/>
<circle cx="89.6" cy="256" r="29.867" fill="#7facfa" />
<path
d="M72.809 227.606A8.74 8.74 0 0 1 64 237.498v36.873a9.024 9.024 0 0 1 2.844-.579 8.721 8.721 0 0 1 8.841 9.696 29.763 29.763 0 0 0 18.143-28.948 29.764 29.764 0 0 0-21.019-26.934z"
fill="#a4c2f7"
/>
<path
d="M204.8 337.067H39.325a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533H204.8a30.792 30.792 0 0 0 30.792-30.792v-100.55a30.792 30.792 0 0 0-30.792-30.792z"
fill="#fff"
/>
<path
d="M472.675 337.067H307.2a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792s12.329-8.533 42.667-8.533a379.668 379.668 0 0 1 82.359 8.533h40.449a30.79 30.79 0 0 0 30.792-30.792v-100.55a30.792 30.792 0 0 0-30.792-30.792z"
fill="#a4c2f7"
/>
<linearGradient
id="c"
x1="-48.711"
x2="-48.069"
y1="652.521"
y2="650.764"
gradientTransform="matrix(443.7334 0 0 -162.1333 21728.068 106071.14)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M447.075 337.067H64.925a30.79 30.79 0 0 0-30.792 30.792v100.55a30.79 30.79 0 0 0 30.792 30.792h382.15a30.79 30.79 0 0 0 30.792-30.792v-100.55a30.792 30.792 0 0 0-30.792-30.792z"
fill="url(#c)"
/>
<circle cx="89.6" cy="418.133" r="29.867" fill="#7facfa" />
<path
d="M72.809 389.74A8.74 8.74 0 0 1 64 399.632v36.873a9.024 9.024 0 0 1 2.844-.579 8.725 8.725 0 0 1 8.841 9.696 29.766 29.766 0 0 0-2.876-55.882z"
fill="#a4c2f7"
/>
<path
d="M89.6 132.267c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4 38.4 17.192 38.4 38.4c-.023 21.198-17.202 38.377-38.4 38.4zm0-59.734c-11.782 0-21.333 9.551-21.333 21.333S77.818 115.2 89.6 115.2s21.333-9.551 21.333-21.333c-.012-11.777-9.556-21.321-21.333-21.334z"
fill="#428dff"
/>
<circle cx="426.667" cy="81.067" r="8.533" fill="#428dff" />
<circle cx="392.533" cy="81.067" r="8.533" fill="#428dff" />
<circle cx="443.733" cy="106.667" r="8.533" fill="#428dff" />
<circle cx="409.6" cy="106.667" r="8.533" fill="#428dff" />
<circle cx="358.4" cy="81.067" r="8.533" fill="#428dff" />
<circle cx="375.467" cy="106.667" r="8.533" fill="#428dff" />
<circle cx="324.267" cy="81.067" r="8.533" fill="#428dff" />
<circle cx="341.333" cy="106.667" r="8.533" fill="#428dff" />
<circle cx="290.133" cy="81.067" r="8.533" fill="#428dff" />
<circle cx="307.2" cy="106.667" r="8.533" fill="#428dff" />
<path
d="M472.675 183.467H39.325C17.617 183.442.025 165.85 0 144.142V43.592c.025-21.708 17.617-39.3 39.325-39.325h433.35c21.708.025 39.3 17.617 39.325 39.325v100.55c-.025 21.708-17.617 39.3-39.325 39.325zM39.325 21.333c-12.288.013-22.246 9.971-22.258 22.258v100.55c.013 12.288 9.971 22.246 22.258 22.258h433.35c12.288-.013 22.246-9.971 22.258-22.258V43.592c-.013-12.288-9.971-22.246-22.258-22.258H39.325zM89.6 294.4c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4S128 234.792 128 256c-.023 21.198-17.202 38.377-38.4 38.4zm0-59.733c-11.782 0-21.333 9.551-21.333 21.333 0 11.782 9.551 21.333 21.333 21.333s21.333-9.551 21.333-21.333c-.012-11.777-9.556-21.321-21.333-21.333z"
fill="#428dff"
/>
<circle cx="426.667" cy="243.2" r="8.533" fill="#428dff" />
<circle cx="392.533" cy="243.2" r="8.533" fill="#428dff" />
<circle cx="443.733" cy="268.8" r="8.533" fill="#428dff" />
<circle cx="409.6" cy="268.8" r="8.533" fill="#428dff" />
<circle cx="358.4" cy="243.2" r="8.533" fill="#428dff" />
<circle cx="375.467" cy="268.8" r="8.533" fill="#428dff" />
<circle cx="324.267" cy="243.2" r="8.533" fill="#428dff" />
<circle cx="341.333" cy="268.8" r="8.533" fill="#428dff" />
<circle cx="290.133" cy="243.2" r="8.533" fill="#428dff" />
<circle cx="307.2" cy="268.8" r="8.533" fill="#428dff" />
<path
d="M472.675 345.6H39.325C17.617 345.575.025 327.983 0 306.275v-100.55c.025-21.708 17.617-39.3 39.325-39.325h433.35c21.708.025 39.3 17.617 39.325 39.325v100.55c-.025 21.708-17.617 39.3-39.325 39.325zM39.325 183.467c-12.288.013-22.246 9.971-22.258 22.258v100.55c.013 12.288 9.971 22.246 22.258 22.258h433.35c12.288-.013 22.246-9.971 22.258-22.258v-100.55c-.013-12.288-9.971-22.246-22.258-22.258H39.325zM89.6 456.533c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4 38.4 17.192 38.4 38.4c-.023 21.199-17.202 38.377-38.4 38.4zm0-59.733c-11.782 0-21.333 9.551-21.333 21.333 0 11.782 9.551 21.333 21.333 21.333s21.333-9.551 21.333-21.333c-.012-11.777-9.556-21.321-21.333-21.333z"
fill="#428dff"
/>
<circle cx="426.667" cy="405.333" r="8.533" fill="#428dff" />
<circle cx="392.533" cy="405.333" r="8.533" fill="#428dff" />
<circle cx="443.733" cy="430.933" r="8.533" fill="#428dff" />
<circle cx="409.6" cy="430.933" r="8.533" fill="#428dff" />
<circle cx="358.4" cy="405.333" r="8.533" fill="#428dff" />
<circle cx="375.467" cy="430.933" r="8.533" fill="#428dff" />
<circle cx="324.267" cy="405.333" r="8.533" fill="#428dff" />
<circle cx="341.333" cy="430.933" r="8.533" fill="#428dff" />
<circle cx="290.133" cy="405.333" r="8.533" fill="#428dff" />
<circle cx="307.2" cy="430.933" r="8.533" fill="#428dff" />
<path
d="M472.675 507.733H39.325C17.617 507.708.025 490.117 0 468.408v-100.55c.025-21.708 17.617-39.3 39.325-39.325h433.35c21.708.025 39.3 17.617 39.325 39.325v100.55c-.025 21.709-17.617 39.3-39.325 39.325zM39.325 345.6c-12.288.013-22.246 9.971-22.258 22.258v100.55c.013 12.288 9.971 22.246 22.258 22.258h433.35c12.288-.013 22.246-9.971 22.258-22.258v-100.55c-.013-12.288-9.971-22.246-22.258-22.258H39.325z"
fill="#428dff"
/>
</svg>
More icons in the same style and category