Check Mark Button emoji favicon

✅ Check Mark Button Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Check Mark Button emoji (✅) naar een favicon voor je website. Download in meerdere formaten (16x16 tot 512x512), pas kleuren en vorm aan. Gratis emoji naar favicon converter.

Downloaden

Emoji Info

Naam ✅ Check Mark Button
Unicode U+2705
Categorie Symbols
Trefwoorden
checkmarkbutton

Platformvergelijking

Check Mark Button Twemoji Twemoji
Check Mark Button Noto Noto

Vergelijkbare Emoji Favicons

Stijlvarianten

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

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Check Mark Button emoji favicon toe aan je website met deze codefragmenten. Kopieer en plak om deze emoji om te zetten naar je site-favicon.

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%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%25E2%259C%2585%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Gerelateerde Emoji Favicons