japanese here button emoji

japanese-here-button from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
japanese-here-button
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

japanese-here-buttonEmoji One (Colored)japanese-here-buttonFluent Emojijapanese-here-buttonFluent Emoji Flatjapanese-here-buttonFluent Emoji High Contrastjapanese-here-buttonOpenMojijapanese-here-buttonTwitter Emoji

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 japanese here button emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#427687" d="M116 4H12c-4.4 0-8 3.6-8 8v104c0 4.4 3.6 8 8 8h104c4.4 0 8-3.6 8-8V12c0-4.4-3.6-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5C7.4 4 4 7.4 4 11.5v97.9c0 4.1 3.3 7.5 7.5 7.5h98.1c4.1 0 7.5-3.3 7.5-7.5V11.5c.1-4.1-3.1-7.4-7.2-7.5z"/><path fill="#fafafa" d="M55.1 96.5c-3.1 0-4.5-1.5-4.5-4.5v-.2H21c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H24.9c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.5 4.9-5 4.9m47.4 0C99.4 96.5 98 95 98 92v-.2H68.5c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H72.3c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.4 4.9-5 4.9"/><path fill="#b4e1ed" d="M39.7 12.9c0-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 NotoJapaneseHereButton(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 4H12c-4.4 0-8 3.6-8 8v104c0 4.4 3.6 8 8 8h104c4.4 0 8-3.6 8-8V12c0-4.4-3.6-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5C7.4 4 4 7.4 4 11.5v97.9c0 4.1 3.3 7.5 7.5 7.5h98.1c4.1 0 7.5-3.3 7.5-7.5V11.5c.1-4.1-3.1-7.4-7.2-7.5z"/><path fill="#fafafa" d="M55.1 96.5c-3.1 0-4.5-1.5-4.5-4.5v-.2H21c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H24.9c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.5 4.9-5 4.9m47.4 0C99.4 96.5 98 95 98 92v-.2H68.5c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H72.3c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.4 4.9-5 4.9"/><path fill="#b4e1ed" d="M39.7 12.9c0-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 4H12c-4.4 0-8 3.6-8 8v104c0 4.4 3.6 8 8 8h104c4.4 0 8-3.6 8-8V12c0-4.4-3.6-8-8-8"/><path fill="#8cafbf" d="M109.7 4H11.5C7.4 4 4 7.4 4 11.5v97.9c0 4.1 3.3 7.5 7.5 7.5h98.1c4.1 0 7.5-3.3 7.5-7.5V11.5c.1-4.1-3.1-7.4-7.2-7.5z"/><path fill="#fafafa" d="M55.1 96.5c-3.1 0-4.5-1.5-4.5-4.5v-.2H21c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H24.9c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.5 4.9-5 4.9m47.4 0C99.4 96.5 98 95 98 92v-.2H68.5c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9 1.1-3.6s1.9-1 3.5-1c2.3.1 4.2.2 5.5.2h24.2V44.4H72.3c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95 5.1-4.5h.3c2.2.1 3.7.2 4.6.2h25.7c1.8 0 3.2 0 4.1-.1c.8-.1 1.5.2 2 .7c.5.6.8 1.3.7 2.2s-.1 2.3-.1 4.2v44.6c0 1.9 0 3.3.1 4.3c.2 3.3-1.4 4.9-5 4.9"/><path fill="#b4e1ed" d="M39.7 12.9c0-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-japanese-here-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%20128%20128%22%3E%3Cpath%20fill%3D%22%23427687%22%20d%3D%22M116%204H12c-4.4%200-8%203.6-8%208v104c0%204.4%203.6%208%208%208h104c4.4%200%208-3.6%208-8V12c0-4.4-3.6-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M109.7%204H11.5C7.4%204%204%207.4%204%2011.5v97.9c0%204.1%203.3%207.5%207.5%207.5h98.1c4.1%200%207.5-3.3%207.5-7.5V11.5c.1-4.1-3.1-7.4-7.2-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M55.1%2096.5c-3.1%200-4.5-1.5-4.5-4.5v-.2H21c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9%201.1-3.6s1.9-1%203.5-1c2.3.1%204.2.2%205.5.2h24.2V44.4H24.9c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95%205.1-4.5h.3c2.2.1%203.7.2%204.6.2h25.7c1.8%200%203.2%200%204.1-.1c.8-.1%201.5.2%202%20.7c.5.6.8%201.3.7%202.2s-.1%202.3-.1%204.2v44.6c0%201.9%200%203.3.1%204.3c.2%203.3-1.5%204.9-5%204.9m47.4%200C99.4%2096.5%2098%2095%2098%2092v-.2H68.5c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9%201.1-3.6s1.9-1%203.5-1c2.3.1%204.2.2%205.5.2h24.2V44.4H72.3c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95%205.1-4.5h.3c2.2.1%203.7.2%204.6.2h25.7c1.8%200%203.2%200%204.1-.1c.8-.1%201.5.2%202%20.7c.5.6.8%201.3.7%202.2s-.1%202.3-.1%204.2v44.6c0%201.9%200%203.3.1%204.3c.2%203.3-1.4%204.9-5%204.9%22%2F%3E%3Cpath%20fill%3D%22%23b4e1ed%22%20d%3D%22M39.7%2012.9c0-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%204H12c-4.4%200-8%203.6-8%208v104c0%204.4%203.6%208%208%208h104c4.4%200%208-3.6%208-8V12c0-4.4-3.6-8-8-8%22%2F%3E%3Cpath%20fill%3D%22%238cafbf%22%20d%3D%22M109.7%204H11.5C7.4%204%204%207.4%204%2011.5v97.9c0%204.1%203.3%207.5%207.5%207.5h98.1c4.1%200%207.5-3.3%207.5-7.5V11.5c.1-4.1-3.1-7.4-7.2-7.5z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M55.1%2096.5c-3.1%200-4.5-1.5-4.5-4.5v-.2H21c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9%201.1-3.6s1.9-1%203.5-1c2.3.1%204.2.2%205.5.2h24.2V44.4H24.9c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95%205.1-4.5h.3c2.2.1%203.7.2%204.6.2h25.7c1.8%200%203.2%200%204.1-.1c.8-.1%201.5.2%202%20.7c.5.6.8%201.3.7%202.2s-.1%202.3-.1%204.2v44.6c0%201.9%200%203.3.1%204.3c.2%203.3-1.5%204.9-5%204.9m47.4%200C99.4%2096.5%2098%2095%2098%2092v-.2H68.5c-1.6.1-2.8-.3-3.5-1s-1.1-2-1.1-3.7s.4-2.9%201.1-3.6s1.9-1%203.5-1c2.3.1%204.2.2%205.5.2h24.2V44.4H72.3c-1.3.1-2.3.1-2.9.1c-1.6.1-2.7-.3-3.4-1s-1-1.9-1-3.5q0-4.95%205.1-4.5h.3c2.2.1%203.7.2%204.6.2h25.7c1.8%200%203.2%200%204.1-.1c.8-.1%201.5.2%202%20.7c.5.6.8%201.3.7%202.2s-.1%202.3-.1%204.2v44.6c0%201.9%200%203.3.1%204.3c.2%203.3-1.4%204.9-5%204.9%22%2F%3E%3Cpath%20fill%3D%22%23b4e1ed%22%20d%3D%22M39.7%2012.9c0-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/japanese-here-button.svg?color=%231a73e8&size=48