mouse icon
mouse from Font Awesome Solid by Dave Gandy · Solid · Computers · CC-BY-4.0 Attribution required.
- Name
- mouse
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Computers
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
mouseBootstrap IconsmouseBoxIcons v2mouseBoxIcons v2 SolidmouseEmoji One (Colored)mouseElement PlusmouseFluent EmojimouseFluent Emoji FlatmouseFluent Emoji High ContrastmouseFirefox OS Emojimousecss.ggmouseIconParkmouseIconPark OutlinemouseIconPark SolidmouseIconPark TwoTonemouseIonIconsmouseLine AwesomemouseLucidemouseMage IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute IconmouseNoto Emoji
More computers icons from Font Awesome Solid
Use the mouse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 256h168V64h-8c-88.4 0-160 71.6-160 160zm0 48v112c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V304zm384-48v-32c0-88.4-71.6-160-160-160h-8v192z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 256h168V64h-8c-88.4 0-160 71.6-160 160zm0 48v112c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V304zm384-48v-32c0-88.4-71.6-160-160-160h-8v192z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M128 256h168V64h-8c-88.4 0-160 71.6-160 160zm0 48v112c0 88.4 71.6 160 160 160h64c88.4 0 160-71.6 160-160V304zm384-48v-32c0-88.4-71.6-160-160-160h-8v192z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20256h168V64h-8c-88.4%200-160%2071.6-160%20160zm0%2048v112c0%2088.4%2071.6%20160%20160%20160h64c88.4%200%20160-71.6%20160-160V304zm384-48v-32c0-88.4-71.6-160-160-160h-8v192z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20256h168V64h-8c-88.4%200-160%2071.6-160%20160zm0%2048v112c0%2088.4%2071.6%20160%20160%20160h64c88.4%200%20160-71.6%20160-160V304zm384-48v-32c0-88.4-71.6-160-160-160h-8v192z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/mouse.svg?color=%231a73e8&size=48
