Crocodile emoji favicon

🐊 Crocodile Favicon — Convert Emoji to Favicon | favicon.im

Convert Crocodile emoji (🐊) to favicon for your website. Download in multiple sizes (16x16 to 512x512), customize colors and shape. Free emoji to favicon converter.

Download

Emoji Info

Name 🐊 Crocodile
Unicode U+1F40A
Category Animals & Nature
Keywords
crocodile

Platform Comparison

Crocodile Twemoji Twemoji
Crocodile Noto Noto

Similar Emoji Favicons

Style Variants

Crocodile White Square White / Square
Crocodile White Rounded White / Rounded
Crocodile White Circle White / Circle
Crocodile Black Square Black / Square
Crocodile Black Rounded Black / Rounded
Crocodile Black Circle Black / Circle
Crocodile Dark Blue Square Dark Blue / Square
Crocodile Dark Blue Rounded Dark Blue / Rounded
Crocodile Dark Blue Circle Dark Blue / Circle
Crocodile Light Gray Square Light Gray / Square
Crocodile Light Gray Rounded Light Gray / Rounded
Crocodile Light Gray Circle Light Gray / Circle
Crocodile Blue Square Blue / Square
Crocodile Blue Rounded Blue / Rounded
Crocodile Blue Circle Blue / Circle
Crocodile Green Square Green / Square
Crocodile Green Rounded Green / Rounded
Crocodile Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Crocodile emoji favicon to your website with these code snippets. Simply copy and paste to convert this emoji to your site's 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%2590%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%2590%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%2590%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%2590%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%2590%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%2590%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%2590%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%2590%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%2590%258A%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons