mouse icon
mouse-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- mouse-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage 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 AwesomemouseLucidemouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute IconmouseNoto Emoji
Related icons in Mage Icons
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="M19.745 11.306v3.81C19.745 18.935 16.303 22 12 22s-7.745-3.098-7.745-6.885v-3.81zM11.14 2v7.585H4.254v-.7A7.263 7.263 0 0 1 11.139 2m8.606 6.885v.7h-6.884V2a7.275 7.275 0 0 1 6.884 6.885"/></svg>
React
import type { SVGProps } from "react";
export function MageMouseFill(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="M19.745 11.306v3.81C19.745 18.935 16.303 22 12 22s-7.745-3.098-7.745-6.885v-3.81zM11.14 2v7.585H4.254v-.7A7.263 7.263 0 0 1 11.139 2m8.606 6.885v.7h-6.884V2a7.275 7.275 0 0 1 6.884 6.885"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.745 11.306v3.81C19.745 18.935 16.303 22 12 22s-7.745-3.098-7.745-6.885v-3.81zM11.14 2v7.585H4.254v-.7A7.263 7.263 0 0 1 11.139 2m8.606 6.885v.7h-6.884V2a7.275 7.275 0 0 1 6.884 6.885"/></svg> </template>
CSS
.icon-mouse-fill {
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%22M19.745%2011.306v3.81C19.745%2018.935%2016.303%2022%2012%2022s-7.745-3.098-7.745-6.885v-3.81zM11.14%202v7.585H4.254v-.7A7.263%207.263%200%200%201%2011.139%202m8.606%206.885v.7h-6.884V2a7.275%207.275%200%200%201%206.884%206.885%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%22M19.745%2011.306v3.81C19.745%2018.935%2016.303%2022%2012%2022s-7.745-3.098-7.745-6.885v-3.81zM11.14%202v7.585H4.254v-.7A7.263%207.263%200%200%201%2011.139%202m8.606%206.885v.7h-6.884V2a7.275%207.275%200%200%201%206.884%206.885%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/mouse-fill.svg?color=%231a73e8&size=48
