keycap 3 emoji
keycap-3 from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- keycap-3
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the keycap 3 emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M57 45.7c0 4.6-3.7 8.3-8.3 8.3H15.3C10.7 54 7 50.3 7 45.7V12.3C7 7.7 10.7 4 15.3 4h33.3c4.6 0 8.3 3.7 8.3 8.3v33.4z"/><path fill="#9aa0a5" d="m22 36.1l5.6-.7c.2 1.5.7 2.6 1.4 3.4s1.7 1.2 2.8 1.2c1.2 0 2.2-.5 3-1.4s1.2-2.2 1.2-3.8q0-2.25-1.2-3.6c-.8-.9-1.7-1.3-2.9-1.3c-.7 0-1.6.1-2.6.4l.6-4.9c1.6 0 2.8-.3 3.6-1.1s1.2-1.7 1.2-3c0-1.1-.3-1.9-.9-2.5q-.9-.9-2.4-.9c-1.5 0-1.8.4-2.5 1.1s-1.1 1.8-1.3 3.1l-5.3-.9c.4-1.9.9-3.4 1.7-4.5c.7-1.1 1.8-2 3.1-2.7c1.3-.6 2.8-1 4.5-1c2.8 0 5.1.9 6.8 2.8c1.4 1.5 2.1 3.3 2.1 5.2c0 2.8-1.4 4.9-4.3 6.6c1.7.4 3.1 1.2 4.1 2.6c1 1.3 1.5 3 1.5 4.9c0 2.8-1 5.1-2.9 7c-1.7 1.9-4.1 2.9-7 2.9c-2.7 0-5-.8-6.8-2.4c-1.8-1.7-2.8-3.8-3.1-6.5"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneKeycap3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M57 45.7c0 4.6-3.7 8.3-8.3 8.3H15.3C10.7 54 7 50.3 7 45.7V12.3C7 7.7 10.7 4 15.3 4h33.3c4.6 0 8.3 3.7 8.3 8.3v33.4z"/><path fill="#9aa0a5" d="m22 36.1l5.6-.7c.2 1.5.7 2.6 1.4 3.4s1.7 1.2 2.8 1.2c1.2 0 2.2-.5 3-1.4s1.2-2.2 1.2-3.8q0-2.25-1.2-3.6c-.8-.9-1.7-1.3-2.9-1.3c-.7 0-1.6.1-2.6.4l.6-4.9c1.6 0 2.8-.3 3.6-1.1s1.2-1.7 1.2-3c0-1.1-.3-1.9-.9-2.5q-.9-.9-2.4-.9c-1.5 0-1.8.4-2.5 1.1s-1.1 1.8-1.3 3.1l-5.3-.9c.4-1.9.9-3.4 1.7-4.5c.7-1.1 1.8-2 3.1-2.7c1.3-.6 2.8-1 4.5-1c2.8 0 5.1.9 6.8 2.8c1.4 1.5 2.1 3.3 2.1 5.2c0 2.8-1.4 4.9-4.3 6.6c1.7.4 3.1 1.2 4.1 2.6c1 1.3 1.5 3 1.5 4.9c0 2.8-1 5.1-2.9 7c-1.7 1.9-4.1 2.9-7 2.9c-2.7 0-5-.8-6.8-2.4c-1.8-1.7-2.8-3.8-3.1-6.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d0d0d0" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M57 45.7c0 4.6-3.7 8.3-8.3 8.3H15.3C10.7 54 7 50.3 7 45.7V12.3C7 7.7 10.7 4 15.3 4h33.3c4.6 0 8.3 3.7 8.3 8.3v33.4z"/><path fill="#9aa0a5" d="m22 36.1l5.6-.7c.2 1.5.7 2.6 1.4 3.4s1.7 1.2 2.8 1.2c1.2 0 2.2-.5 3-1.4s1.2-2.2 1.2-3.8q0-2.25-1.2-3.6c-.8-.9-1.7-1.3-2.9-1.3c-.7 0-1.6.1-2.6.4l.6-4.9c1.6 0 2.8-.3 3.6-1.1s1.2-1.7 1.2-3c0-1.1-.3-1.9-.9-2.5q-.9-.9-2.4-.9c-1.5 0-1.8.4-2.5 1.1s-1.1 1.8-1.3 3.1l-5.3-.9c.4-1.9.9-3.4 1.7-4.5c.7-1.1 1.8-2 3.1-2.7c1.3-.6 2.8-1 4.5-1c2.8 0 5.1.9 6.8 2.8c1.4 1.5 2.1 3.3 2.1 5.2c0 2.8-1.4 4.9-4.3 6.6c1.7.4 3.1 1.2 4.1 2.6c1 1.3 1.5 3 1.5 4.9c0 2.8-1 5.1-2.9 7c-1.7 1.9-4.1 2.9-7 2.9c-2.7 0-5-.8-6.8-2.4c-1.8-1.7-2.8-3.8-3.1-6.5"/></svg> </template>
CSS
.icon-keycap-3 {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M62%2052c0%205.5-4.5%2010-10%2010H12C6.5%2062%202%2057.5%202%2052V12C2%206.5%206.5%202%2012%202h40c5.5%200%2010%204.5%2010%2010z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M57%2045.7c0%204.6-3.7%208.3-8.3%208.3H15.3C10.7%2054%207%2050.3%207%2045.7V12.3C7%207.7%2010.7%204%2015.3%204h33.3c4.6%200%208.3%203.7%208.3%208.3v33.4z%22%2F%3E%3Cpath%20fill%3D%22%239aa0a5%22%20d%3D%22m22%2036.1l5.6-.7c.2%201.5.7%202.6%201.4%203.4s1.7%201.2%202.8%201.2c1.2%200%202.2-.5%203-1.4s1.2-2.2%201.2-3.8q0-2.25-1.2-3.6c-.8-.9-1.7-1.3-2.9-1.3c-.7%200-1.6.1-2.6.4l.6-4.9c1.6%200%202.8-.3%203.6-1.1s1.2-1.7%201.2-3c0-1.1-.3-1.9-.9-2.5q-.9-.9-2.4-.9c-1.5%200-1.8.4-2.5%201.1s-1.1%201.8-1.3%203.1l-5.3-.9c.4-1.9.9-3.4%201.7-4.5c.7-1.1%201.8-2%203.1-2.7c1.3-.6%202.8-1%204.5-1c2.8%200%205.1.9%206.8%202.8c1.4%201.5%202.1%203.3%202.1%205.2c0%202.8-1.4%204.9-4.3%206.6c1.7.4%203.1%201.2%204.1%202.6c1%201.3%201.5%203%201.5%204.9c0%202.8-1%205.1-2.9%207c-1.7%201.9-4.1%202.9-7%202.9c-2.7%200-5-.8-6.8-2.4c-1.8-1.7-2.8-3.8-3.1-6.5%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M62%2052c0%205.5-4.5%2010-10%2010H12C6.5%2062%202%2057.5%202%2052V12C2%206.5%206.5%202%2012%202h40c5.5%200%2010%204.5%2010%2010z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M57%2045.7c0%204.6-3.7%208.3-8.3%208.3H15.3C10.7%2054%207%2050.3%207%2045.7V12.3C7%207.7%2010.7%204%2015.3%204h33.3c4.6%200%208.3%203.7%208.3%208.3v33.4z%22%2F%3E%3Cpath%20fill%3D%22%239aa0a5%22%20d%3D%22m22%2036.1l5.6-.7c.2%201.5.7%202.6%201.4%203.4s1.7%201.2%202.8%201.2c1.2%200%202.2-.5%203-1.4s1.2-2.2%201.2-3.8q0-2.25-1.2-3.6c-.8-.9-1.7-1.3-2.9-1.3c-.7%200-1.6.1-2.6.4l.6-4.9c1.6%200%202.8-.3%203.6-1.1s1.2-1.7%201.2-3c0-1.1-.3-1.9-.9-2.5q-.9-.9-2.4-.9c-1.5%200-1.8.4-2.5%201.1s-1.1%201.8-1.3%203.1l-5.3-.9c.4-1.9.9-3.4%201.7-4.5c.7-1.1%201.8-2%203.1-2.7c1.3-.6%202.8-1%204.5-1c2.8%200%205.1.9%206.8%202.8c1.4%201.5%202.1%203.3%202.1%205.2c0%202.8-1.4%204.9-4.3%206.6c1.7.4%203.1%201.2%204.1%202.6c1%201.3%201.5%203%201.5%204.9c0%202.8-1%205.1-2.9%207c-1.7%201.9-4.1%202.9-7%202.9c-2.7%200-5-.8-6.8-2.4c-1.8-1.7-2.8-3.8-3.1-6.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/keycap-3.svg?color=%231a73e8&size=48
