mouse icon
mouse from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- mouse
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
mouseBootstrap IconsmouseBoxIcons v2mouseBoxIcons v2 SolidmouseEmoji One (Colored)mouseElement PlusmouseFont Awesome SolidmouseFluent EmojimouseFluent Emoji FlatmouseFluent Emoji High ContrastmouseFirefox OS Emojimousecss.ggmouseIconParkmouseIconPark OutlinemouseIconPark SolidmouseIconPark TwoTonemouseLine AwesomemouseLucidemouseMage IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute IconmouseNoto Emoji
Use the mouse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-.46 0-.917.011-1.376.015l5.747.057A147.44 147.44 0 0 0 256 32z" fill="currentColor"/><path d="M378.553 193.211c-.195.064-.414.16-.619.269-34.234 13.289-76.337 22.52-121.886 22.475-45.52-.076-87.626-9.398-121.81-22.772a4.153 4.153 0 0 0-.647-.265c-1.531-.554-3.146-.897-4.841-.917-.254-.001-.5-.013-.75 0v176.012C128 429.892 185.308 480 256 480c21.992 0 42.687-4.803 60.766-13.355.095-.045.191-.087.286-.133l.08-.039a141.38 141.38 0 0 0 14.122-7.828C363.219 438.275 384 405.271 384 368.012V192c-.191-.008-.496 0-.689 0-1.727.014-3.219.651-4.758 1.211zm-61.421 273.213l-.08.039-.286.133.286-.133.08-.039a141.155 141.155 0 0 0 14.122-7.825 131.95 131.95 0 0 1-14.122 7.825z" fill="currentColor"/><path d="M331.254 458.599a141.155 141.155 0 0 1-14.122 7.825 131.95 131.95 0 0 0 14.122-7.825z" fill="currentColor"/><path d="M260.371 32.072l-5.747-.057C184.566 32.662 128 82.547 128 144v22.708a31.748 31.748 0 0 0 7.251 5.115c.673.337 1.386.659 2.059.996.032.027.077.01.109.036 22.757 10.35 51.429 15.801 83.415 19.006.694.078 1.397.107 2.148.12 11.258.016 17.014.019 17.018-10.57V96c0-8.836 7.164-16 16-16s16 7.164 16 16v86.328c-.088 9.672 5.926 9.72 17.2 9.749a31.112 31.112 0 0 0 2.081-.105c.062-.003.141.005.244-.02 31.682-3.119 60.143-8.405 82.808-18.59 1.162-.545 2.291-1.056 3.407-1.581a32.006 32.006 0 0 0 6.26-4.466V144c0-60.575-54.961-109.91-123.629-111.928z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-.46 0-.917.011-1.376.015l5.747.057A147.44 147.44 0 0 0 256 32z" fill="currentColor"/><path d="M378.553 193.211c-.195.064-.414.16-.619.269-34.234 13.289-76.337 22.52-121.886 22.475-45.52-.076-87.626-9.398-121.81-22.772a4.153 4.153 0 0 0-.647-.265c-1.531-.554-3.146-.897-4.841-.917-.254-.001-.5-.013-.75 0v176.012C128 429.892 185.308 480 256 480c21.992 0 42.687-4.803 60.766-13.355.095-.045.191-.087.286-.133l.08-.039a141.38 141.38 0 0 0 14.122-7.828C363.219 438.275 384 405.271 384 368.012V192c-.191-.008-.496 0-.689 0-1.727.014-3.219.651-4.758 1.211zm-61.421 273.213l-.08.039-.286.133.286-.133.08-.039a141.155 141.155 0 0 0 14.122-7.825 131.95 131.95 0 0 1-14.122 7.825z" fill="currentColor"/><path d="M331.254 458.599a141.155 141.155 0 0 1-14.122 7.825 131.95 131.95 0 0 0 14.122-7.825z" fill="currentColor"/><path d="M260.371 32.072l-5.747-.057C184.566 32.662 128 82.547 128 144v22.708a31.748 31.748 0 0 0 7.251 5.115c.673.337 1.386.659 2.059.996.032.027.077.01.109.036 22.757 10.35 51.429 15.801 83.415 19.006.694.078 1.397.107 2.148.12 11.258.016 17.014.019 17.018-10.57V96c0-8.836 7.164-16 16-16s16 7.164 16 16v86.328c-.088 9.672 5.926 9.72 17.2 9.749a31.112 31.112 0 0 0 2.081-.105c.062-.003.141.005.244-.02 31.682-3.119 60.143-8.405 82.808-18.59 1.162-.545 2.291-1.056 3.407-1.581a32.006 32.006 0 0 0 6.26-4.466V144c0-60.575-54.961-109.91-123.629-111.928z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 32c-.46 0-.917.011-1.376.015l5.747.057A147.44 147.44 0 0 0 256 32z" fill="currentColor"/><path d="M378.553 193.211c-.195.064-.414.16-.619.269-34.234 13.289-76.337 22.52-121.886 22.475-45.52-.076-87.626-9.398-121.81-22.772a4.153 4.153 0 0 0-.647-.265c-1.531-.554-3.146-.897-4.841-.917-.254-.001-.5-.013-.75 0v176.012C128 429.892 185.308 480 256 480c21.992 0 42.687-4.803 60.766-13.355.095-.045.191-.087.286-.133l.08-.039a141.38 141.38 0 0 0 14.122-7.828C363.219 438.275 384 405.271 384 368.012V192c-.191-.008-.496 0-.689 0-1.727.014-3.219.651-4.758 1.211zm-61.421 273.213l-.08.039-.286.133.286-.133.08-.039a141.155 141.155 0 0 0 14.122-7.825 131.95 131.95 0 0 1-14.122 7.825z" fill="currentColor"/><path d="M331.254 458.599a141.155 141.155 0 0 1-14.122 7.825 131.95 131.95 0 0 0 14.122-7.825z" fill="currentColor"/><path d="M260.371 32.072l-5.747-.057C184.566 32.662 128 82.547 128 144v22.708a31.748 31.748 0 0 0 7.251 5.115c.673.337 1.386.659 2.059.996.032.027.077.01.109.036 22.757 10.35 51.429 15.801 83.415 19.006.694.078 1.397.107 2.148.12 11.258.016 17.014.019 17.018-10.57V96c0-8.836 7.164-16 16-16s16 7.164 16 16v86.328c-.088 9.672 5.926 9.72 17.2 9.749a31.112 31.112 0 0 0 2.081-.105c.062-.003.141.005.244-.02 31.682-3.119 60.143-8.405 82.808-18.59 1.162-.545 2.291-1.056 3.407-1.581a32.006 32.006 0 0 0 6.26-4.466V144c0-60.575-54.961-109.91-123.629-111.928z" fill="currentColor"/></svg> </template>
CSS
.icon-mouse {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-.46%200-.917.011-1.376.015l5.747.057A147.44%20147.44%200%200%200%20256%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M378.553%20193.211c-.195.064-.414.16-.619.269-34.234%2013.289-76.337%2022.52-121.886%2022.475-45.52-.076-87.626-9.398-121.81-22.772a4.153%204.153%200%200%200-.647-.265c-1.531-.554-3.146-.897-4.841-.917-.254-.001-.5-.013-.75%200v176.012C128%20429.892%20185.308%20480%20256%20480c21.992%200%2042.687-4.803%2060.766-13.355.095-.045.191-.087.286-.133l.08-.039a141.38%20141.38%200%200%200%2014.122-7.828C363.219%20438.275%20384%20405.271%20384%20368.012V192c-.191-.008-.496%200-.689%200-1.727.014-3.219.651-4.758%201.211zm-61.421%20273.213l-.08.039-.286.133.286-.133.08-.039a141.155%20141.155%200%200%200%2014.122-7.825%20131.95%20131.95%200%200%201-14.122%207.825z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M331.254%20458.599a141.155%20141.155%200%200%201-14.122%207.825%20131.95%20131.95%200%200%200%2014.122-7.825z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.371%2032.072l-5.747-.057C184.566%2032.662%20128%2082.547%20128%20144v22.708a31.748%2031.748%200%200%200%207.251%205.115c.673.337%201.386.659%202.059.996.032.027.077.01.109.036%2022.757%2010.35%2051.429%2015.801%2083.415%2019.006.694.078%201.397.107%202.148.12%2011.258.016%2017.014.019%2017.018-10.57V96c0-8.836%207.164-16%2016-16s16%207.164%2016%2016v86.328c-.088%209.672%205.926%209.72%2017.2%209.749a31.112%2031.112%200%200%200%202.081-.105c.062-.003.141.005.244-.02%2031.682-3.119%2060.143-8.405%2082.808-18.59%201.162-.545%202.291-1.056%203.407-1.581a32.006%2032.006%200%200%200%206.26-4.466V144c0-60.575-54.961-109.91-123.629-111.928z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-.46%200-.917.011-1.376.015l5.747.057A147.44%20147.44%200%200%200%20256%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M378.553%20193.211c-.195.064-.414.16-.619.269-34.234%2013.289-76.337%2022.52-121.886%2022.475-45.52-.076-87.626-9.398-121.81-22.772a4.153%204.153%200%200%200-.647-.265c-1.531-.554-3.146-.897-4.841-.917-.254-.001-.5-.013-.75%200v176.012C128%20429.892%20185.308%20480%20256%20480c21.992%200%2042.687-4.803%2060.766-13.355.095-.045.191-.087.286-.133l.08-.039a141.38%20141.38%200%200%200%2014.122-7.828C363.219%20438.275%20384%20405.271%20384%20368.012V192c-.191-.008-.496%200-.689%200-1.727.014-3.219.651-4.758%201.211zm-61.421%20273.213l-.08.039-.286.133.286-.133.08-.039a141.155%20141.155%200%200%200%2014.122-7.825%20131.95%20131.95%200%200%201-14.122%207.825z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M331.254%20458.599a141.155%20141.155%200%200%201-14.122%207.825%20131.95%20131.95%200%200%200%2014.122-7.825z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.371%2032.072l-5.747-.057C184.566%2032.662%20128%2082.547%20128%20144v22.708a31.748%2031.748%200%200%200%207.251%205.115c.673.337%201.386.659%202.059.996.032.027.077.01.109.036%2022.757%2010.35%2051.429%2015.801%2083.415%2019.006.694.078%201.397.107%202.148.12%2011.258.016%2017.014.019%2017.018-10.57V96c0-8.836%207.164-16%2016-16s16%207.164%2016%2016v86.328c-.088%209.672%205.926%209.72%2017.2%209.749a31.112%2031.112%200%200%200%202.081-.105c.062-.003.141.005.244-.02%2031.682-3.119%2060.143-8.405%2082.808-18.59%201.162-.545%202.291-1.056%203.407-1.581a32.006%2032.006%200%200%200%206.26-4.466V144c0-60.575-54.961-109.91-123.629-111.928z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/mouse.svg?color=%231a73e8&size=48
