Radio Button emoji favicon

🔘 Radio Button ファビコン — 絵文字をファビコンに変換 | favicon.im

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

ダウンロード

16x16 32x32 48x48 180x180 512x512

絵文字情報

名前 🔘 Radio Button
Unicode U+1F518
カテゴリー Symbols
キーワード
radiobutton

プラットフォーム比較

Radio Button Twemoji Twemoji
Radio Button Noto Noto

類似の絵文字ファビコン

White Square Button favicon White Square Button Black Square Button favicon Black Square Button Japanese “secret” Button favicon Japanese “secret” Button Japanese “open For Business” Button favicon Japanese “open For Business” Button Japanese “no Vacancy” Button favicon Japanese “no Vacancy” Button

スタイルバリエーション

Radio Button White Square White / Square
Radio Button White Rounded White / Rounded
Radio Button White Circle White / Circle
Radio Button Black Square Black / Square
Radio Button Black Rounded Black / Rounded
Radio Button Black Circle Black / Circle
Radio Button Dark Blue Square Dark Blue / Square
Radio Button Dark Blue Rounded Dark Blue / Rounded
Radio Button Dark Blue Circle Dark Blue / Circle
Radio Button Light Gray Square Light Gray / Square
Radio Button Light Gray Rounded Light Gray / Rounded
Radio Button Light Gray Circle Light Gray / Circle
Radio Button Blue Square Blue / Square
Radio Button Blue Rounded Blue / Rounded
Radio Button Blue Circle Blue / Circle
Radio Button Green Square Green / Square
Radio Button Green Rounded Green / Rounded
Radio Button Green Circle Green / Circle

ファビコンをカスタマイズ

#ffffff
ダウンロード 512x512
Custom preview

使い方

これらのコードスニペットを使って、Radio 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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%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%2594%2598%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

関連する絵文字ファビコン

Red Triangle Pointed Down favicon Red Triangle Pointed Down Diamond With A Dot favicon Diamond With A Dot White Square Button favicon White Square Button Black Square Button favicon Black Square Button Large Blue Diamond favicon Large Blue Diamond Small Orange Diamond favicon Small Orange Diamond Small Blue Diamond favicon Small Blue Diamond Red Triangle Pointed Up favicon Red Triangle Pointed Up