Add icons to this collection by clicking the heart icon.
Touchpad icon - also known as technology, computer, keyboard, electronics, hardware, and touchpad. 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 120 120"
>
<g fill="none">
<path fill="url(#a)" d="M84 60V47H70v13h14Z" />
<path fill="url(#b)" d="M52 47h14v13H52V47Z" />
<path fill="url(#c)" d="M48 60V47H34v13h14Z" />
<path
fill="url(#d)"
fill-rule="evenodd"
d="M20 18c-5.523 0-10 4.477-10 10v61h100V28c0-5.523-4.477-10-10-10H20Zm12 61a2 2 0 0 1-2-2V64H19a2 2 0 1 1 0-4h11V47H19a2 2 0 1 1 0-4h11v-9a2 2 0 1 1 4 0v9h14v-9a2 2 0 1 1 4 0v9h14v-9a2 2 0 1 1 4 0v9h14v-9a2 2 0 1 1 4 0v9h12a2 2 0 1 1 0 4H88v13h12a2 2 0 1 1 0 4H88v13a2 2 0 1 1-4 0V64H70v13a2 2 0 1 1-4 0V64H34v13a2 2 0 0 1-2 2Zm9-6a2 2 0 0 1 2-2h14a2 2 0 1 1 0 4H43a2 2 0 0 1-2-2Z"
clip-rule="evenodd"
/>
<path fill="url(#e)" d="M110 93H62v10h38c5.523 0 10-4.477 10-10Z" />
<path fill="url(#f)" d="M58 103V93H10c0 5.523 4.477 10 10 10h38Z" />
<defs>
<linearGradient
id="a"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
<linearGradient
id="b"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
<linearGradient
id="c"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
<linearGradient
id="d"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
<linearGradient
id="e"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
<linearGradient
id="f"
x1="60"
x2="60"
y1="18"
y2="103"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#C95A5A" />
<stop offset="1" stop-color="#9D3434" />
</linearGradient>
</defs>
</g>
</svg>
More icons in the same style and category