mouse icon

mouse from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.

Name
mouse
Set
Majesticons
Style
Solid
Viewbox
24×24
License
MIT

1 other variant in Majesticons

mouse-line

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 TwoTonemouseIonIconsmouseLine AwesomemouseLucidemouseMage IconsmouseMaterial 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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11 2.07A7 7 0 0 0 5 9v1h6zM5 12v3a7 7 0 1 0 14 0v-3zm14-2V9a7 7 0 0 0-6-6.93V10z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MajesticonsMouse(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M11 2.07A7 7 0 0 0 5 9v1h6zM5 12v3a7 7 0 1 0 14 0v-3zm14-2V9a7 7 0 0 0-6-6.93V10z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11 2.07A7 7 0 0 0 5 9v1h6zM5 12v3a7 7 0 1 0 14 0v-3zm14-2V9a7 7 0 0 0-6-6.93V10z" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11%202.07A7%207%200%200%200%205%209v1h6zM5%2012v3a7%207%200%201%200%2014%200v-3zm14-2V9a7%207%200%200%200-6-6.93V10z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11%202.07A7%207%200%200%200%205%209v1h6zM5%2012v3a7%207%200%201%200%2014%200v-3zm14-2V9a7%207%200%200%200-6-6.93V10z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/mouse.svg?color=%231a73e8&size=48