Add icons to this collection by clicking the heart icon.
Usb Port icon - also known as technology, connection, usb, cable, plug, port, electronics, and usb port. Created in a clean lineal color style with a white, gray, teal, and navy 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="M469.333 106.667H42.667C19.146 106.667 0 125.802 0 149.333v213.333c0 23.531 19.146 42.667 42.667 42.667h426.667c23.521 0 42.667-19.135 42.667-42.667V149.333c-.001-23.531-19.147-42.666-42.668-42.666z"
fill="#303c42"
/>
<path
d="M490.667 362.667c0 11.76-9.563 21.333-21.333 21.333H42.667c-11.771 0-21.333-9.573-21.333-21.333V149.333c0-11.76 9.563-21.333 21.333-21.333h426.667c11.771 0 21.333 9.573 21.333 21.333v213.334z"
fill="#e6e6e6"
/>
<path
d="M416 170.667H96c-17.646 0-32 14.354-32 32v106.667c0 17.646 14.354 32 32 32h320c17.646 0 32-14.354 32-32V202.667c0-17.646-14.354-32-32-32z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-37.165"
x2="-26.501"
y1="636.937"
y2="626.273"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M441.401 183.422h-.001c4.082 5.372 6.6 11.992 6.6 19.245v106.667c0 17.646-14.354 32-32 32H96c-8.354 0-15.906-3.292-21.611-8.552L125.608 384h343.725c11.771 0 21.333-9.573 21.333-21.333V232.688l-49.265-49.266z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.645"
x2="-22.761"
y1="640.052"
y2="628.916"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 106.667H42.667C19.146 106.667 0 125.802 0 149.333v213.333c0 23.531 19.146 42.667 42.667 42.667h426.667c23.521 0 42.667-19.135 42.667-42.667V149.333c-.001-23.531-19.147-42.666-42.668-42.666z"
fill="url(#b)"
/>
<path
d="M426.667 309.333c0 5.885-4.792 10.667-10.667 10.667H96c-5.875 0-10.667-4.781-10.667-10.667V202.667C85.333 196.781 90.125 192 96 192h320c5.875 0 10.667 4.781 10.667 10.667v106.666z"
fill="#303c42"
/>
<linearGradient
id="c"
x1="-40.056"
x2="-29.35"
y1="639.838"
y2="629.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".5" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M426.667 309.333c0 5.885-4.792 10.667-10.667 10.667H96c-5.875 0-10.667-4.781-10.667-10.667V202.667C85.333 196.781 90.125 192 96 192h320c5.875 0 10.667 4.781 10.667 10.667v106.666z"
fill="url(#c)"
/>
<path
d="M416 308.454H96c-5.875 0-10.667-4.781-10.667-10.667v11.546C85.333 315.219 90.125 320 96 320h320c5.875 0 10.667-4.781 10.667-10.667v-11.546c0 5.886-4.792 10.667-10.667 10.667z"
opacity=".2"
fill="#fff"
/>
<path
d="M394.667 213.333H117.333A10.66 10.66 0 0 0 106.666 224v42.667a10.66 10.66 0 0 0 10.667 10.667h32A10.66 10.66 0 0 0 160 288.001a10.66 10.66 0 0 0 10.667-10.667h42.667a10.66 10.66 0 0 0 10.667 10.667 10.66 10.66 0 0 0 10.667-10.667h42.667a10.66 10.66 0 0 0 10.667 10.667 10.66 10.66 0 0 0 10.667-10.667h42.667a10.66 10.66 0 0 0 10.667 10.667 10.66 10.66 0 0 0 10.667-10.667h32a10.66 10.66 0 0 0 10.667-10.667V224c-.004-5.896-4.774-10.667-10.67-10.667z"
fill="#999"
/>
<path d="M128 234.667h256V256H128z" fill="#01579b" />
<path d="M128 234.667h256v9.792H128z" opacity=".2" fill="#fff" />
</svg>
More icons in the same style and category