Family Man, Boy emoji favicon

👨‍👦 Family Man, Boy Favicon — Convert Emoji to Favicon | favicon.im

Convert Family Man, Boy 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 👨‍👦 Family Man, Boy
Unicode U+1F468-U+200D-U+1F466
Category People & Body
Keywords
familyman,boy

Platform Comparison

Family Man, Boy Twemoji Twemoji
Family Man, Boy Noto Noto

Similar Emoji Favicons

Style Variants

Family Man, Boy White Square White / Square
Family Man, Boy White Rounded White / Rounded
Family Man, Boy White Circle White / Circle
Family Man, Boy Black Square Black / Square
Family Man, Boy Black Rounded Black / Rounded
Family Man, Boy Black Circle Black / Circle
Family Man, Boy Dark Blue Square Dark Blue / Square
Family Man, Boy Dark Blue Rounded Dark Blue / Rounded
Family Man, Boy Dark Blue Circle Dark Blue / Circle
Family Man, Boy Light Gray Square Light Gray / Square
Family Man, Boy Light Gray Rounded Light Gray / Rounded
Family Man, Boy Light Gray Circle Light Gray / Circle
Family Man, Boy Blue Square Blue / Square
Family Man, Boy Blue Rounded Blue / Rounded
Family Man, Boy Blue Circle Blue / Circle
Family Man, Boy Green Square Green / Square
Family Man, Boy Green Rounded Green / Rounded
Family Man, Boy Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Family Man, Boy 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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%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%2591%25A8%25E2%2580%258D%25F0%259F%2591%25A6%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons