mouse icon

mouse-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.

Name
mouse-solid
Set
Teenyicons
Style
Solid
Viewbox
15×15
License
MIT

1 other variant in Teenyicons

mouse-outline

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 IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute Icon

Use the mouse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5a5.5 5.5 0 1 1 11 0v4a5.5 5.5 0 1 1-11 0zM7 4v3h1V4z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsMouseSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fillRule="evenodd" d="M2 5.5a5.5 5.5 0 1 1 11 0v4a5.5 5.5 0 1 1-11 0zM7 4v3h1V4z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5a5.5 5.5 0 1 1 11 0v4a5.5 5.5 0 1 1-11 0zM7 4v3h1V4z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-mouse-solid {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.5a5.5%205.5%200%201%201%2011%200v4a5.5%205.5%200%201%201-11%200zM7%204v3h1V4z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.5a5.5%205.5%200%201%201%2011%200v4a5.5%205.5%200%201%201-11%200zM7%204v3h1V4z%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/teenyicons/mouse-solid.svg?color=%231a73e8&size=48