japanese monthly amount button emoji
japanese-monthly-amount-button from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.
- Name
- japanese-monthly-amount-button
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Symbols
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
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 monthly amount 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="M23.416 20.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84 84 0 0 1-3.406.052h-5.928c-1.928 0-2.848-.033-3.22-.046l-.186-.006c-.182 0-.208.026-.208.208l.006.213c.013.42.046 1.424.046 3.193v3.172c0 7.93-.832 10.816-4.628 14.326c.338.104.754.312 1.118.598q.068.051.123.095c.13.102.212.165.293.165c.094 0 .167-.086.297-.238l.041-.048c2.34-2.418 3.51-4.576 4.03-8.424h10.166v5.694c0 .884-.364 1.196-1.17 1.196c-1.144 0-1.82-.052-2.73-.13c.208.338.364.78.468 1.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132 0 3.094 0 3.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z"/><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 FluentEmojiHighContrastJapaneseMonthlyAmountButton(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="M23.416 20.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84 84 0 0 1-3.406.052h-5.928c-1.928 0-2.848-.033-3.22-.046l-.186-.006c-.182 0-.208.026-.208.208l.006.213c.013.42.046 1.424.046 3.193v3.172c0 7.93-.832 10.816-4.628 14.326c.338.104.754.312 1.118.598q.068.051.123.095c.13.102.212.165.293.165c.094 0 .167-.086.297-.238l.041-.048c2.34-2.418 3.51-4.576 4.03-8.424h10.166v5.694c0 .884-.364 1.196-1.17 1.196c-1.144 0-1.82-.052-2.73-.13c.208.338.364.78.468 1.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132 0 3.094 0 3.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z"/><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="M23.416 20.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84 84 0 0 1-3.406.052h-5.928c-1.928 0-2.848-.033-3.22-.046l-.186-.006c-.182 0-.208.026-.208.208l.006.213c.013.42.046 1.424.046 3.193v3.172c0 7.93-.832 10.816-4.628 14.326c.338.104.754.312 1.118.598q.068.051.123.095c.13.102.212.165.293.165c.094 0 .167-.086.297-.238l.041-.048c2.34-2.418 3.51-4.576 4.03-8.424h10.166v5.694c0 .884-.364 1.196-1.17 1.196c-1.144 0-1.82-.052-2.73-.13c.208.338.364.78.468 1.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132 0 3.094 0 3.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z"/><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-monthly-amount-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%22M23.416%2020.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84%2084%200%200%201-3.406.052h-5.928c-1.928%200-2.848-.033-3.22-.046l-.186-.006c-.182%200-.208.026-.208.208l.006.213c.013.42.046%201.424.046%203.193v3.172c0%207.93-.832%2010.816-4.628%2014.326c.338.104.754.312%201.118.598q.068.051.123.095c.13.102.212.165.293.165c.094%200%20.167-.086.297-.238l.041-.048c2.34-2.418%203.51-4.576%204.03-8.424h10.166v5.694c0%20.884-.364%201.196-1.17%201.196c-1.144%200-1.82-.052-2.73-.13c.208.338.364.78.468%201.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132%200%203.094%200%203.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z%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%22M23.416%2020.482V8.938c0-1.769.032-2.773.046-3.193l.006-.213c0-.182-.026-.208-.208-.208a84%2084%200%200%201-3.406.052h-5.928c-1.928%200-2.848-.033-3.22-.046l-.186-.006c-.182%200-.208.026-.208.208l.006.213c.013.42.046%201.424.046%203.193v3.172c0%207.93-.832%2010.816-4.628%2014.326c.338.104.754.312%201.118.598q.068.051.123.095c.13.102.212.165.293.165c.094%200%20.167-.086.297-.238l.041-.048c2.34-2.418%203.51-4.576%204.03-8.424h10.166v5.694c0%20.884-.364%201.196-1.17%201.196c-1.144%200-1.82-.052-2.73-.13c.208.338.364.78.468%201.222c.066.263.098.393.181.457c.082.063.212.063.469.063c2.132%200%203.094%200%203.718-.546c.494-.468.728-1.014.728-1.924c0-.603-.012-1.254-.025-1.927c-.013-.721-.027-1.468-.027-2.207m-1.612-7.826v4.472h-10.01c.104-1.3.156-2.756.182-4.472zm0-5.798V11.2h-9.828V6.858z%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-monthly-amount-button.svg?color=%231a73e8&size=48
