mouse icon
mouse-line from Remix Icon by Remix Design · Line · Device · Apache-2.0 Free for personal and commercial use.
- Name
- mouse-line
- Set
- Remix Icon
- Style
- Line
- 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 4c-1.582 0-2.387.169-3.128.565a3.45 3.45 0 0 0-1.448 1.448C6.169 6.753 6 7.559 6 9.14v5.718c0 1.582.169 2.387.565 3.128q.504.944 1.448 1.448c.74.396 1.546.565 3.128.565h1.718c1.582 0 2.387-.169 3.128-.565a3.45 3.45 0 0 0 1.448-1.448c.396-.74.565-1.546.565-3.128V9.14c0-1.582-.169-2.387-.565-3.128a3.45 3.45 0 0 0-1.448-1.448C15.247 4.169 14.441 4 12.86 4zm0-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 6h2v5h-2z"/></svg>
React
import type { SVGProps } from "react";
export function RiMouseLine(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 4c-1.582 0-2.387.169-3.128.565a3.45 3.45 0 0 0-1.448 1.448C6.169 6.753 6 7.559 6 9.14v5.718c0 1.582.169 2.387.565 3.128q.504.944 1.448 1.448c.74.396 1.546.565 3.128.565h1.718c1.582 0 2.387-.169 3.128-.565a3.45 3.45 0 0 0 1.448-1.448c.396-.74.565-1.546.565-3.128V9.14c0-1.582-.169-2.387-.565-3.128a3.45 3.45 0 0 0-1.448-1.448C15.247 4.169 14.441 4 12.86 4zm0-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 6h2v5h-2z"/></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 4c-1.582 0-2.387.169-3.128.565a3.45 3.45 0 0 0-1.448 1.448C6.169 6.753 6 7.559 6 9.14v5.718c0 1.582.169 2.387.565 3.128q.504.944 1.448 1.448c.74.396 1.546.565 3.128.565h1.718c1.582 0 2.387-.169 3.128-.565a3.45 3.45 0 0 0 1.448-1.448c.396-.74.565-1.546.565-3.128V9.14c0-1.582-.169-2.387-.565-3.128a3.45 3.45 0 0 0-1.448-1.448C15.247 4.169 14.441 4 12.86 4zm0-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 6h2v5h-2z"/></svg> </template>
CSS
.icon-mouse-line {
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%204c-1.582%200-2.387.169-3.128.565a3.45%203.45%200%200%200-1.448%201.448C6.169%206.753%206%207.559%206%209.14v5.718c0%201.582.169%202.387.565%203.128q.504.944%201.448%201.448c.74.396%201.546.565%203.128.565h1.718c1.582%200%202.387-.169%203.128-.565a3.45%203.45%200%200%200%201.448-1.448c.396-.74.565-1.546.565-3.128V9.14c0-1.582-.169-2.387-.565-3.128a3.45%203.45%200%200%200-1.448-1.448C15.247%204.169%2014.441%204%2012.86%204zm0-2h1.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%206h2v5h-2z%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%204c-1.582%200-2.387.169-3.128.565a3.45%203.45%200%200%200-1.448%201.448C6.169%206.753%206%207.559%206%209.14v5.718c0%201.582.169%202.387.565%203.128q.504.944%201.448%201.448c.74.396%201.546.565%203.128.565h1.718c1.582%200%202.387-.169%203.128-.565a3.45%203.45%200%200%200%201.448-1.448c.396-.74.565-1.546.565-3.128V9.14c0-1.582-.169-2.387-.565-3.128a3.45%203.45%200%200%200-1.448-1.448C15.247%204.169%2014.441%204%2012.86%204zm0-2h1.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%206h2v5h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/mouse-line.svg?color=%231a73e8&size=48
