😙 Kissing Face With Smiling Eyes ファビコン — 絵文字をファビコンに変換 | favicon.im

Kissing Face With Smiling Eyes 絵文字（😙）をウェブサイトのファビコンに変換。複数サイズ（16x16〜512x512）でダウンロード、色や形をカスタマイズ。無料の絵文字ファビコン変換ツール。

ダウンロード

16x16 32x32 48x48 180x180 512x512

絵文字情報

名前 😙 Kissing Face With Smiling Eyes

Unicode U+1F619

カテゴリー Smileys & Emotion

キーワード

kissingfacewithsmilingeyes

プラットフォーム比較

Twemoji

Noto

類似の絵文字ファビコン

Smiling Face With Smiling Eyes

Kissing Face With Closed Eyes

Beaming Face With Smiling Eyes

Grinning Face With Smiling Eyes

Grinning Cat 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

使い方

これらのコードスニペットを使って、Kissing Face With Smiling Eyes 絵文字ファビコンをウェブサイトに追加できます。コピー＆ペーストするだけで、この絵文字をサイトのファビコンに変換できます。

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