Person Swimming emoji favicon

🏊 Person Swimming Favicon — Emoji naar Favicon Converteren | favicon.im

Converteer de Person Swimming 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 🏊 Person Swimming
Unicode U+1F3CA
Categorie People & Body
Trefwoorden
personswimming

Platformvergelijking

Person Swimming Twemoji Twemoji
Person Swimming Noto Noto

Vergelijkbare Emoji Favicons

Stijlvarianten

Person Swimming White Square White / Square
Person Swimming White Rounded White / Rounded
Person Swimming White Circle White / Circle
Person Swimming Black Square Black / Square
Person Swimming Black Rounded Black / Rounded
Person Swimming Black Circle Black / Circle
Person Swimming Dark Blue Square Dark Blue / Square
Person Swimming Dark Blue Rounded Dark Blue / Rounded
Person Swimming Dark Blue Circle Dark Blue / Circle
Person Swimming Light Gray Square Light Gray / Square
Person Swimming Light Gray Rounded Light Gray / Rounded
Person Swimming Light Gray Circle Light Gray / Circle
Person Swimming Blue Square Blue / Square
Person Swimming Blue Rounded Blue / Rounded
Person Swimming Blue Circle Blue / Circle
Person Swimming Green Square Green / Square
Person Swimming Green Rounded Green / Rounded
Person Swimming Green Circle Green / Circle

Pas Je Favicon Aan

#ffffff
Downloaden 512x512
Custom preview

Hoe te Gebruiken

Voeg de geconverteerde Person Swimming 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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%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%258F%258A%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Gerelateerde Emoji Favicons