mouse icon
mouse-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- mouse-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
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 24 24"><path fill="currentColor" d="M11 1.062A8 8 0 0 0 4 9h7zm2 0V9h7a8 8 0 0 0-7-7.938M20 11H4v4a8 8 0 1 0 16 0z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignMouseFilled(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" d="M11 1.062A8 8 0 0 0 4 9h7zm2 0V9h7a8 8 0 0 0-7-7.938M20 11H4v4a8 8 0 1 0 16 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 1.062A8 8 0 0 0 4 9h7zm2 0V9h7a8 8 0 0 0-7-7.938M20 11H4v4a8 8 0 1 0 16 0z"/></svg> </template>
CSS
.icon-mouse-filled {
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%20d%3D%22M11%201.062A8%208%200%200%200%204%209h7zm2%200V9h7a8%208%200%200%200-7-7.938M20%2011H4v4a8%208%200%201%200%2016%200z%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%20d%3D%22M11%201.062A8%208%200%200%200%204%209h7zm2%200V9h7a8%208%200%200%200-7-7.938M20%2011H4v4a8%208%200%201%200%2016%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/mouse-filled.svg?color=%231a73e8&size=48
