🔘 Radio Button أيقونة — تحويل إيموجي إلى أيقونة موقع | favicon.im

حوّل إيموجي Radio Button (🔘) إلى أيقونة لموقعك. حمّل بأحجام متعددة (16x16 إلى 512x512)، خصص الألوان والشكل. محول إيموجي إلى أيقونة مجاني.

تحميل

16x16 32x32 48x48 180x180 512x512

معلومات الإيموجي

الاسم 🔘 Radio Button

Unicode U+1F518

الفئة Symbols

الكلمات المفتاحية

radiobutton

مقارنة المنصات

Twemoji

Noto

أيقونات إيموجي مشابهة

White Square Button

Black Square Button

Japanese “secret” Button

Japanese “open For Business” Button

Japanese “no 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

طريقة الاستخدام

أضف أيقونة إيموجي 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' },
      ]
    }
  }
})