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

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

ダウンロード

16x16 32x32 48x48 180x180 512x512

絵文字情報

名前 🥲 Smiling Face With Tear

Unicode U+1F972

カテゴリー Smileys & Emotion

キーワード

smilingfacewithtear

プラットフォーム比較

Twemoji

Noto

類似の絵文字ファビコン

Smiling Face With Smiling Eyes

Smiling Face With Horns

Smiling Face With Sunglasses

Smiling Face With Open Hands

Kissing 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

使い方

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

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