japanese service charge button emoji

japanese-service-charge-button from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.

Name
japanese-service-charge-button
Set
Fluent Emoji High Contrast
Style
Default
Category
Symbols
Viewbox
32×32
License
MIT

The same emoji in other sets

japanese-service-charge-buttonEmoji One (Colored)japanese-service-charge-buttonFluent Emojijapanese-service-charge-buttonFluent Emoji Flatjapanese-service-charge-buttonNoto Emojijapanese-service-charge-buttonOpenMojijapanese-service-charge-buttonTwitter Emoji

More symbols icons from Fluent Emoji High Contrast

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 32 32"><g fill="currentColor"><path d="M22.584 11.934h-.936l.026-2.392c0-2.002.078-2.444.208-2.782c.156-.364.13-.598-.26-.702c-.442-.13-1.3-.26-1.95-.338c.182.988.234 2.158.234 3.9l-.026 2.314h-6.63V9.802c0-1.196.052-2.288.208-2.6c.156-.338.26-.624-.13-.728c-.468-.13-1.248-.26-2.106-.312c.26 1.196.286 2.47.286 3.64v2.132h-1.326c-1.664 0-3.042-.026-4.394-.104c.026.572.052 1.118.104 1.482l.01.059c.043.241.059.33.276.305a91 91 0 0 1 4.004-.104h1.326v1.326c0 1.482-.052 2.808-.104 4.134c0 .26.078.312.312.312c.39.026.936.026 1.3 0c.234 0 .312-.052.312-.286a111 111 0 0 1-.078-4.212v-1.274h6.63c-.052 3.354-.52 5.46-1.586 7.358c-1.248 2.184-3.51 3.744-6.968 4.836c.572.26.936.52 1.352.988c.22.22.302.187.636.052l.066-.026c2.834-1.066 5.122-2.756 6.396-4.992c1.274-2.158 1.768-4.68 1.846-8.216h.988q.553 0 1.091-.003c1.06-.005 2.079-.01 3.069.029c.286.026.338-.052.338-.312a8 8 0 0 0 0-1.118c0-.234-.026-.312-.312-.312c-1.43.078-2.756.078-4.212.078"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastJapaneseServiceChargeButton(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M22.584 11.934h-.936l.026-2.392c0-2.002.078-2.444.208-2.782c.156-.364.13-.598-.26-.702c-.442-.13-1.3-.26-1.95-.338c.182.988.234 2.158.234 3.9l-.026 2.314h-6.63V9.802c0-1.196.052-2.288.208-2.6c.156-.338.26-.624-.13-.728c-.468-.13-1.248-.26-2.106-.312c.26 1.196.286 2.47.286 3.64v2.132h-1.326c-1.664 0-3.042-.026-4.394-.104c.026.572.052 1.118.104 1.482l.01.059c.043.241.059.33.276.305a91 91 0 0 1 4.004-.104h1.326v1.326c0 1.482-.052 2.808-.104 4.134c0 .26.078.312.312.312c.39.026.936.026 1.3 0c.234 0 .312-.052.312-.286a111 111 0 0 1-.078-4.212v-1.274h6.63c-.052 3.354-.52 5.46-1.586 7.358c-1.248 2.184-3.51 3.744-6.968 4.836c.572.26.936.52 1.352.988c.22.22.302.187.636.052l.066-.026c2.834-1.066 5.122-2.756 6.396-4.992c1.274-2.158 1.768-4.68 1.846-8.216h.988q.553 0 1.091-.003c1.06-.005 2.079-.01 3.069.029c.286.026.338-.052.338-.312a8 8 0 0 0 0-1.118c0-.234-.026-.312-.312-.312c-1.43.078-2.756.078-4.212.078"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M22.584 11.934h-.936l.026-2.392c0-2.002.078-2.444.208-2.782c.156-.364.13-.598-.26-.702c-.442-.13-1.3-.26-1.95-.338c.182.988.234 2.158.234 3.9l-.026 2.314h-6.63V9.802c0-1.196.052-2.288.208-2.6c.156-.338.26-.624-.13-.728c-.468-.13-1.248-.26-2.106-.312c.26 1.196.286 2.47.286 3.64v2.132h-1.326c-1.664 0-3.042-.026-4.394-.104c.026.572.052 1.118.104 1.482l.01.059c.043.241.059.33.276.305a91 91 0 0 1 4.004-.104h1.326v1.326c0 1.482-.052 2.808-.104 4.134c0 .26.078.312.312.312c.39.026.936.026 1.3 0c.234 0 .312-.052.312-.286a111 111 0 0 1-.078-4.212v-1.274h6.63c-.052 3.354-.52 5.46-1.586 7.358c-1.248 2.184-3.51 3.744-6.968 4.836c.572.26.936.52 1.352.988c.22.22.302.187.636.052l.066-.026c2.834-1.066 5.122-2.756 6.396-4.992c1.274-2.158 1.768-4.68 1.846-8.216h.988q.553 0 1.091-.003c1.06-.005 2.079-.01 3.069.029c.286.026.338-.052.338-.312a8 8 0 0 0 0-1.118c0-.234-.026-.312-.312-.312c-1.43.078-2.756.078-4.212.078"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22.584%2011.934h-.936l.026-2.392c0-2.002.078-2.444.208-2.782c.156-.364.13-.598-.26-.702c-.442-.13-1.3-.26-1.95-.338c.182.988.234%202.158.234%203.9l-.026%202.314h-6.63V9.802c0-1.196.052-2.288.208-2.6c.156-.338.26-.624-.13-.728c-.468-.13-1.248-.26-2.106-.312c.26%201.196.286%202.47.286%203.64v2.132h-1.326c-1.664%200-3.042-.026-4.394-.104c.026.572.052%201.118.104%201.482l.01.059c.043.241.059.33.276.305a91%2091%200%200%201%204.004-.104h1.326v1.326c0%201.482-.052%202.808-.104%204.134c0%20.26.078.312.312.312c.39.026.936.026%201.3%200c.234%200%20.312-.052.312-.286a111%20111%200%200%201-.078-4.212v-1.274h6.63c-.052%203.354-.52%205.46-1.586%207.358c-1.248%202.184-3.51%203.744-6.968%204.836c.572.26.936.52%201.352.988c.22.22.302.187.636.052l.066-.026c2.834-1.066%205.122-2.756%206.396-4.992c1.274-2.158%201.768-4.68%201.846-8.216h.988q.553%200%201.091-.003c1.06-.005%202.079-.01%203.069.029c.286.026.338-.052.338-.312a8%208%200%200%200%200-1.118c0-.234-.026-.312-.312-.312c-1.43.078-2.756.078-4.212.078%22%2F%3E%3Cpath%20d%3D%22M1%206a5%205%200%200%201%205-5h20a5%205%200%200%201%205%205v20a5%205%200%200%201-5%205H6a5%205%200%200%201-5-5zm5-3a3%203%200%200%200-3%203v20a3%203%200%200%200%203%203h20a3%203%200%200%200%203-3V6a3%203%200%200%200-3-3z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22.584%2011.934h-.936l.026-2.392c0-2.002.078-2.444.208-2.782c.156-.364.13-.598-.26-.702c-.442-.13-1.3-.26-1.95-.338c.182.988.234%202.158.234%203.9l-.026%202.314h-6.63V9.802c0-1.196.052-2.288.208-2.6c.156-.338.26-.624-.13-.728c-.468-.13-1.248-.26-2.106-.312c.26%201.196.286%202.47.286%203.64v2.132h-1.326c-1.664%200-3.042-.026-4.394-.104c.026.572.052%201.118.104%201.482l.01.059c.043.241.059.33.276.305a91%2091%200%200%201%204.004-.104h1.326v1.326c0%201.482-.052%202.808-.104%204.134c0%20.26.078.312.312.312c.39.026.936.026%201.3%200c.234%200%20.312-.052.312-.286a111%20111%200%200%201-.078-4.212v-1.274h6.63c-.052%203.354-.52%205.46-1.586%207.358c-1.248%202.184-3.51%203.744-6.968%204.836c.572.26.936.52%201.352.988c.22.22.302.187.636.052l.066-.026c2.834-1.066%205.122-2.756%206.396-4.992c1.274-2.158%201.768-4.68%201.846-8.216h.988q.553%200%201.091-.003c1.06-.005%202.079-.01%203.069.029c.286.026.338-.052.338-.312a8%208%200%200%200%200-1.118c0-.234-.026-.312-.312-.312c-1.43.078-2.756.078-4.212.078%22%2F%3E%3Cpath%20d%3D%22M1%206a5%205%200%200%201%205-5h20a5%205%200%200%201%205%205v20a5%205%200%200%201-5%205H6a5%205%200%200%201-5-5zm5-3a3%203%200%200%200-3%203v20a3%203%200%200%200%203%203h20a3%203%200%200%200%203-3V6a3%203%200%200%200-3-3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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