mouse icon
mouse from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- mouse
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
mouseBootstrap IconsmouseBoxIcons v2mouseBoxIcons v2 SolidmouseEmoji One (Colored)mouseFont Awesome SolidmouseFluent EmojimouseFluent Emoji FlatmouseFluent Emoji High ContrastmouseFirefox OS Emojimousecss.ggmouseIconParkmouseIconPark OutlinemouseIconPark SolidmouseIconPark TwoTonemouseIonIconsmouseLine AwesomemouseLucidemouseMage IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute IconmouseNoto Emoji
Use the mouse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M438.1 256c-68.3 0-92.7 4.7-117.7 18.1q-30.2 16.1-46.3 46.3c-13.4 25-18.1 49.4-18.1 117.7V714c0 68.3 4.7 92.7 18.1 117.7q16.1 30.2 46.3 46.3c25 13.4 49.4 18.1 117.7 18.1H586c68.3 0 92.7-4.7 117.7-18.1q30.2-16.1 46.3-46.3c13.4-25 18.1-49.4 18.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111 111 0 0 0-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5 0 116.6 9 147.9 25.6a174 174 0 0 1 72.5 72.6c16.8 31.3 25.7 62.4 25.7 147.9v275.8c0 85.5-9 116.6-25.6 147.9a175 175 0 0 1-72.6 72.5C702.6 951.1 671.5 960 586 960H438.1c-85.5 0-116.6-9-147.9-25.6a175 175 0 0 1-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5 9-116.5 25.6-147.8a175 175 0 0 1 72.8-72.6c31.2-16.7 62.3-25.6 147.8-25.6"/><path fill="currentColor" d="M512 320q32 0 32 32v128q0 32-32 32t-32-32V352q0-32 32-32m32-96a32 32 0 0 1-64 0v-64a32 32 0 0 0-32-32h-96a32 32 0 0 1 0-64h96a96 96 0 0 1 96 96z"/></svg>
React
import type { SVGProps } from "react";
export function EpMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M438.1 256c-68.3 0-92.7 4.7-117.7 18.1q-30.2 16.1-46.3 46.3c-13.4 25-18.1 49.4-18.1 117.7V714c0 68.3 4.7 92.7 18.1 117.7q16.1 30.2 46.3 46.3c25 13.4 49.4 18.1 117.7 18.1H586c68.3 0 92.7-4.7 117.7-18.1q30.2-16.1 46.3-46.3c13.4-25 18.1-49.4 18.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111 111 0 0 0-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5 0 116.6 9 147.9 25.6a174 174 0 0 1 72.5 72.6c16.8 31.3 25.7 62.4 25.7 147.9v275.8c0 85.5-9 116.6-25.6 147.9a175 175 0 0 1-72.6 72.5C702.6 951.1 671.5 960 586 960H438.1c-85.5 0-116.6-9-147.9-25.6a175 175 0 0 1-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5 9-116.5 25.6-147.8a175 175 0 0 1 72.8-72.6c31.2-16.7 62.3-25.6 147.8-25.6"/><path fill="currentColor" d="M512 320q32 0 32 32v128q0 32-32 32t-32-32V352q0-32 32-32m32-96a32 32 0 0 1-64 0v-64a32 32 0 0 0-32-32h-96a32 32 0 0 1 0-64h96a96 96 0 0 1 96 96z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M438.1 256c-68.3 0-92.7 4.7-117.7 18.1q-30.2 16.1-46.3 46.3c-13.4 25-18.1 49.4-18.1 117.7V714c0 68.3 4.7 92.7 18.1 117.7q16.1 30.2 46.3 46.3c25 13.4 49.4 18.1 117.7 18.1H586c68.3 0 92.7-4.7 117.7-18.1q30.2-16.1 46.3-46.3c13.4-25 18.1-49.4 18.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111 111 0 0 0-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5 0 116.6 9 147.9 25.6a174 174 0 0 1 72.5 72.6c16.8 31.3 25.7 62.4 25.7 147.9v275.8c0 85.5-9 116.6-25.6 147.9a175 175 0 0 1-72.6 72.5C702.6 951.1 671.5 960 586 960H438.1c-85.5 0-116.6-9-147.9-25.6a175 175 0 0 1-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5 9-116.5 25.6-147.8a175 175 0 0 1 72.8-72.6c31.2-16.7 62.3-25.6 147.8-25.6"/><path fill="currentColor" d="M512 320q32 0 32 32v128q0 32-32 32t-32-32V352q0-32 32-32m32-96a32 32 0 0 1-64 0v-64a32 32 0 0 0-32-32h-96a32 32 0 0 1 0-64h96a96 96 0 0 1 96 96z"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M438.1%20256c-68.3%200-92.7%204.7-117.7%2018.1q-30.2%2016.1-46.3%2046.3c-13.4%2025-18.1%2049.4-18.1%20117.7V714c0%2068.3%204.7%2092.7%2018.1%20117.7q16.1%2030.2%2046.3%2046.3c25%2013.4%2049.4%2018.1%20117.7%2018.1H586c68.3%200%2092.7-4.7%20117.7-18.1q30.2-16.1%2046.3-46.3c13.4-25%2018.1-49.4%2018.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111%20111%200%200%200-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5%200%20116.6%209%20147.9%2025.6a174%20174%200%200%201%2072.5%2072.6c16.8%2031.3%2025.7%2062.4%2025.7%20147.9v275.8c0%2085.5-9%20116.6-25.6%20147.9a175%20175%200%200%201-72.6%2072.5C702.6%20951.1%20671.5%20960%20586%20960H438.1c-85.5%200-116.6-9-147.9-25.6a175%20175%200%200%201-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5%209-116.5%2025.6-147.8a175%20175%200%200%201%2072.8-72.6c31.2-16.7%2062.3-25.6%20147.8-25.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20320q32%200%2032%2032v128q0%2032-32%2032t-32-32V352q0-32%2032-32m32-96a32%2032%200%200%201-64%200v-64a32%2032%200%200%200-32-32h-96a32%2032%200%200%201%200-64h96a96%2096%200%200%201%2096%2096z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M438.1%20256c-68.3%200-92.7%204.7-117.7%2018.1q-30.2%2016.1-46.3%2046.3c-13.4%2025-18.1%2049.4-18.1%20117.7V714c0%2068.3%204.7%2092.7%2018.1%20117.7q16.1%2030.2%2046.3%2046.3c25%2013.4%2049.4%2018.1%20117.7%2018.1H586c68.3%200%2092.7-4.7%20117.7-18.1q30.2-16.1%2046.3-46.3c13.4-25%2018.1-49.4%2018.1-117.7V438c0-68.3-4.7-92.7-18.1-117.7a111%20111%200%200%200-46.3-46.3c-25-13.4-49.4-18.1-117.7-18.1zm0-64H586c85.5%200%20116.6%209%20147.9%2025.6a174%20174%200%200%201%2072.5%2072.6c16.8%2031.3%2025.7%2062.4%2025.7%20147.9v275.8c0%2085.5-9%20116.6-25.6%20147.9a175%20175%200%200%201-72.6%2072.5C702.6%20951.1%20671.5%20960%20586%20960H438.1c-85.5%200-116.6-9-147.9-25.6a175%20175%200%200%201-72.6-72.7c-16.8-31.3-25.7-62.3-25.7-147.8V438c0-85.5%209-116.5%2025.6-147.8a175%20175%200%200%201%2072.8-72.6c31.2-16.7%2062.3-25.6%20147.8-25.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20320q32%200%2032%2032v128q0%2032-32%2032t-32-32V352q0-32%2032-32m32-96a32%2032%200%200%201-64%200v-64a32%2032%200%200%200-32-32h-96a32%2032%200%200%201%200-64h96a96%2096%200%200%201%2096%2096z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/mouse.svg?color=%231a73e8&size=48
