Grinning Squinting Face emoji favicon

😆 Grinning Squinting Face Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Grinning Squinting Face 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 😆 Grinning Squinting Face
Unicode U+1F606
Categorie Smileys & Emotion
Trefwoorden
grinningsquintingface

Platformvergelijking

Grinning Squinting Face Twemoji Twemoji
Grinning Squinting Face Noto Noto

Vergelijkbare Emoji Favicons

Stijlvarianten

Grinning Squinting Face White Square White / Square
Grinning Squinting Face White Rounded White / Rounded
Grinning Squinting Face White Circle White / Circle
Grinning Squinting Face Black Square Black / Square
Grinning Squinting Face Black Rounded Black / Rounded
Grinning Squinting Face Black Circle Black / Circle
Grinning Squinting Face Dark Blue Square Dark Blue / Square
Grinning Squinting Face Dark Blue Rounded Dark Blue / Rounded
Grinning Squinting Face Dark Blue Circle Dark Blue / Circle
Grinning Squinting Face Light Gray Square Light Gray / Square
Grinning Squinting Face Light Gray Rounded Light Gray / Rounded
Grinning Squinting Face Light Gray Circle Light Gray / Circle
Grinning Squinting Face Blue Square Blue / Square
Grinning Squinting Face Blue Rounded Blue / Rounded
Grinning Squinting Face Blue Circle Blue / Circle
Grinning Squinting Face Green Square Green / Square
Grinning Squinting Face Green Rounded Green / Rounded
Grinning Squinting Face Green Circle Green / Circle

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Grinning Squinting Face 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%25F0%259F%2598%2586%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%2586%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%2586%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%2586%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%2586%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%2586%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%2586%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%2586%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%2586%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Gerelateerde Emoji Favicons