keycap 3 emoji
keycap-3 from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- keycap-3
- Set
- Noto Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More symbols icons from Noto Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the keycap 3 emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116.46 3.96h-104c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8v-104c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M122.16 6.26a8.4 8.4 0 0 0-5.7-2.3h-104c-4.42 0-8 3.58-8 8v104c.02 2.12.84 4.16 2.3 5.7l16.8-16.8h76a5.91 5.91 0 0 0 5.9-5.9v-76z"/><path fill="#fafafa" d="M56.46 60.06c-.01-.99.79-1.79 1.78-1.8h5.02c2.97.16 5.9-.81 8.2-2.7c2-1.8 3-4.3 3-7.6s-.8-5.7-2.5-7.5s-4.2-2.7-7.7-2.7c-2.71-.09-5.35.83-7.4 2.6a8.15 8.15 0 0 0-2.8 5.2c-.12.91-.88 1.59-1.8 1.6h-7.6c-.99.01-1.8-.78-1.81-1.77c0-.08 0-.16.01-.23c.29-2.63 1.18-5.17 2.6-7.4a18.53 18.53 0 0 1 7.7-6.6c3.43-1.64 7.2-2.46 11-2.4c6.7 0 12 1.7 15.8 5.1s5.7 8.1 5.7 14.1c-.03 3.07-1.05 6.05-2.9 8.5c-1.18 1.7-2.67 3.16-4.4 4.3a1.86 1.86 0 0 0-.42 2.61c.14.2.32.36.52.49c2.09 1.12 3.9 2.69 5.3 4.6c1.97 2.85 2.98 6.24 2.9 9.7c0 6-2.1 10.8-6.2 14.4s-9.6 5.4-16.3 5.4c-6.5 0-11.8-1.7-15.9-5.2a16.7 16.7 0 0 1-6.1-11.8c-.09-1.01.66-1.9 1.67-1.99c.04 0 .08-.01.13-.01h7.6c.92.01 1.68.69 1.8 1.6a9.26 9.26 0 0 0 2.9 5.6c2.22 1.91 5.08 2.91 8 2.8c3.5 0 6.2-.9 8.2-2.8s3-4.5 3-8s-1-6.3-3.1-8.2s-5.2-2.9-9.3-2.9h-4.8c-.99.01-1.79-.79-1.8-1.78z"/><path fill="#b4e1ed" d="M40.16 12.86c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4s-2.9 8.5-3 15.3c0 4.8 0 9.3 2.5 9.3c3.4 0 3.4-7.9 6.2-12.3c5.4-8.7 18.9-10.6 18.9-13.6" opacity=".5"/></svg>
React
import type { SVGProps } from "react";
export function NotoKeycap3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116.46 3.96h-104c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8v-104c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M122.16 6.26a8.4 8.4 0 0 0-5.7-2.3h-104c-4.42 0-8 3.58-8 8v104c.02 2.12.84 4.16 2.3 5.7l16.8-16.8h76a5.91 5.91 0 0 0 5.9-5.9v-76z"/><path fill="#fafafa" d="M56.46 60.06c-.01-.99.79-1.79 1.78-1.8h5.02c2.97.16 5.9-.81 8.2-2.7c2-1.8 3-4.3 3-7.6s-.8-5.7-2.5-7.5s-4.2-2.7-7.7-2.7c-2.71-.09-5.35.83-7.4 2.6a8.15 8.15 0 0 0-2.8 5.2c-.12.91-.88 1.59-1.8 1.6h-7.6c-.99.01-1.8-.78-1.81-1.77c0-.08 0-.16.01-.23c.29-2.63 1.18-5.17 2.6-7.4a18.53 18.53 0 0 1 7.7-6.6c3.43-1.64 7.2-2.46 11-2.4c6.7 0 12 1.7 15.8 5.1s5.7 8.1 5.7 14.1c-.03 3.07-1.05 6.05-2.9 8.5c-1.18 1.7-2.67 3.16-4.4 4.3a1.86 1.86 0 0 0-.42 2.61c.14.2.32.36.52.49c2.09 1.12 3.9 2.69 5.3 4.6c1.97 2.85 2.98 6.24 2.9 9.7c0 6-2.1 10.8-6.2 14.4s-9.6 5.4-16.3 5.4c-6.5 0-11.8-1.7-15.9-5.2a16.7 16.7 0 0 1-6.1-11.8c-.09-1.01.66-1.9 1.67-1.99c.04 0 .08-.01.13-.01h7.6c.92.01 1.68.69 1.8 1.6a9.26 9.26 0 0 0 2.9 5.6c2.22 1.91 5.08 2.91 8 2.8c3.5 0 6.2-.9 8.2-2.8s3-4.5 3-8s-1-6.3-3.1-8.2s-5.2-2.9-9.3-2.9h-4.8c-.99.01-1.79-.79-1.8-1.78z"/><path fill="#b4e1ed" d="M40.16 12.86c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4s-2.9 8.5-3 15.3c0 4.8 0 9.3 2.5 9.3c3.4 0 3.4-7.9 6.2-12.3c5.4-8.7 18.9-10.6 18.9-13.6" opacity=".5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116.46 3.96h-104c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8v-104c0-4.42-3.58-8-8-8"/><path fill="#8cafbf" d="M122.16 6.26a8.4 8.4 0 0 0-5.7-2.3h-104c-4.42 0-8 3.58-8 8v104c.02 2.12.84 4.16 2.3 5.7l16.8-16.8h76a5.91 5.91 0 0 0 5.9-5.9v-76z"/><path fill="#fafafa" d="M56.46 60.06c-.01-.99.79-1.79 1.78-1.8h5.02c2.97.16 5.9-.81 8.2-2.7c2-1.8 3-4.3 3-7.6s-.8-5.7-2.5-7.5s-4.2-2.7-7.7-2.7c-2.71-.09-5.35.83-7.4 2.6a8.15 8.15 0 0 0-2.8 5.2c-.12.91-.88 1.59-1.8 1.6h-7.6c-.99.01-1.8-.78-1.81-1.77c0-.08 0-.16.01-.23c.29-2.63 1.18-5.17 2.6-7.4a18.53 18.53 0 0 1 7.7-6.6c3.43-1.64 7.2-2.46 11-2.4c6.7 0 12 1.7 15.8 5.1s5.7 8.1 5.7 14.1c-.03 3.07-1.05 6.05-2.9 8.5c-1.18 1.7-2.67 3.16-4.4 4.3a1.86 1.86 0 0 0-.42 2.61c.14.2.32.36.52.49c2.09 1.12 3.9 2.69 5.3 4.6c1.97 2.85 2.98 6.24 2.9 9.7c0 6-2.1 10.8-6.2 14.4s-9.6 5.4-16.3 5.4c-6.5 0-11.8-1.7-15.9-5.2a16.7 16.7 0 0 1-6.1-11.8c-.09-1.01.66-1.9 1.67-1.99c.04 0 .08-.01.13-.01h7.6c.92.01 1.68.69 1.8 1.6a9.26 9.26 0 0 0 2.9 5.6c2.22 1.91 5.08 2.91 8 2.8c3.5 0 6.2-.9 8.2-2.8s3-4.5 3-8s-1-6.3-3.1-8.2s-5.2-2.9-9.3-2.9h-4.8c-.99.01-1.79-.79-1.8-1.78z"/><path fill="#b4e1ed" d="M40.16 12.86c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4s-2.9 8.5-3 15.3c0 4.8 0 9.3 2.5 9.3c3.4 0 3.4-7.9 6.2-12.3c5.4-8.7 18.9-10.6 18.9-13.6" opacity=".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%20128%20128%22%3E%3Cpath%20fill%3D%22%23427687%22%20d%3D%22M116.46%203.96h-104c-4.42%200-8%203.58-8%208v104c0%204.42%203.58%208%208%208h104c4.42%200%208-3.58%208-8v-104c0-4.42-3.58-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M122.16%206.26a8.4%208.4%200%200%200-5.7-2.3h-104c-4.42%200-8%203.58-8%208v104c.02%202.12.84%204.16%202.3%205.7l16.8-16.8h76a5.91%205.91%200%200%200%205.9-5.9v-76z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M56.46%2060.06c-.01-.99.79-1.79%201.78-1.8h5.02c2.97.16%205.9-.81%208.2-2.7c2-1.8%203-4.3%203-7.6s-.8-5.7-2.5-7.5s-4.2-2.7-7.7-2.7c-2.71-.09-5.35.83-7.4%202.6a8.15%208.15%200%200%200-2.8%205.2c-.12.91-.88%201.59-1.8%201.6h-7.6c-.99.01-1.8-.78-1.81-1.77c0-.08%200-.16.01-.23c.29-2.63%201.18-5.17%202.6-7.4a18.53%2018.53%200%200%201%207.7-6.6c3.43-1.64%207.2-2.46%2011-2.4c6.7%200%2012%201.7%2015.8%205.1s5.7%208.1%205.7%2014.1c-.03%203.07-1.05%206.05-2.9%208.5c-1.18%201.7-2.67%203.16-4.4%204.3a1.86%201.86%200%200%200-.42%202.61c.14.2.32.36.52.49c2.09%201.12%203.9%202.69%205.3%204.6c1.97%202.85%202.98%206.24%202.9%209.7c0%206-2.1%2010.8-6.2%2014.4s-9.6%205.4-16.3%205.4c-6.5%200-11.8-1.7-15.9-5.2a16.7%2016.7%200%200%201-6.1-11.8c-.09-1.01.66-1.9%201.67-1.99c.04%200%20.08-.01.13-.01h7.6c.92.01%201.68.69%201.8%201.6a9.26%209.26%200%200%200%202.9%205.6c2.22%201.91%205.08%202.91%208%202.8c3.5%200%206.2-.9%208.2-2.8s3-4.5%203-8s-1-6.3-3.1-8.2s-5.2-2.9-9.3-2.9h-4.8c-.99.01-1.79-.79-1.8-1.78z%22%2F%3E%3Cpath%20fill%3D%22%23b4e1ed%22%20d%3D%22M40.16%2012.86c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5%201.2-13.8%204s-2.9%208.5-3%2015.3c0%204.8%200%209.3%202.5%209.3c3.4%200%203.4-7.9%206.2-12.3c5.4-8.7%2018.9-10.6%2018.9-13.6%22%20opacity%3D%22.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%20128%20128%22%3E%3Cpath%20fill%3D%22%23427687%22%20d%3D%22M116.46%203.96h-104c-4.42%200-8%203.58-8%208v104c0%204.42%203.58%208%208%208h104c4.42%200%208-3.58%208-8v-104c0-4.42-3.58-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M122.16%206.26a8.4%208.4%200%200%200-5.7-2.3h-104c-4.42%200-8%203.58-8%208v104c.02%202.12.84%204.16%202.3%205.7l16.8-16.8h76a5.91%205.91%200%200%200%205.9-5.9v-76z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M56.46%2060.06c-.01-.99.79-1.79%201.78-1.8h5.02c2.97.16%205.9-.81%208.2-2.7c2-1.8%203-4.3%203-7.6s-.8-5.7-2.5-7.5s-4.2-2.7-7.7-2.7c-2.71-.09-5.35.83-7.4%202.6a8.15%208.15%200%200%200-2.8%205.2c-.12.91-.88%201.59-1.8%201.6h-7.6c-.99.01-1.8-.78-1.81-1.77c0-.08%200-.16.01-.23c.29-2.63%201.18-5.17%202.6-7.4a18.53%2018.53%200%200%201%207.7-6.6c3.43-1.64%207.2-2.46%2011-2.4c6.7%200%2012%201.7%2015.8%205.1s5.7%208.1%205.7%2014.1c-.03%203.07-1.05%206.05-2.9%208.5c-1.18%201.7-2.67%203.16-4.4%204.3a1.86%201.86%200%200%200-.42%202.61c.14.2.32.36.52.49c2.09%201.12%203.9%202.69%205.3%204.6c1.97%202.85%202.98%206.24%202.9%209.7c0%206-2.1%2010.8-6.2%2014.4s-9.6%205.4-16.3%205.4c-6.5%200-11.8-1.7-15.9-5.2a16.7%2016.7%200%200%201-6.1-11.8c-.09-1.01.66-1.9%201.67-1.99c.04%200%20.08-.01.13-.01h7.6c.92.01%201.68.69%201.8%201.6a9.26%209.26%200%200%200%202.9%205.6c2.22%201.91%205.08%202.91%208%202.8c3.5%200%206.2-.9%208.2-2.8s3-4.5%203-8s-1-6.3-3.1-8.2s-5.2-2.9-9.3-2.9h-4.8c-.99.01-1.79-.79-1.8-1.78z%22%2F%3E%3Cpath%20fill%3D%22%23b4e1ed%22%20d%3D%22M40.16%2012.86c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5%201.2-13.8%204s-2.9%208.5-3%2015.3c0%204.8%200%209.3%202.5%209.3c3.4%200%203.4-7.9%206.2-12.3c5.4-8.7%2018.9-10.6%2018.9-13.6%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/keycap-3.svg?color=%231a73e8&size=48
