mouse icon
mouse-fill from Remix Icon by Remix Design · Fill · Device · Apache-2.0 Free for personal and commercial use.
- Name
- mouse-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Device
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
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
More device icons from Remix Icon
airplay-fillbarcode-box-fillbarcode-fillbase-station-fillbattery-2-charge-fillbattery-2-fillbattery-charge-fillbattery-fillbattery-low-fillbattery-saver-fillbattery-share-fillbluetooth-connect-fillbluetooth-fillcast-fillcellphone-fillcomputer-fillcpu-filldashboard-2-filldashboard-3-filldatabase-2-filldatabase-filldevice-filldevice-recover-filldual-sim-1-fill
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.141 2h1.718c2.014 0 3.094.278 4.071.801A5.45 5.45 0 0 1 19.2 5.07c.522.978.801 2.058.801 4.072v5.718c0 2.014-.279 3.094-.801 4.071a5.45 5.45 0 0 1-2.27 2.269c-.977.522-2.057.801-4.071.801H11.14c-2.014 0-3.094-.279-4.072-.801A5.45 5.45 0 0 1 4.8 18.931c-.522-.977-.8-2.057-.8-4.071V9.14c0-2.014.278-3.094.801-4.072A5.45 5.45 0 0 1 7.07 2.801C8.047 2.278 9.127 2 11.141 2M11 6v5h2V6z"/></svg>
React
import type { SVGProps } from "react";
export function RiMouseFill(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.141 2h1.718c2.014 0 3.094.278 4.071.801A5.45 5.45 0 0 1 19.2 5.07c.522.978.801 2.058.801 4.072v5.718c0 2.014-.279 3.094-.801 4.071a5.45 5.45 0 0 1-2.27 2.269c-.977.522-2.057.801-4.071.801H11.14c-2.014 0-3.094-.279-4.072-.801A5.45 5.45 0 0 1 4.8 18.931c-.522-.977-.8-2.057-.8-4.071V9.14c0-2.014.278-3.094.801-4.072A5.45 5.45 0 0 1 7.07 2.801C8.047 2.278 9.127 2 11.141 2M11 6v5h2V6z"/></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.141 2h1.718c2.014 0 3.094.278 4.071.801A5.45 5.45 0 0 1 19.2 5.07c.522.978.801 2.058.801 4.072v5.718c0 2.014-.279 3.094-.801 4.071a5.45 5.45 0 0 1-2.27 2.269c-.977.522-2.057.801-4.071.801H11.14c-2.014 0-3.094-.279-4.072-.801A5.45 5.45 0 0 1 4.8 18.931c-.522-.977-.8-2.057-.8-4.071V9.14c0-2.014.278-3.094.801-4.072A5.45 5.45 0 0 1 7.07 2.801C8.047 2.278 9.127 2 11.141 2M11 6v5h2V6z"/></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%22M11.141%202h1.718c2.014%200%203.094.278%204.071.801A5.45%205.45%200%200%201%2019.2%205.07c.522.978.801%202.058.801%204.072v5.718c0%202.014-.279%203.094-.801%204.071a5.45%205.45%200%200%201-2.27%202.269c-.977.522-2.057.801-4.071.801H11.14c-2.014%200-3.094-.279-4.072-.801A5.45%205.45%200%200%201%204.8%2018.931c-.522-.977-.8-2.057-.8-4.071V9.14c0-2.014.278-3.094.801-4.072A5.45%205.45%200%200%201%207.07%202.801C8.047%202.278%209.127%202%2011.141%202M11%206v5h2V6z%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.141%202h1.718c2.014%200%203.094.278%204.071.801A5.45%205.45%200%200%201%2019.2%205.07c.522.978.801%202.058.801%204.072v5.718c0%202.014-.279%203.094-.801%204.071a5.45%205.45%200%200%201-2.27%202.269c-.977.522-2.057.801-4.071.801H11.14c-2.014%200-3.094-.279-4.072-.801A5.45%205.45%200%200%201%204.8%2018.931c-.522-.977-.8-2.057-.8-4.071V9.14c0-2.014.278-3.094.801-4.072A5.45%205.45%200%200%201%207.07%202.801C8.047%202.278%209.127%202%2011.141%202M11%206v5h2V6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/mouse-fill.svg?color=%231a73e8&size=48
