Add icons to this collection by clicking the heart icon.
Socket icon - also known as computer, electronic, device, socket, ethernet, and tehcnology. Created in a clean flat gradient style with a white 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 32 32"
>
<linearGradient
id="a"
x1="2"
x2="30"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset=".48" stop-color="#afafaf" />
<stop offset="1" stop-color="#616161" />
</linearGradient>
<linearGradient
id="b"
x1="5"
x2="27"
y1="15.5"
y2="15.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset="1" stop-color="#72c1e8" />
</linearGradient>
<g>
<rect width="28" height="26" x="2" y="3" fill="url(#a)" rx="1" />
<path
d="M5 29H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1z"
opacity=".14"
/>
<path
fill="#fff"
d="M30 4v24a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".46"
/>
<path
fill="url(#b)"
d="M27 13v11a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h3v-2a1 1 0 0 1 1-1h2V7a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1v2h3a1 1 0 0 1 1 1z"
/>
<path
d="M7 13v11a1 1 0 0 0 1 1H6a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1zM10 9h2a1 1 0 0 0-1 1v2H9v-2a1 1 0 0 1 1-1zM15 6a1 1 0 0 0-1 1v2h-2V7a1 1 0 0 1 1-1z"
opacity=".14"
/>
<g fill="#fff">
<path
d="M20 7v2h-2V7a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1zM23 10v2h-2v-2a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1zM27 13v11a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".31"
/>
<path
d="M11 17v8H9v-8a1 1 0 0 1 2 0zM15 17v8h-2v-8a1 1 0 0 1 2 0zM19 20v5h-2v-5a1 1 0 0 1 2 0zM23 20v5h-2v-5a1 1 0 0 1 2 0z"
/>
<circle cx="22" cy="17" r="1" />
<circle cx="18" cy="17" r="1" />
<circle cx="4" cy="27" r="1" />
<circle cx="7" cy="27" r="1" />
<circle cx="25" cy="27" r="1" />
<circle cx="28" cy="27" r="1" />
<circle cx="4" cy="5" r="1" />
<circle cx="7" cy="5" r="1" />
<circle cx="25" cy="5" r="1" />
<circle cx="28" cy="5" r="1" />
</g>
</g>
</svg>
More icons in the same style and category