computer mouse emoji
computer-mouse from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- computer-mouse
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the computer mouse emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M20 2.047V2a2 2 0 0 0-4 0v.047C7.737 2.422 6 5.127 6 7v17c0 6.627 5.373 12 12 12s12-5.373 12-12V7c0-1.873-1.737-4.578-10-4.953"/><path fill="#292f33" d="M22 9.199v-7a36 36 0 0 0-2-.151V9a2 2 0 0 1-4 0V2.048q-1.067.051-2 .151v7C7.459 9.89 6 12.29 6 14v2c0-1.725 1.482-4.153 8.169-4.819C14.646 12.228 16.171 13 18 13s3.355-.772 3.831-1.819C28.518 11.847 30 14.275 30 16v-2c0-1.71-1.459-4.11-8-4.801"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiComputerMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M20 2.047V2a2 2 0 0 0-4 0v.047C7.737 2.422 6 5.127 6 7v17c0 6.627 5.373 12 12 12s12-5.373 12-12V7c0-1.873-1.737-4.578-10-4.953"/><path fill="#292f33" d="M22 9.199v-7a36 36 0 0 0-2-.151V9a2 2 0 0 1-4 0V2.048q-1.067.051-2 .151v7C7.459 9.89 6 12.29 6 14v2c0-1.725 1.482-4.153 8.169-4.819C14.646 12.228 16.171 13 18 13s3.355-.772 3.831-1.819C28.518 11.847 30 14.275 30 16v-2c0-1.71-1.459-4.11-8-4.801"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M20 2.047V2a2 2 0 0 0-4 0v.047C7.737 2.422 6 5.127 6 7v17c0 6.627 5.373 12 12 12s12-5.373 12-12V7c0-1.873-1.737-4.578-10-4.953"/><path fill="#292f33" d="M22 9.199v-7a36 36 0 0 0-2-.151V9a2 2 0 0 1-4 0V2.048q-1.067.051-2 .151v7C7.459 9.89 6 12.29 6 14v2c0-1.725 1.482-4.153 8.169-4.819C14.646 12.228 16.171 13 18 13s3.355-.772 3.831-1.819C28.518 11.847 30 14.275 30 16v-2c0-1.71-1.459-4.11-8-4.801"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M20%202.047V2a2%202%200%200%200-4%200v.047C7.737%202.422%206%205.127%206%207v17c0%206.627%205.373%2012%2012%2012s12-5.373%2012-12V7c0-1.873-1.737-4.578-10-4.953%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M22%209.199v-7a36%2036%200%200%200-2-.151V9a2%202%200%200%201-4%200V2.048q-1.067.051-2%20.151v7C7.459%209.89%206%2012.29%206%2014v2c0-1.725%201.482-4.153%208.169-4.819C14.646%2012.228%2016.171%2013%2018%2013s3.355-.772%203.831-1.819C28.518%2011.847%2030%2014.275%2030%2016v-2c0-1.71-1.459-4.11-8-4.801%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M20%202.047V2a2%202%200%200%200-4%200v.047C7.737%202.422%206%205.127%206%207v17c0%206.627%205.373%2012%2012%2012s12-5.373%2012-12V7c0-1.873-1.737-4.578-10-4.953%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M22%209.199v-7a36%2036%200%200%200-2-.151V9a2%202%200%200%201-4%200V2.048q-1.067.051-2%20.151v7C7.459%209.89%206%2012.29%206%2014v2c0-1.725%201.482-4.153%208.169-4.819C14.646%2012.228%2016.171%2013%2018%2013s3.355-.772%203.831-1.819C28.518%2011.847%2030%2014.275%2030%2016v-2c0-1.71-1.459-4.11-8-4.801%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/computer-mouse.svg?color=%231a73e8&size=48
