Mouse Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Mouse icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/320393.svg" alt="Mouse icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320393.svg" alt="Mouse icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320393.svg" alt="Mouse icon" :width="24" :height="24" />
CSS background
.icon-mouse {
background-image: url('https://proicons.com/icon/320393.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path id="mouse" d="M16,29.3604c-4.5317,0-8.3599-3.8291-8.3599-8.3604v-10c0-4.5317,3.8281-8.3599,8.3599-8.3599s8.3604,3.8281,8.3604,8.3599v10c0,4.5312-3.8291,8.3604-8.3604,8.3604ZM15.6401,3.3687c-3.9824.1958-7.2803,3.6108-7.2803,7.6313v10c0,4.1416,3.499,7.6396,7.6401,7.6396s7.6396-3.498,7.6396-7.6396v-10c0-4.0205-3.2979-7.4355-7.2798-7.6313v3.3091c1.0005.2261,1.0005,1.4072,1.0005,1.8223v3c0,.415,0,1.5962-1.0005,1.8223v3.6777h-.7197v-3.6777c-1-.2261-1-1.4072-1-1.8223v-3c0-.415,0-1.5962,1-1.8223v-3.3091ZM16,7.3599c-.3374,0-.6401.0874-.6401,1.1401v3c0,1.0527.3027,1.1401.6401,1.1401s.6401-.0874.6401-1.1401v-3c0-1.0527-.3027-1.1401-.6401-1.1401Z"/>
<rect id="Transparent_Rectangle" data-name="Transparent Rectangle" class="cls-1" width="32" height="32"/>
</svg>
Mouse in other icon packs
Copied!