mouse minimalistic icon
mouse-minimalistic-outline from Solar by 480 Design · Outline · Devices · CC-BY-4.0 Attribution required.
- Name
- mouse-minimalistic-outline
- Set
- Solar
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 minimalistic 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 15V9ZM12 2.75C8.54822 2.75 5.75 5.54822 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.54822 15.4518 2.75 12 2.75ZM12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8V5C11.25 4.58579 11.5858 4.25 12 4.25Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarMouseMinimalisticOutline(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 15V9ZM12 2.75C8.54822 2.75 5.75 5.54822 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.54822 15.4518 2.75 12 2.75ZM12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8V5C11.25 4.58579 11.5858 4.25 12 4.25Z" 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 15V9ZM12 2.75C8.54822 2.75 5.75 5.54822 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.54822 15.4518 2.75 12 2.75ZM12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8V5C11.25 4.58579 11.5858 4.25 12 4.25Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-mouse-minimalistic-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%2015V9ZM12%202.75C8.54822%202.75%205.75%205.54822%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.54822%2015.4518%202.75%2012%202.75ZM12%204.25C12.4142%204.25%2012.75%204.58579%2012.75%205V8C12.75%208.41421%2012.4142%208.75%2012%208.75C11.5858%208.75%2011.25%208.41421%2011.25%208V5C11.25%204.58579%2011.5858%204.25%2012%204.25Z%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%2015V9ZM12%202.75C8.54822%202.75%205.75%205.54822%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.54822%2015.4518%202.75%2012%202.75ZM12%204.25C12.4142%204.25%2012.75%204.58579%2012.75%205V8C12.75%208.41421%2012.4142%208.75%2012%208.75C11.5858%208.75%2011.25%208.41421%2011.25%208V5C11.25%204.58579%2011.5858%204.25%2012%204.25Z%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-minimalistic-outline.svg?color=%231a73e8&size=48
