House With Garden emoji favicon

🏡 House With Garden Favicon — Convert Emoji to Favicon | favicon.im

Convert House With Garden 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 🏡 House With Garden
Unicode U+1F3E1
Category Travel & Places
Keywords
housewithgarden

Platform Comparison

House With Garden Twemoji Twemoji
House With Garden Noto Noto

Similar Emoji Favicons

Style Variants

House With Garden White Square White / Square
House With Garden White Rounded White / Rounded
House With Garden White Circle White / Circle
House With Garden Black Square Black / Square
House With Garden Black Rounded Black / Rounded
House With Garden Black Circle Black / Circle
House With Garden Dark Blue Square Dark Blue / Square
House With Garden Dark Blue Rounded Dark Blue / Rounded
House With Garden Dark Blue Circle Dark Blue / Circle
House With Garden Light Gray Square Light Gray / Square
House With Garden Light Gray Rounded Light Gray / Rounded
House With Garden Light Gray Circle Light Gray / Circle
House With Garden Blue Square Blue / Square
House With Garden Blue Rounded Blue / Rounded
House With Garden Blue Circle Blue / Circle
House With Garden Green Square Green / Square
House With Garden Green Rounded Green / Rounded
House With Garden Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted House With Garden 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%258F%25A1%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%25A1%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%25A1%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%25A1%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%25A1%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%25A1%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%25A1%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%25A1%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%25A1%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons