computer mouse emoji

computer-mouse from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
computer-mouse
Set
Noto Emoji
Style
Default
Category
Objects
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

computer-mouseEmoji One (Colored)computer-mouseFont Awesome 6 Solidcomputer-mouseFont Awesome Solidcomputer-mouseFluent Emojicomputer-mouseFluent Emoji Flatcomputer-mouseFluent Emoji High Contrastcomputer-mouseOpenMojicomputer-mouseTwitter Emoji

More objects icons from Noto Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the computer mouse emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="M103.07 37.67C103.07 16.11 85.55 4 64 4S24.93 16.11 24.93 37.67v47.27C24.93 106.49 42.45 124 64 124s39.07-17.51 39.07-39.07z"/><path fill="#fff" d="M97.77 43.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28 1.25-4.42 8.18-1.86 12.2c1.84 2.89 5.04 6.15 5.44 18.94c.15 4.97.17 9.63-1.28 14.38c-3.8 12.45-14.18 10.17-15.87 11.1c-3.03 1.67-3.49 5.77-3.5 9.23c-.03 8.27-.39 17.22.48 25.44c.6 5.67 3.98 13.08 10.87 12.8c5.5-.22 9.34-2.08 13.82-5.16c9.01-6.18 14.52-16.6 14.52-27.52c.01-.01.42-38.32.42-38.34" opacity=".51"/><path fill="#b5b5b5" d="M66.62 4.07c-.87-.04-1.78-.31-3.13.94c-1.35 1.26-1.77 2.47-1.98 5.81l-.14 32.84h5.25z"/><path fill="#b5b5b5" d="M96.07 48.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61 2.61 0 0 1-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54 25.15 53.08 35.2l-.06 3.42a3.22 3.22 0 0 1-2.7 3.11c-7.89 1.3-13.87 3.66-18.33 6.25c-4.38 2.53-7.05 7.22-7.05 12.27v1.2c.82-1.48 6.72-10.86 24.79-14.28c1.63-.31 3.12.98 3.09 2.63l-.02.93c.65 10.14 5.43 12.72 10.81 12.72s9.84-3.32 9.74-10.67v-3.72c0-1.41 1.26-2.5 2.65-2.29c19.88 3.01 26.16 13.04 27.06 14.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24"/><path fill="#504f4f" d="M64 60.69c-4.06 0-7.31-3.51-7.31-7.89V33.62c0-4.38 3.25-7.89 7.31-7.89s7.31 3.51 7.31 7.89V52.8c0 4.38-3.25 7.89-7.31 7.89"/><path fill="#757575" d="M69.08 32.32c1.14 6.66.63 14.7.18 20.09s-3.05 6.46-4.45 6.77c-1.9.42-4.06-.21-4.89-2.24c0 0 2.03-2.29 2.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0 0 .44-1.53 2.19-2.2c5.41-2.1 6.71 2.98 6.97 4.49"/><path fill="#fff" d="M51.78 10.01c4.88-1.9 6.33 2.44 6.37 3.39c.05 1.56 1.22 7.45-1.44 9c-6.25 3.63-4.79 8.34-8.15 9.73c-4.17 1.72-6.14-3.03-6.06-6.14c.34-13.13 6.91-15.05 9.28-15.98" opacity=".51"/></svg>

React

import type { SVGProps } from "react";

