Derelict House emoji favicon

🏚️ Derelict House Favicon — Convert Emoji to Favicon | favicon.im

Convert Derelict House 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 🏚️ Derelict House
Unicode U+1F3DA-U+FE0F
Category Travel & Places
Keywords
derelicthouse

Platform Comparison

Derelict House Twemoji Twemoji
Derelict House Noto Noto

Similar Emoji Favicons

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Derelict House 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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%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%259A%25EF%25B8%258F%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons