mouse emoji
mouse from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- mouse
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
mouseBootstrap IconsmouseBoxIcons v2mouseBoxIcons v2 SolidmouseEmoji One (Colored)mouseElement PlusmouseFont Awesome SolidmouseFluent EmojimouseFluent Emoji FlatmouseFluent Emoji High ContrastmouseFirefox OS Emojimousecss.ggmouseIconParkmouseIconPark OutlinemouseIconPark SolidmouseIconPark TwoTonemouseIonIconsmouseLine AwesomemouseLucidemouseMage IconsmouseMajesticonsmouseMaterial SymbolsmouseMaterial Symbols LightmouseMaterial Design Iconsmouse-fillMingCute Icon
More animals & nature icons from Twitter Emoji
Use the mouse emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M30 36H17a1 1 0 1 1 0-2h13c2.542 0 4-1.367 4-3.75c0-1.537-1.643-3.25-4-3.25h-7a1 1 0 1 1 0-2h7c3.589 0 6 2.715 6 5.25c0 3.493-2.355 5.75-6 5.75"/><path fill="#ccd6dd" d="M12 26.717c0-2.85 3-7.035 0-7.035c-4 0-10.137 6.566-10.137 8.442S8.304 30 11.153 30s.847-.434.847-3.283"/><path fill="#ccd6dd" d="M33 23.902c0-7.973-6.554-9.752-11.381-8.787c-9.38 1.876-11.132 6.442-11.132 10.194c0 4.922 9.149 4.69 14.071 4.69S33 28.825 33 23.902"/><path fill="#ccd6dd" d="M25 22.496L7.894 24.371L11.425 30H25zm-8.082-5.353c0-2.683-1.997-4.858-4.458-4.858C9.997 12.286 8 14.46 8 17.143S9.997 22 12.46 22c2.461 0 4.458-2.174 4.458-4.857"/><path fill="#f4abba" d="M14.37 17.683c0 1.788-1.141 3.239-2.548 3.239s-2.548-1.451-2.548-3.239s1.14-3.238 2.548-3.238c1.407-.001 2.548 1.449 2.548 3.238"/><circle cx="8.5" cy="24.5" r="1.5" fill="#dd2e44"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M30 36H17a1 1 0 1 1 0-2h13c2.542 0 4-1.367 4-3.75c0-1.537-1.643-3.25-4-3.25h-7a1 1 0 1 1 0-2h7c3.589 0 6 2.715 6 5.25c0 3.493-2.355 5.75-6 5.75"/><path fill="#ccd6dd" d="M12 26.717c0-2.85 3-7.035 0-7.035c-4 0-10.137 6.566-10.137 8.442S8.304 30 11.153 30s.847-.434.847-3.283"/><path fill="#ccd6dd" d="M33 23.902c0-7.973-6.554-9.752-11.381-8.787c-9.38 1.876-11.132 6.442-11.132 10.194c0 4.922 9.149 4.69 14.071 4.69S33 28.825 33 23.902"/><path fill="#ccd6dd" d="M25 22.496L7.894 24.371L11.425 30H25zm-8.082-5.353c0-2.683-1.997-4.858-4.458-4.858C9.997 12.286 8 14.46 8 17.143S9.997 22 12.46 22c2.461 0 4.458-2.174 4.458-4.857"/><path fill="#f4abba" d="M14.37 17.683c0 1.788-1.141 3.239-2.548 3.239s-2.548-1.451-2.548-3.239s1.14-3.238 2.548-3.238c1.407-.001 2.548 1.449 2.548 3.238"/><circle cx="8.5" cy="24.5" r="1.5" fill="#dd2e44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ea596e" d="M30 36H17a1 1 0 1 1 0-2h13c2.542 0 4-1.367 4-3.75c0-1.537-1.643-3.25-4-3.25h-7a1 1 0 1 1 0-2h7c3.589 0 6 2.715 6 5.25c0 3.493-2.355 5.75-6 5.75"/><path fill="#ccd6dd" d="M12 26.717c0-2.85 3-7.035 0-7.035c-4 0-10.137 6.566-10.137 8.442S8.304 30 11.153 30s.847-.434.847-3.283"/><path fill="#ccd6dd" d="M33 23.902c0-7.973-6.554-9.752-11.381-8.787c-9.38 1.876-11.132 6.442-11.132 10.194c0 4.922 9.149 4.69 14.071 4.69S33 28.825 33 23.902"/><path fill="#ccd6dd" d="M25 22.496L7.894 24.371L11.425 30H25zm-8.082-5.353c0-2.683-1.997-4.858-4.458-4.858C9.997 12.286 8 14.46 8 17.143S9.997 22 12.46 22c2.461 0 4.458-2.174 4.458-4.857"/><path fill="#f4abba" d="M14.37 17.683c0 1.788-1.141 3.239-2.548 3.239s-2.548-1.451-2.548-3.239s1.14-3.238 2.548-3.238c1.407-.001 2.548 1.449 2.548 3.238"/><circle cx="8.5" cy="24.5" r="1.5" fill="#dd2e44"/></svg> </template>
CSS
.icon-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%23ea596e%22%20d%3D%22M30%2036H17a1%201%200%201%201%200-2h13c2.542%200%204-1.367%204-3.75c0-1.537-1.643-3.25-4-3.25h-7a1%201%200%201%201%200-2h7c3.589%200%206%202.715%206%205.25c0%203.493-2.355%205.75-6%205.75%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M12%2026.717c0-2.85%203-7.035%200-7.035c-4%200-10.137%206.566-10.137%208.442S8.304%2030%2011.153%2030s.847-.434.847-3.283%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2023.902c0-7.973-6.554-9.752-11.381-8.787c-9.38%201.876-11.132%206.442-11.132%2010.194c0%204.922%209.149%204.69%2014.071%204.69S33%2028.825%2033%2023.902%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M25%2022.496L7.894%2024.371L11.425%2030H25zm-8.082-5.353c0-2.683-1.997-4.858-4.458-4.858C9.997%2012.286%208%2014.46%208%2017.143S9.997%2022%2012.46%2022c2.461%200%204.458-2.174%204.458-4.857%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M14.37%2017.683c0%201.788-1.141%203.239-2.548%203.239s-2.548-1.451-2.548-3.239s1.14-3.238%202.548-3.238c1.407-.001%202.548%201.449%202.548%203.238%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2224.5%22%20r%3D%221.5%22%20fill%3D%22%23dd2e44%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%23ea596e%22%20d%3D%22M30%2036H17a1%201%200%201%201%200-2h13c2.542%200%204-1.367%204-3.75c0-1.537-1.643-3.25-4-3.25h-7a1%201%200%201%201%200-2h7c3.589%200%206%202.715%206%205.25c0%203.493-2.355%205.75-6%205.75%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M12%2026.717c0-2.85%203-7.035%200-7.035c-4%200-10.137%206.566-10.137%208.442S8.304%2030%2011.153%2030s.847-.434.847-3.283%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2023.902c0-7.973-6.554-9.752-11.381-8.787c-9.38%201.876-11.132%206.442-11.132%2010.194c0%204.922%209.149%204.69%2014.071%204.69S33%2028.825%2033%2023.902%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M25%2022.496L7.894%2024.371L11.425%2030H25zm-8.082-5.353c0-2.683-1.997-4.858-4.458-4.858C9.997%2012.286%208%2014.46%208%2017.143S9.997%2022%2012.46%2022c2.461%200%204.458-2.174%204.458-4.857%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M14.37%2017.683c0%201.788-1.141%203.239-2.548%203.239s-2.548-1.451-2.548-3.239s1.14-3.238%202.548-3.238c1.407-.001%202.548%201.449%202.548%203.238%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2224.5%22%20r%3D%221.5%22%20fill%3D%22%23dd2e44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mouse.svg?color=%231a73e8&size=48
