😆 Grinning Squinting Face 파비콘 — 이모지를 파비콘으로 변환 | favicon.im

Grinning Squinting Face 이모지(😆)를 웹사이트 파비콘으로 변환. 다양한 크기(16x16~512x512)로 다운로드, 색상과 모양 커스터마이즈. 무료 이모지 파비콘 변환기.

다운로드

16x16 32x32 48x48 180x180 512x512

이모지 정보

이름 😆 Grinning Squinting Face

Unicode U+1F606

카테고리 Smileys & Emotion

키워드

grinningsquintingface

플랫폼 비교

Twemoji

Noto

비슷한 이모지 파비콘

Squinting Face With Tongue

Grinning Face With Sweat

Grinning Face

Grinning Face With Big Eyes

Grinning Face With Smiling Eyes

스타일 변형

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

사용 방법

이 코드 스니펫을 사용하여 Grinning Squinting Face 이모지 파비콘을 웹사이트에 추가하세요. 복사하여 붙여넣기만 하면 이 이모지가 사이트의 파비콘으로 변환됩니다.

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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%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%2598%2586%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})