mouse icon
mouse-outline from Solar by 480 Design · Outline · Devices · CC-BY-4.0 Attribution required.
- Name
- mouse-outline
- Set
- Solar
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 devices icons from Solar
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
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" fill-rule="evenodd" d="M4.25 9C4.25 4.71979 7.71979 1.25 12 1.25C16.2802 1.25 19.75 4.71979 19.75 9V15C19.75 19.2802 16.2802 22.75 12 22.75C7.71979 22.75 4.25 19.2802 4.25 15V9ZM11.25 2.79454C8.15183 3.16505 5.75 5.80204 5.75 9V15C5.75 18.4518 8.54822 21.25 12 21.25C15.4518 21.25 18.25 18.4518 18.25 15V9C18.25 5.80204 15.8482 3.16505 12.75 2.79454V6.37803C13.6239 6.68691 14.25 7.52034 14.25 8.5V10.5C14.25 11.7426 13.2426 12.75 12 12.75C10.7574 12.75 9.75 11.7426 9.75 10.5V8.5C9.75 7.52034 10.3761 6.68691 11.25 6.37803V2.79454ZM12 7.75C11.5858 7.75 11.25 8.08579 11.25 8.5V10.5C11.25 10.9142 11.5858 11.25 12 11.25C12.4142 11.25 12.75 10.9142 12.75 10.5V8.5C12.75 8.08579 12.4142 7.75 12 7.75Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarMouseOutline(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" fillRule="evenodd" d="M4.25 9C4.25 4.71979 7.71979 1.25 12 1.25C16.2802 1.25 19.75 4.71979 19.75 9V15C19.75 19.2802 16.2802 22.75 12 22.75C7.71979 22.75 4.25 19.2802 4.25 15V9ZM11.25 2.79454C8.15183 3.16505 5.75 5.80204 5.75 9V15C5.75 18.4518 8.54822 21.25 12 21.25C15.4518 21.25 18.25 18.4518 18.25 15V9C18.25 5.80204 15.8482 3.16505 12.75 2.79454V6.37803C13.6239 6.68691 14.25 7.52034 14.25 8.5V10.5C14.25 11.7426 13.2426 12.75 12 12.75C10.7574 12.75 9.75 11.7426 9.75 10.5V8.5C9.75 7.52034 10.3761 6.68691 11.25 6.37803V2.79454ZM12 7.75C11.5858 7.75 11.25 8.08579 11.25 8.5V10.5C11.25 10.9142 11.5858 11.25 12 11.25C12.4142 11.25 12.75 10.9142 12.75 10.5V8.5C12.75 8.08579 12.4142 7.75 12 7.75Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.25 9C4.25 4.71979 7.71979 1.25 12 1.25C16.2802 1.25 19.75 4.71979 19.75 9V15C19.75 19.2802 16.2802 22.75 12 22.75C7.71979 22.75 4.25 19.2802 4.25 15V9ZM11.25 2.79454C8.15183 3.16505 5.75 5.80204 5.75 9V15C5.75 18.4518 8.54822 21.25 12 21.25C15.4518 21.25 18.25 18.4518 18.25 15V9C18.25 5.80204 15.8482 3.16505 12.75 2.79454V6.37803C13.6239 6.68691 14.25 7.52034 14.25 8.5V10.5C14.25 11.7426 13.2426 12.75 12 12.75C10.7574 12.75 9.75 11.7426 9.75 10.5V8.5C9.75 7.52034 10.3761 6.68691 11.25 6.37803V2.79454ZM12 7.75C11.5858 7.75 11.25 8.08579 11.25 8.5V10.5C11.25 10.9142 11.5858 11.25 12 11.25C12.4142 11.25 12.75 10.9142 12.75 10.5V8.5C12.75 8.08579 12.4142 7.75 12 7.75Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-mouse-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.25%209C4.25%204.71979%207.71979%201.25%2012%201.25C16.2802%201.25%2019.75%204.71979%2019.75%209V15C19.75%2019.2802%2016.2802%2022.75%2012%2022.75C7.71979%2022.75%204.25%2019.2802%204.25%2015V9ZM11.25%202.79454C8.15183%203.16505%205.75%205.80204%205.75%209V15C5.75%2018.4518%208.54822%2021.25%2012%2021.25C15.4518%2021.25%2018.25%2018.4518%2018.25%2015V9C18.25%205.80204%2015.8482%203.16505%2012.75%202.79454V6.37803C13.6239%206.68691%2014.25%207.52034%2014.25%208.5V10.5C14.25%2011.7426%2013.2426%2012.75%2012%2012.75C10.7574%2012.75%209.75%2011.7426%209.75%2010.5V8.5C9.75%207.52034%2010.3761%206.68691%2011.25%206.37803V2.79454ZM12%207.75C11.5858%207.75%2011.25%208.08579%2011.25%208.5V10.5C11.25%2010.9142%2011.5858%2011.25%2012%2011.25C12.4142%2011.25%2012.75%2010.9142%2012.75%2010.5V8.5C12.75%208.08579%2012.4142%207.75%2012%207.75Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.25%209C4.25%204.71979%207.71979%201.25%2012%201.25C16.2802%201.25%2019.75%204.71979%2019.75%209V15C19.75%2019.2802%2016.2802%2022.75%2012%2022.75C7.71979%2022.75%204.25%2019.2802%204.25%2015V9ZM11.25%202.79454C8.15183%203.16505%205.75%205.80204%205.75%209V15C5.75%2018.4518%208.54822%2021.25%2012%2021.25C15.4518%2021.25%2018.25%2018.4518%2018.25%2015V9C18.25%205.80204%2015.8482%203.16505%2012.75%202.79454V6.37803C13.6239%206.68691%2014.25%207.52034%2014.25%208.5V10.5C14.25%2011.7426%2013.2426%2012.75%2012%2012.75C10.7574%2012.75%209.75%2011.7426%209.75%2010.5V8.5C9.75%207.52034%2010.3761%206.68691%2011.25%206.37803V2.79454ZM12%207.75C11.5858%207.75%2011.25%208.08579%2011.25%208.5V10.5C11.25%2010.9142%2011.5858%2011.25%2012%2011.25C12.4142%2011.25%2012.75%2010.9142%2012.75%2010.5V8.5C12.75%208.08579%2012.4142%207.75%2012%207.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/mouse-outline.svg?color=%231a73e8&size=48
