🈺 Japanese “open For Business” Button 파비콘 — 이모지를 파비콘으로 변환 | favicon.im

Japanese “open For Business” Button 이모지(🈺)를 웹사이트 파비콘으로 변환. 다양한 크기(16x16~512x512)로 다운로드, 색상과 모양 커스터마이즈. 무료 이모지 파비콘 변환기.

다운로드

16x16 32x32 48x48 180x180 512x512

이모지 정보

이름 🈺 Japanese “open For Business” Button

Unicode U+1F23A

카테고리 Symbols

키워드

japanese“openforbusiness”button

플랫폼 비교

Twemoji

Noto

비슷한 이모지 파비콘

Japanese “secret” Button

Japanese “no Vacancy” Button

Japanese “application” Button

Japanese “passing Grade” Button

Japanese “vacancy” Button

스타일 변형

White / Square

White / Rounded

White / Circle

Black / Square

Black / Rounded

Black / Circle

Dark Blue / Square

Dark Blue / Rounded

Dark Blue / Circle

Light Gray / Square

Light Gray / Rounded

Light Gray / Circle

Blue / Square

Blue / Rounded

Blue / Circle

Green / Square

Green / Rounded

Green / Circle

파비콘 커스터마이즈

배경색

#ffffff

테두리 반경: 15%

패딩: 10px

다운로드 512x512

사용 방법

이 코드 스니펫을 사용하여 Japanese “open For Business” Button 이모지 파비콘을 웹사이트에 추가하세요. 복사하여 붙여넣기만 하면 이 이모지가 사이트의 파비콘으로 변환됩니다.

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D32/w/32/h/32/output/png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D16/w/16/h/16/output/png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D180/w/180/h/180/output/png">

Next.js (app/layout.tsx)

export const metadata = {
  icons: {
    icon: [
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D32/w/32/h/32/output/png', sizes: '32x32', type: 'image/png' },
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D16/w/16/h/16/output/png', sizes: '16x16', type: 'image/png' },
    ],
    apple: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D180/w/180/h/180/output/png',
  },
}

Nuxt 3 (nuxt.config.ts)

export default defineNuxtConfig({
  app: {
    head: {
      link: [
        { rel: 'icon', type: 'image/png', sizes: '32x32', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D32/w/32/h/32/output/png' },
        { rel: 'icon', type: 'image/png', sizes: '16x16', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D16/w/16/h/16/output/png' },
        { rel: 'apple-touch-icon', sizes: '180x180', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25F0%259F%2588%25BA%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})