mouse icon
mouse from Line Awesome by Icons8 · Line · Computers · Apache-2.0 Free for personal and commercial use.
- Name
- mouse
- Set
- Line Awesome
- Style
- Line
- Category
- Computers
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- mouse-solid
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 TwoTonemouseIonIconsmouseLucidemouseMage IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute IconmouseNoto Emoji
More computers icons from Line Awesome
Use the mouse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C10.488 4 6 8.488 6 14v4c0 5.512 4.488 10 10 10s10-4.488 10-10v-4c0-5.512-4.488-10-10-10m-1 2.063V13H8.062A7.994 7.994 0 0 1 15 6.062zm2 0A7.994 7.994 0 0 1 23.938 13H17zM8 15h16v3c0 4.43-3.57 8-8 8s-8-3.57-8-8z"/></svg>
React
import type { SVGProps } from "react";
export function LaMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C10.488 4 6 8.488 6 14v4c0 5.512 4.488 10 10 10s10-4.488 10-10v-4c0-5.512-4.488-10-10-10m-1 2.063V13H8.062A7.994 7.994 0 0 1 15 6.062zm2 0A7.994 7.994 0 0 1 23.938 13H17zM8 15h16v3c0 4.43-3.57 8-8 8s-8-3.57-8-8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C10.488 4 6 8.488 6 14v4c0 5.512 4.488 10 10 10s10-4.488 10-10v-4c0-5.512-4.488-10-10-10m-1 2.063V13H8.062A7.994 7.994 0 0 1 15 6.062zm2 0A7.994 7.994 0 0 1 23.938 13H17zM8 15h16v3c0 4.43-3.57 8-8 8s-8-3.57-8-8z"/></svg> </template>
CSS
.icon-mouse {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C10.488%204%206%208.488%206%2014v4c0%205.512%204.488%2010%2010%2010s10-4.488%2010-10v-4c0-5.512-4.488-10-10-10m-1%202.063V13H8.062A7.994%207.994%200%200%201%2015%206.062zm2%200A7.994%207.994%200%200%201%2023.938%2013H17zM8%2015h16v3c0%204.43-3.57%208-8%208s-8-3.57-8-8z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C10.488%204%206%208.488%206%2014v4c0%205.512%204.488%2010%2010%2010s10-4.488%2010-10v-4c0-5.512-4.488-10-10-10m-1%202.063V13H8.062A7.994%207.994%200%200%201%2015%206.062zm2%200A7.994%207.994%200%200%201%2023.938%2013H17zM8%2015h16v3c0%204.43-3.57%208-8%208s-8-3.57-8-8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/mouse.svg?color=%231a73e8&size=48
