keycap 6 emoji
keycap-6 from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- keycap-6
- 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 6 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="m41.4 20.8l-5.6.6c-.1-1.2-.5-2.1-1.1-2.6c-.6-.6-1.3-.9-2.2-.9c-1.2 0-2.2.6-3.1 1.7c-.8 1.1-1.4 3.5-1.6 7.1c1.4-1.8 3.2-2.7 5.3-2.7c2.4 0 4.5 1 6.2 2.9s2.6 4.4 2.6 7.4c0 3.2-.9 5.8-2.7 7.7s-4 3-6.8 3c-3 0-5.5-1.2-7.5-3.7C23 38.9 22 34.8 22 29.2c0-5.7 1-9.9 3-12.4s4.7-3.8 7.9-3.8c2.3 0 4.2.7 5.6 2c1.6 1.3 2.5 3.3 2.9 5.8m-13 13.1c0 2 .4 3.5 1.3 4.5c.9 1.1 1.8 1.6 2.9 1.6s1.9-.4 2.7-1.3c.7-.9 1.1-2.3 1.1-4.3s-.4-3.5-1.1-4.5c-.8-.9-1.7-1.4-2.9-1.4c-1.1 0-2 .5-2.8 1.4s-1.2 2.2-1.2 4"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneKeycap6(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="m41.4 20.8l-5.6.6c-.1-1.2-.5-2.1-1.1-2.6c-.6-.6-1.3-.9-2.2-.9c-1.2 0-2.2.6-3.1 1.7c-.8 1.1-1.4 3.5-1.6 7.1c1.4-1.8 3.2-2.7 5.3-2.7c2.4 0 4.5 1 6.2 2.9s2.6 4.4 2.6 7.4c0 3.2-.9 5.8-2.7 7.7s-4 3-6.8 3c-3 0-5.5-1.2-7.5-3.7C23 38.9 22 34.8 22 29.2c0-5.7 1-9.9 3-12.4s4.7-3.8 7.9-3.8c2.3 0 4.2.7 5.6 2c1.6 1.3 2.5 3.3 2.9 5.8m-13 13.1c0 2 .4 3.5 1.3 4.5c.9 1.1 1.8 1.6 2.9 1.6s1.9-.4 2.7-1.3c.7-.9 1.1-2.3 1.1-4.3s-.4-3.5-1.1-4.5c-.8-.9-1.7-1.4-2.9-1.4c-1.1 0-2 .5-2.8 1.4s-1.2 2.2-1.2 4"/></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="m41.4 20.8l-5.6.6c-.1-1.2-.5-2.1-1.1-2.6c-.6-.6-1.3-.9-2.2-.9c-1.2 0-2.2.6-3.1 1.7c-.8 1.1-1.4 3.5-1.6 7.1c1.4-1.8 3.2-2.7 5.3-2.7c2.4 0 4.5 1 6.2 2.9s2.6 4.4 2.6 7.4c0 3.2-.9 5.8-2.7 7.7s-4 3-6.8 3c-3 0-5.5-1.2-7.5-3.7C23 38.9 22 34.8 22 29.2c0-5.7 1-9.9 3-12.4s4.7-3.8 7.9-3.8c2.3 0 4.2.7 5.6 2c1.6 1.3 2.5 3.3 2.9 5.8m-13 13.1c0 2 .4 3.5 1.3 4.5c.9 1.1 1.8 1.6 2.9 1.6s1.9-.4 2.7-1.3c.7-.9 1.1-2.3 1.1-4.3s-.4-3.5-1.1-4.5c-.8-.9-1.7-1.4-2.9-1.4c-1.1 0-2 .5-2.8 1.4s-1.2 2.2-1.2 4"/></svg> </template>
CSS
.icon-keycap-6 {
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%22m41.4%2020.8l-5.6.6c-.1-1.2-.5-2.1-1.1-2.6c-.6-.6-1.3-.9-2.2-.9c-1.2%200-2.2.6-3.1%201.7c-.8%201.1-1.4%203.5-1.6%207.1c1.4-1.8%203.2-2.7%205.3-2.7c2.4%200%204.5%201%206.2%202.9s2.6%204.4%202.6%207.4c0%203.2-.9%205.8-2.7%207.7s-4%203-6.8%203c-3%200-5.5-1.2-7.5-3.7C23%2038.9%2022%2034.8%2022%2029.2c0-5.7%201-9.9%203-12.4s4.7-3.8%207.9-3.8c2.3%200%204.2.7%205.6%202c1.6%201.3%202.5%203.3%202.9%205.8m-13%2013.1c0%202%20.4%203.5%201.3%204.5c.9%201.1%201.8%201.6%202.9%201.6s1.9-.4%202.7-1.3c.7-.9%201.1-2.3%201.1-4.3s-.4-3.5-1.1-4.5c-.8-.9-1.7-1.4-2.9-1.4c-1.1%200-2%20.5-2.8%201.4s-1.2%202.2-1.2%204%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%22m41.4%2020.8l-5.6.6c-.1-1.2-.5-2.1-1.1-2.6c-.6-.6-1.3-.9-2.2-.9c-1.2%200-2.2.6-3.1%201.7c-.8%201.1-1.4%203.5-1.6%207.1c1.4-1.8%203.2-2.7%205.3-2.7c2.4%200%204.5%201%206.2%202.9s2.6%204.4%202.6%207.4c0%203.2-.9%205.8-2.7%207.7s-4%203-6.8%203c-3%200-5.5-1.2-7.5-3.7C23%2038.9%2022%2034.8%2022%2029.2c0-5.7%201-9.9%203-12.4s4.7-3.8%207.9-3.8c2.3%200%204.2.7%205.6%202c1.6%201.3%202.5%203.3%202.9%205.8m-13%2013.1c0%202%20.4%203.5%201.3%204.5c.9%201.1%201.8%201.6%202.9%201.6s1.9-.4%202.7-1.3c.7-.9%201.1-2.3%201.1-4.3s-.4-3.5-1.1-4.5c-.8-.9-1.7-1.4-2.9-1.4c-1.1%200-2%20.5-2.8%201.4s-1.2%202.2-1.2%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/keycap-6.svg?color=%231a73e8&size=48
