mouse3 icon
mouse3 from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- mouse3
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Use the mouse3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208C4.123 2.619 4 3.879 4 5.187v.504L3.382 6A2.5 2.5 0 0 0 2 8.236v2.576C2 13.659 4.22 16 7 16h2c2.78 0 5-2.342 5-5.188V5.186c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59C9.981.123 8.26 0 7 0m2.5 6.099V1.232c.51.11 1.008.267 1.46.49c.596.293 1.099.694 1.455 1.24c.355.543.585 1.262.585 2.225v1.69zm-1-5.025v4.803L5 5.099c.006-1.242.134-2.293.457-3.024c.162-.366.363-.63.602-.801C6.292 1.105 6.593 1 7 1c.468 0 .98.018 1.5.074M5 6.124L13 7.9v2.912C13 13.145 11.19 15 9 15H7c-2.19 0-4-1.855-4-4.188V8.236a1.5 1.5 0 0 1 .83-1.342l.187-.093c.01.265.024.58.047.92c.062.938.19 2.12.462 2.937a.5.5 0 1 0 .948-.316c-.227-.683-.35-1.75-.413-2.688a29 29 0 0 1-.06-1.528v-.002z"/></svg>
React
import type { SVGProps } from "react";
export function BiMouse3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208C4.123 2.619 4 3.879 4 5.187v.504L3.382 6A2.5 2.5 0 0 0 2 8.236v2.576C2 13.659 4.22 16 7 16h2c2.78 0 5-2.342 5-5.188V5.186c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59C9.981.123 8.26 0 7 0m2.5 6.099V1.232c.51.11 1.008.267 1.46.49c.596.293 1.099.694 1.455 1.24c.355.543.585 1.262.585 2.225v1.69zm-1-5.025v4.803L5 5.099c.006-1.242.134-2.293.457-3.024c.162-.366.363-.63.602-.801C6.292 1.105 6.593 1 7 1c.468 0 .98.018 1.5.074M5 6.124L13 7.9v2.912C13 13.145 11.19 15 9 15H7c-2.19 0-4-1.855-4-4.188V8.236a1.5 1.5 0 0 1 .83-1.342l.187-.093c.01.265.024.58.047.92c.062.938.19 2.12.462 2.937a.5.5 0 1 0 .948-.316c-.227-.683-.35-1.75-.413-2.688a29 29 0 0 1-.06-1.528v-.002z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208C4.123 2.619 4 3.879 4 5.187v.504L3.382 6A2.5 2.5 0 0 0 2 8.236v2.576C2 13.659 4.22 16 7 16h2c2.78 0 5-2.342 5-5.188V5.186c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59C9.981.123 8.26 0 7 0m2.5 6.099V1.232c.51.11 1.008.267 1.46.49c.596.293 1.099.694 1.455 1.24c.355.543.585 1.262.585 2.225v1.69zm-1-5.025v4.803L5 5.099c.006-1.242.134-2.293.457-3.024c.162-.366.363-.63.602-.801C6.292 1.105 6.593 1 7 1c.468 0 .98.018 1.5.074M5 6.124L13 7.9v2.912C13 13.145 11.19 15 9 15H7c-2.19 0-4-1.855-4-4.188V8.236a1.5 1.5 0 0 1 .83-1.342l.187-.093c.01.265.024.58.047.92c.062.938.19 2.12.462 2.937a.5.5 0 1 0 .948-.316c-.227-.683-.35-1.75-.413-2.688a29 29 0 0 1-.06-1.528v-.002z"/></svg> </template>
CSS
.icon-mouse3 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%200q-.891.002-1.527.463c-.418.302-.717.726-.93%201.208C4.123%202.619%204%203.879%204%205.187v.504L3.382%206A2.5%202.5%200%200%200%202%208.236v2.576C2%2013.659%204.22%2016%207%2016h2c2.78%200%205-2.342%205-5.188V5.186c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59C9.981.123%208.26%200%207%200m2.5%206.099V1.232c.51.11%201.008.267%201.46.49c.596.293%201.099.694%201.455%201.24c.355.543.585%201.262.585%202.225v1.69zm-1-5.025v4.803L5%205.099c.006-1.242.134-2.293.457-3.024c.162-.366.363-.63.602-.801C6.292%201.105%206.593%201%207%201c.468%200%20.98.018%201.5.074M5%206.124L13%207.9v2.912C13%2013.145%2011.19%2015%209%2015H7c-2.19%200-4-1.855-4-4.188V8.236a1.5%201.5%200%200%201%20.83-1.342l.187-.093c.01.265.024.58.047.92c.062.938.19%202.12.462%202.937a.5.5%200%201%200%20.948-.316c-.227-.683-.35-1.75-.413-2.688a29%2029%200%200%201-.06-1.528v-.002z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%200q-.891.002-1.527.463c-.418.302-.717.726-.93%201.208C4.123%202.619%204%203.879%204%205.187v.504L3.382%206A2.5%202.5%200%200%200%202%208.236v2.576C2%2013.659%204.22%2016%207%2016h2c2.78%200%205-2.342%205-5.188V5.186c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59C9.981.123%208.26%200%207%200m2.5%206.099V1.232c.51.11%201.008.267%201.46.49c.596.293%201.099.694%201.455%201.24c.355.543.585%201.262.585%202.225v1.69zm-1-5.025v4.803L5%205.099c.006-1.242.134-2.293.457-3.024c.162-.366.363-.63.602-.801C6.292%201.105%206.593%201%207%201c.468%200%20.98.018%201.5.074M5%206.124L13%207.9v2.912C13%2013.145%2011.19%2015%209%2015H7c-2.19%200-4-1.855-4-4.188V8.236a1.5%201.5%200%200%201%20.83-1.342l.187-.093c.01.265.024.58.047.92c.062.938.19%202.12.462%202.937a.5.5%200%201%200%20.948-.316c-.227-.683-.35-1.75-.413-2.688a29%2029%200%200%201-.06-1.528v-.002z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/mouse3.svg?color=%231a73e8&size=48
