mouse3 icon

mouse3-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.

Name: mouse3-fill
Set: Bootstrap Icons
Style: Fill
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="M8.5.069A15 15 0 0 0 7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208c-.386.873-.522 2.01-.54 3.206l4.497 1zM3.71 5.836L3.381 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.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053 1.175c.063.937.186 2.005.413 2.688a.5.5 0 1 1-.948.316c-.273-.817-.4-2-.462-2.937A30 30 0 0 1 4 6.003q0-.05.01-.1zM14 7.1V5.187c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59A7.5 7.5 0 0 0 9.5.212v5.887l4.5 1z"/></svg>

React

import type { SVGProps } from "react";

export function BiMouse3Fill(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="M8.5.069A15 15 0 0 0 7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208c-.386.873-.522 2.01-.54 3.206l4.497 1zM3.71 5.836L3.381 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.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053 1.175c.063.937.186 2.005.413 2.688a.5.5 0 1 1-.948.316c-.273-.817-.4-2-.462-2.937A30 30 0 0 1 4 6.003q0-.05.01-.1zM14 7.1V5.187c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59A7.5 7.5 0 0 0 9.5.212v5.887l4.5 1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.5.069A15 15 0 0 0 7 0q-.891.002-1.527.463c-.418.302-.717.726-.93 1.208c-.386.873-.522 2.01-.54 3.206l4.497 1zM3.71 5.836L3.381 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.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053 1.175c.063.937.186 2.005.413 2.688a.5.5 0 1 1-.948.316c-.273-.817-.4-2-.462-2.937A30 30 0 0 1 4 6.003q0-.05.01-.1zM14 7.1V5.187c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59A7.5 7.5 0 0 0 9.5.212v5.887l4.5 1z"/></svg>
</template>

CSS

.icon-mouse3-fill {
  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%22M8.5.069A15%2015%200%200%200%207%200q-.891.002-1.527.463c-.418.302-.717.726-.93%201.208c-.386.873-.522%202.01-.54%203.206l4.497%201zM3.71%205.836L3.381%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.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053%201.175c.063.937.186%202.005.413%202.688a.5.5%200%201%201-.948.316c-.273-.817-.4-2-.462-2.937A30%2030%200%200%201%204%206.003q0-.05.01-.1zM14%207.1V5.187c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59A7.5%207.5%200%200%200%209.5.212v5.887l4.5%201z%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%22M8.5.069A15%2015%200%200%200%207%200q-.891.002-1.527.463c-.418.302-.717.726-.93%201.208c-.386.873-.522%202.01-.54%203.206l4.497%201zM3.71%205.836L3.381%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.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053%201.175c.063.937.186%202.005.413%202.688a.5.5%200%201%201-.948.316c-.273-.817-.4-2-.462-2.937A30%2030%200%200%201%204%206.003q0-.05.01-.1zM14%207.1V5.187c0-1.13-.272-2.044-.748-2.772c-.474-.726-1.13-1.235-1.849-1.59A7.5%207.5%200%200%200%209.5.212v5.887l4.5%201z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/mouse3-fill.svg?color=%231a73e8&size=48