japanese service charge button emoji

japanese-service-charge-button from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.

Name
japanese-service-charge-button
Set
Twitter Emoji
Style
Default
Category
Symbols
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

japanese-service-charge-buttonEmoji One (Colored)japanese-service-charge-buttonFluent Emojijapanese-service-charge-buttonFluent Emoji Flatjapanese-service-charge-buttonFluent Emoji High Contrastjapanese-service-charge-buttonNoto Emojijapanese-service-charge-buttonOpenMoji

More symbols icons from Twitter 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 japanese service charge button emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M11.275 7.324c0-.648.432-1.026 1.134-1.026c.675 0 1.188.378 1.188 1.026v4.291h8.827V7.324c0-.648.404-1.026 1.107-1.026c.675 0 1.188.378 1.188 1.026v4.291h4.13c.729 0 1.026.459 1.026 1.053s-.298 1.08-.999 1.08h-4.157v2.888c0 3.266-.675 5.831-1.97 7.72c-1.674 2.429-4.67 4.184-7.99 4.75c-.135.027-.243.027-.351.027c-.594 0-.945-.297-1.053-.837c-.027-.108-.027-.188-.027-.297c0-.54.351-.891.972-.999c2.645-.459 5.236-2.051 6.532-3.941c1.079-1.566 1.593-3.698 1.593-6.883v-2.429h-8.827v6.641c0 .674-.513 1.025-1.188 1.025c-.702 0-1.134-.352-1.134-1.025v-6.641H7.119c-.702 0-.999-.486-.999-1.08s.297-1.025 1.025-1.025h4.13z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiJapaneseServiceChargeButton(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M11.275 7.324c0-.648.432-1.026 1.134-1.026c.675 0 1.188.378 1.188 1.026v4.291h8.827V7.324c0-.648.404-1.026 1.107-1.026c.675 0 1.188.378 1.188 1.026v4.291h4.13c.729 0 1.026.459 1.026 1.053s-.298 1.08-.999 1.08h-4.157v2.888c0 3.266-.675 5.831-1.97 7.72c-1.674 2.429-4.67 4.184-7.99 4.75c-.135.027-.243.027-.351.027c-.594 0-.945-.297-1.053-.837c-.027-.108-.027-.188-.027-.297c0-.54.351-.891.972-.999c2.645-.459 5.236-2.051 6.532-3.941c1.079-1.566 1.593-3.698 1.593-6.883v-2.429h-8.827v6.641c0 .674-.513 1.025-1.188 1.025c-.702 0-1.134-.352-1.134-1.025v-6.641H7.119c-.702 0-.999-.486-.999-1.08s.297-1.025 1.025-1.025h4.13z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M11.275 7.324c0-.648.432-1.026 1.134-1.026c.675 0 1.188.378 1.188 1.026v4.291h8.827V7.324c0-.648.404-1.026 1.107-1.026c.675 0 1.188.378 1.188 1.026v4.291h4.13c.729 0 1.026.459 1.026 1.053s-.298 1.08-.999 1.08h-4.157v2.888c0 3.266-.675 5.831-1.97 7.72c-1.674 2.429-4.67 4.184-7.99 4.75c-.135.027-.243.027-.351.027c-.594 0-.945-.297-1.053-.837c-.027-.108-.027-.188-.027-.297c0-.54.351-.891.972-.999c2.645-.459 5.236-2.051 6.532-3.941c1.079-1.566 1.593-3.698 1.593-6.883v-2.429h-8.827v6.641c0 .674-.513 1.025-1.188 1.025c-.702 0-1.134-.352-1.134-1.025v-6.641H7.119c-.702 0-.999-.486-.999-1.08s.297-1.025 1.025-1.025h4.13z"/></svg>
</template>

CSS

.icon-japanese-service-charge-button {
  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%23269%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.275%207.324c0-.648.432-1.026%201.134-1.026c.675%200%201.188.378%201.188%201.026v4.291h8.827V7.324c0-.648.404-1.026%201.107-1.026c.675%200%201.188.378%201.188%201.026v4.291h4.13c.729%200%201.026.459%201.026%201.053s-.298%201.08-.999%201.08h-4.157v2.888c0%203.266-.675%205.831-1.97%207.72c-1.674%202.429-4.67%204.184-7.99%204.75c-.135.027-.243.027-.351.027c-.594%200-.945-.297-1.053-.837c-.027-.108-.027-.188-.027-.297c0-.54.351-.891.972-.999c2.645-.459%205.236-2.051%206.532-3.941c1.079-1.566%201.593-3.698%201.593-6.883v-2.429h-8.827v6.641c0%20.674-.513%201.025-1.188%201.025c-.702%200-1.134-.352-1.134-1.025v-6.641H7.119c-.702%200-.999-.486-.999-1.08s.297-1.025%201.025-1.025h4.13z%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%23269%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.275%207.324c0-.648.432-1.026%201.134-1.026c.675%200%201.188.378%201.188%201.026v4.291h8.827V7.324c0-.648.404-1.026%201.107-1.026c.675%200%201.188.378%201.188%201.026v4.291h4.13c.729%200%201.026.459%201.026%201.053s-.298%201.08-.999%201.08h-4.157v2.888c0%203.266-.675%205.831-1.97%207.72c-1.674%202.429-4.67%204.184-7.99%204.75c-.135.027-.243.027-.351.027c-.594%200-.945-.297-1.053-.837c-.027-.108-.027-.188-.027-.297c0-.54.351-.891.972-.999c2.645-.459%205.236-2.051%206.532-3.941c1.079-1.566%201.593-3.698%201.593-6.883v-2.429h-8.827v6.641c0%20.674-.513%201.025-1.188%201.025c-.702%200-1.134-.352-1.134-1.025v-6.641H7.119c-.702%200-.999-.486-.999-1.08s.297-1.025%201.025-1.025h4.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/japanese-service-charge-button.svg?color=%231a73e8&size=48