❤️‍🔥 Heart On Fire Favicon — Converter Emoji em Favicon | favicon.im

Converta o emoji Heart On Fire (❤️‍🔥) em favicon para seu site. Baixe em vários tamanhos (16x16 a 512x512), personalize cores e forma. Conversor gratuito de emoji para favicon.

Baixar

16x16 32x32 48x48 180x180 512x512

Informações do Emoji

Nome ❤️‍🔥 Heart On Fire

Unicode U+2764-U+FE0F-U+200D-U+1F525

Categoria Smileys & Emotion

Palavras-chave

heartonfire

Comparação de Plataformas

Twemoji

Noto

Favicons Emoji Similares

Variantes de Estilo

White / Square

White / Rounded

White / Circle

Black / Square

Black / Rounded

Black / Circle

Dark Blue / Square

Dark Blue / Rounded

Dark Blue / Circle

Light Gray / Square

Light Gray / Rounded

Light Gray / Circle

Blue / Square

Blue / Rounded

Blue / Circle

Green / Square

Green / Rounded

Green / Circle

Personalize Seu Favicon

Cor de Fundo

#ffffff

Raio da Borda: 15%

Preenchimento: 10px

Baixar 512x512

Como Usar

Adicione o favicon emoji Heart On Fire convertido ao seu site com estes trechos de código. Basta copiar e colar para converter este emoji no favicon do seu site.

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%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%25E2%259D%25A4%25EF%25B8%258F%25E2%2580%258D%25F0%259F%2594%25A5%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Favicons Emoji Relacionados