Train emoji favicon

🚆 Train Favicon — Convert Emoji to Favicon | favicon.im

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

Download

16x16 32x32 48x48 180x180 512x512

Emoji Info

Name 🚆 Train
Unicode U+1F686
Category Travel & Places
Keywords
train

Platform Comparison

Train Twemoji Twemoji
Train Noto Noto

Similar Emoji Favicons

Bullet Train favicon Bullet Train High-speed Train favicon High-speed Train Ring Buoy favicon Ring Buoy Sailboat favicon Sailboat Stop Sign favicon Stop Sign

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Train 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%259A%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%259A%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%259A%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%259A%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%259A%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%259A%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%259A%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%259A%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%259A%2586%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Ring Buoy favicon Ring Buoy Sailboat favicon Sailboat Stop Sign favicon Stop Sign Construction favicon Construction Anchor favicon Anchor Horizontal Traffic Light favicon Horizontal Traffic Light Vertical Traffic Light favicon Vertical Traffic Light Fuel Pump favicon Fuel Pump