Add icons to this collection by clicking the heart icon.
Computer Mouse icon - also known as technology, mouse, electronic, computer mouse, mouse clicker, electronics, computing, technological, clicker, and user interface. Created in a clean 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="22"
x2="22"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="42"
x2="42"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="33.565"
x2="33.565"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="39.418"
x2="39.418"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="40.983"
x2="40.983"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="36.492"
x2="36.492"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="18"
x2="18"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="46"
x2="46"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M26 20.007h12a2 2 0 0 0 0-4H26a2 2 0 0 0 0 4z" />
<path
fill="url(#c)"
d="M18 28.007a2 2 0 0 0 2-2c0-3.309 2.691-6 6-6a2 2 0 0 0 0-4c-5.514 0-10 4.486-10 10a2 2 0 0 0 2 2z"
/>
<path
fill="url(#d)"
d="M36 18.007a2 2 0 0 0 2 2c3.309 0 6 2.691 6 6a2 2 0 0 0 4 0c0-5.514-4.486-10-10-10a2 2 0 0 0-2 2z"
/>
<path
fill="url(#b)"
d="M32 58.007c8.673 0 16-7.327 16-16a2 2 0 0 0-4 0c0 6.505-5.495 12-12 12s-12-5.495-12-12a2 2 0 0 0-4 0c0 8.673 7.327 16 16 16z"
/>
<path
fill="url(#e)"
d="M36.181 11.609a1.982 1.982 0 0 0-1.484-.251A5.966 5.966 0 0 0 30 17.214a2 2 0 0 0 4 0c0-.944.644-1.747 1.565-1.952a1.989 1.989 0 0 0 1.239-.862c.284-.435.4-.978.278-1.525a1.99 1.99 0 0 0-.901-1.266z"
/>
<path
fill="url(#f)"
d="M40.983 6.799a2 2 0 0 0-2 2c0 .944-.644 1.747-1.565 1.952a1.992 1.992 0 0 0-1.237.858 1.987 1.987 0 0 0 .624 2.791c.311.191.669.304 1.046.304.144 0 .29-.016.437-.048A5.965 5.965 0 0 0 42.984 8.8a2.002 2.002 0 0 0-2.001-2.001z"
/>
<path
fill="url(#g)"
d="M40.983 10.799a2 2 0 0 0 2-2v-.792a2 2 0 0 0-4 0v.792a2 2 0 0 0 2 2z"
/>
<path
fill="url(#h)"
d="M35.129 15.311c.145 0 .29-.016.437-.048l2.722-.606a2 2 0 0 0-.869-3.904l-2.722.606a2 2 0 0 0 .432 3.952z"
/>
<path
fill="url(#b)"
d="M32 20.007a2 2 0 0 0 2-2v-.792a2 2 0 0 0-4 0v.792a2 2 0 0 0 2 2zM32 34.007a2 2 0 0 0 2-2v-6a2 2 0 0 0-4 0v6a2 2 0 0 0 2 2z"
/>
<path
fill="url(#i)"
d="M18 44.007a2 2 0 0 0 2-2v-16a2 2 0 0 0-4 0v16a2 2 0 0 0 2 2z"
/>
<path
fill="url(#j)"
d="M46 44.007a2 2 0 0 0 2-2v-16a2 2 0 0 0-4 0v16a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category