Add icons to this collection by clicking the heart icon.
Mouse icon - also known as computer, mouse, digital, electronics, equipment, device, hardware, and parts. 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 32 32"
>
<linearGradient
id="a"
x1="7"
x2="25"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset="1" stop-color="#72c1e8" />
</linearGradient>
<linearGradient
id="b"
x1="13"
x2="19"
y1="12.5"
y2="12.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset="1" stop-color="#f0c020" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M25 15v6a9 9 0 0 1-7 8.77 8.35 8.35 0 0 1-1 .17 8.36 8.36 0 0 1-2 0A9 9 0 0 1 7 21v-6a9 9 0 0 1 8-8.94 8.36 8.36 0 0 1 2 0A9 9 0 0 1 25 15z"
/>
<path
fill="#fff"
d="M17 29.94a8.36 8.36 0 0 1-2 0A9 9 0 0 1 7 21v-6a9 9 0 0 1 8-8.94 8.36 8.36 0 0 1 2 0A9 9 0 0 0 9 15v6a9 9 0 0 0 8 8.94z"
opacity=".3"
/>
<path
d="M25 15v6a9 9 0 0 1-7 8.77 8.35 8.35 0 0 1-1 .17 8.36 8.36 0 0 1-2 0 8.35 8.35 0 0 0 1-.17 8.23 8.23 0 0 0 2-.72 9 9 0 0 0 5-8V15a9 9 0 0 0-5-8 8.23 8.23 0 0 0-2-.72 8.35 8.35 0 0 0-1-.17 8.36 8.36 0 0 1 2 0 8.35 8.35 0 0 1 1 .17A9 9 0 0 1 25 15z"
opacity=".15"
/>
<g opacity=".15">
<path d="M7 18h18v2H7z" />
<circle cx="17" cy="22" r="1" />
<circle cx="17" cy="25" r="1" />
<path
d="M18 28v1.77a8.35 8.35 0 0 1-1 .17 8.26 8.26 0 0 1-1 .06v-2a1 1 0 0 1 2 0zM18 7v3a1 1 0 0 1-2 0V6.23A8.23 8.23 0 0 1 18 7z"
/>
</g>
<g fill="#fff">
<path d="M7 17h18v2H7z" />
<path d="M16 19a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z" />
<circle cx="16" cy="21" r="1" />
<circle cx="16" cy="24" r="1" />
<path d="M17 27v2.94a8.36 8.36 0 0 1-2 0V27a1 1 0 0 1 2 0z" />
</g>
<path
fill="#455a64"
d="M17 3v3.06a8.36 8.36 0 0 0-2 0V3a1 1 0 0 1 2 0z"
/>
<path
fill="#fff"
d="M17 6.06V9a1 1 0 0 1-2 0V6.06a8.36 8.36 0 0 1 2 0z"
/>
<path
d="M17 10a3 3 0 0 0-3 3v1a3 3 0 0 0 6 0v-1a3 3 0 0 0-3-3z"
opacity=".15"
/>
<path
fill="url(#b)"
d="M16 9a3 3 0 0 0-3 3v1a3 3 0 0 0 6 0v-1a3 3 0 0 0-3-3z"
/>
<path
d="M16.5 16a2.07 2.07 0 0 1-.5 0 3 3 0 0 1-3-3v-1a3 3 0 0 1 3-3 2.07 2.07 0 0 1 .5.05A3 3 0 0 0 14 12v1a3 3 0 0 0 2.5 3z"
opacity=".14"
/>
<path
fill="#fff"
d="M19 12v1a3 3 0 0 1-3 3 2.07 2.07 0 0 1-.5-.05A3 3 0 0 0 18 13v-1a3 3 0 0 0-2.5-2.95A2.07 2.07 0 0 1 16 9a3 3 0 0 1 3 3z"
opacity=".3"
/>
</g>
</svg>
More icons in the same style and category