export function NotoComputerMouse(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="M103.07 37.67C103.07 16.11 85.55 4 64 4S24.93 16.11 24.93 37.67v47.27C24.93 106.49 42.45 124 64 124s39.07-17.51 39.07-39.07z"/><path fill="#fff" d="M97.77 43.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28 1.25-4.42 8.18-1.86 12.2c1.84 2.89 5.04 6.15 5.44 18.94c.15 4.97.17 9.63-1.28 14.38c-3.8 12.45-14.18 10.17-15.87 11.1c-3.03 1.67-3.49 5.77-3.5 9.23c-.03 8.27-.39 17.22.48 25.44c.6 5.67 3.98 13.08 10.87 12.8c5.5-.22 9.34-2.08 13.82-5.16c9.01-6.18 14.52-16.6 14.52-27.52c.01-.01.42-38.32.42-38.34" opacity=".51"/><path fill="#b5b5b5" d="M66.62 4.07c-.87-.04-1.78-.31-3.13.94c-1.35 1.26-1.77 2.47-1.98 5.81l-.14 32.84h5.25z"/><path fill="#b5b5b5" d="M96.07 48.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61 2.61 0 0 1-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54 25.15 53.08 35.2l-.06 3.42a3.22 3.22 0 0 1-2.7 3.11c-7.89 1.3-13.87 3.66-18.33 6.25c-4.38 2.53-7.05 7.22-7.05 12.27v1.2c.82-1.48 6.72-10.86 24.79-14.28c1.63-.31 3.12.98 3.09 2.63l-.02.93c.65 10.14 5.43 12.72 10.81 12.72s9.84-3.32 9.74-10.67v-3.72c0-1.41 1.26-2.5 2.65-2.29c19.88 3.01 26.16 13.04 27.06 14.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24"/><path fill="#504f4f" d="M64 60.69c-4.06 0-7.31-3.51-7.31-7.89V33.62c0-4.38 3.25-7.89 7.31-7.89s7.31 3.51 7.31 7.89V52.8c0 4.38-3.25 7.89-7.31 7.89"/><path fill="#757575" d="M69.08 32.32c1.14 6.66.63 14.7.18 20.09s-3.05 6.46-4.45 6.77c-1.9.42-4.06-.21-4.89-2.24c0 0 2.03-2.29 2.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0 0 .44-1.53 2.19-2.2c5.41-2.1 6.71 2.98 6.97 4.49"/><path fill="#fff" d="M51.78 10.01c4.88-1.9 6.33 2.44 6.37 3.39c.05 1.56 1.22 7.45-1.44 9c-6.25 3.63-4.79 8.34-8.15 9.73c-4.17 1.72-6.14-3.03-6.06-6.14c.34-13.13 6.91-15.05 9.28-15.98" opacity=".51"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="M103.07 37.67C103.07 16.11 85.55 4 64 4S24.93 16.11 24.93 37.67v47.27C24.93 106.49 42.45 124 64 124s39.07-17.51 39.07-39.07z"/><path fill="#fff" d="M97.77 43.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28 1.25-4.42 8.18-1.86 12.2c1.84 2.89 5.04 6.15 5.44 18.94c.15 4.97.17 9.63-1.28 14.38c-3.8 12.45-14.18 10.17-15.87 11.1c-3.03 1.67-3.49 5.77-3.5 9.23c-.03 8.27-.39 17.22.48 25.44c.6 5.67 3.98 13.08 10.87 12.8c5.5-.22 9.34-2.08 13.82-5.16c9.01-6.18 14.52-16.6 14.52-27.52c.01-.01.42-38.32.42-38.34" opacity=".51"/><path fill="#b5b5b5" d="M66.62 4.07c-.87-.04-1.78-.31-3.13.94c-1.35 1.26-1.77 2.47-1.98 5.81l-.14 32.84h5.25z"/><path fill="#b5b5b5" d="M96.07 48.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61 2.61 0 0 1-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54 25.15 53.08 35.2l-.06 3.42a3.22 3.22 0 0 1-2.7 3.11c-7.89 1.3-13.87 3.66-18.33 6.25c-4.38 2.53-7.05 7.22-7.05 12.27v1.2c.82-1.48 6.72-10.86 24.79-14.28c1.63-.31 3.12.98 3.09 2.63l-.02.93c.65 10.14 5.43 12.72 10.81 12.72s9.84-3.32 9.74-10.67v-3.72c0-1.41 1.26-2.5 2.65-2.29c19.88 3.01 26.16 13.04 27.06 14.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24"/><path fill="#504f4f" d="M64 60.69c-4.06 0-7.31-3.51-7.31-7.89V33.62c0-4.38 3.25-7.89 7.31-7.89s7.31 3.51 7.31 7.89V52.8c0 4.38-3.25 7.89-7.31 7.89"/><path fill="#757575" d="M69.08 32.32c1.14 6.66.63 14.7.18 20.09s-3.05 6.46-4.45 6.77c-1.9.42-4.06-.21-4.89-2.24c0 0 2.03-2.29 2.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0 0 .44-1.53 2.19-2.2c5.41-2.1 6.71 2.98 6.97 4.49"/><path fill="#fff" d="M51.78 10.01c4.88-1.9 6.33 2.44 6.37 3.39c.05 1.56 1.22 7.45-1.44 9c-6.25 3.63-4.79 8.34-8.15 9.73c-4.17 1.72-6.14-3.03-6.06-6.14c.34-13.13 6.91-15.05 9.28-15.98" opacity=".51"/></svg>
</template>

CSS

.icon-computer-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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M103.07%2037.67C103.07%2016.11%2085.55%204%2064%204S24.93%2016.11%2024.93%2037.67v47.27C24.93%20106.49%2042.45%20124%2064%20124s39.07-17.51%2039.07-39.07z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M97.77%2043.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28%201.25-4.42%208.18-1.86%2012.2c1.84%202.89%205.04%206.15%205.44%2018.94c.15%204.97.17%209.63-1.28%2014.38c-3.8%2012.45-14.18%2010.17-15.87%2011.1c-3.03%201.67-3.49%205.77-3.5%209.23c-.03%208.27-.39%2017.22.48%2025.44c.6%205.67%203.98%2013.08%2010.87%2012.8c5.5-.22%209.34-2.08%2013.82-5.16c9.01-6.18%2014.52-16.6%2014.52-27.52c.01-.01.42-38.32.42-38.34%22%20opacity%3D%22.51%22%2F%3E%3Cpath%20fill%3D%22%23b5b5b5%22%20d%3D%22M66.62%204.07c-.87-.04-1.78-.31-3.13.94c-1.35%201.26-1.77%202.47-1.98%205.81l-.14%2032.84h5.25z%22%2F%3E%3Cpath%20fill%3D%22%23b5b5b5%22%20d%3D%22M96.07%2048.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61%202.61%200%200%201-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54%2025.15%2053.08%2035.2l-.06%203.42a3.22%203.22%200%200%201-2.7%203.11c-7.89%201.3-13.87%203.66-18.33%206.25c-4.38%202.53-7.05%207.22-7.05%2012.27v1.2c.82-1.48%206.72-10.86%2024.79-14.28c1.63-.31%203.12.98%203.09%202.63l-.02.93c.65%2010.14%205.43%2012.72%2010.81%2012.72s9.84-3.32%209.74-10.67v-3.72c0-1.41%201.26-2.5%202.65-2.29c19.88%203.01%2026.16%2013.04%2027.06%2014.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24%22%2F%3E%3Cpath%20fill%3D%22%23504f4f%22%20d%3D%22M64%2060.69c-4.06%200-7.31-3.51-7.31-7.89V33.62c0-4.38%203.25-7.89%207.31-7.89s7.31%203.51%207.31%207.89V52.8c0%204.38-3.25%207.89-7.31%207.89%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M69.08%2032.32c1.14%206.66.63%2014.7.18%2020.09s-3.05%206.46-4.45%206.77c-1.9.42-4.06-.21-4.89-2.24c0%200%202.03-2.29%202.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0%200%20.44-1.53%202.19-2.2c5.41-2.1%206.71%202.98%206.97%204.49%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M51.78%2010.01c4.88-1.9%206.33%202.44%206.37%203.39c.05%201.56%201.22%207.45-1.44%209c-6.25%203.63-4.79%208.34-8.15%209.73c-4.17%201.72-6.14-3.03-6.06-6.14c.34-13.13%206.91-15.05%209.28-15.98%22%20opacity%3D%22.51%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M103.07%2037.67C103.07%2016.11%2085.55%204%2064%204S24.93%2016.11%2024.93%2037.67v47.27C24.93%20106.49%2042.45%20124%2064%20124s39.07-17.51%2039.07-39.07z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M97.77%2043.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28%201.25-4.42%208.18-1.86%2012.2c1.84%202.89%205.04%206.15%205.44%2018.94c.15%204.97.17%209.63-1.28%2014.38c-3.8%2012.45-14.18%2010.17-15.87%2011.1c-3.03%201.67-3.49%205.77-3.5%209.23c-.03%208.27-.39%2017.22.48%2025.44c.6%205.67%203.98%2013.08%2010.87%2012.8c5.5-.22%209.34-2.08%2013.82-5.16c9.01-6.18%2014.52-16.6%2014.52-27.52c.01-.01.42-38.32.42-38.34%22%20opacity%3D%22.51%22%2F%3E%3Cpath%20fill%3D%22%23b5b5b5%22%20d%3D%22M66.62%204.07c-.87-.04-1.78-.31-3.13.94c-1.35%201.26-1.77%202.47-1.98%205.81l-.14%2032.84h5.25z%22%2F%3E%3Cpath%20fill%3D%22%23b5b5b5%22%20d%3D%22M96.07%2048.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61%202.61%200%200%201-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54%2025.15%2053.08%2035.2l-.06%203.42a3.22%203.22%200%200%201-2.7%203.11c-7.89%201.3-13.87%203.66-18.33%206.25c-4.38%202.53-7.05%207.22-7.05%2012.27v1.2c.82-1.48%206.72-10.86%2024.79-14.28c1.63-.31%203.12.98%203.09%202.63l-.02.93c.65%2010.14%205.43%2012.72%2010.81%2012.72s9.84-3.32%209.74-10.67v-3.72c0-1.41%201.26-2.5%202.65-2.29c19.88%203.01%2026.16%2013.04%2027.06%2014.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24%22%2F%3E%3Cpath%20fill%3D%22%23504f4f%22%20d%3D%22M64%2060.69c-4.06%200-7.31-3.51-7.31-7.89V33.62c0-4.38%203.25-7.89%207.31-7.89s7.31%203.51%207.31%207.89V52.8c0%204.38-3.25%207.89-7.31%207.89%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M69.08%2032.32c1.14%206.66.63%2014.7.18%2020.09s-3.05%206.46-4.45%206.77c-1.9.42-4.06-.21-4.89-2.24c0%200%202.03-2.29%202.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0%200%20.44-1.53%202.19-2.2c5.41-2.1%206.71%202.98%206.97%204.49%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M51.78%2010.01c4.88-1.9%206.33%202.44%206.37%203.39c.05%201.56%201.22%207.45-1.44%209c-6.25%203.63-4.79%208.34-8.15%209.73c-4.17%201.72-6.14-3.03-6.06-6.14c.34-13.13%206.91-15.05%209.28-15.98%22%20opacity%3D%22.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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