Dim Button emoji favicon

🔅 Dim Button Favicon — Convert Emoji to Favicon | favicon.im

Convert Dim Button 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 🔅 Dim Button
Unicode U+1F505
Category Symbols
Keywords
dimbutton

Platform Comparison

Dim Button Twemoji Twemoji
Dim Button Noto Noto

Similar Emoji Favicons

Bright Button favicon Bright Button Record Button favicon Record Button Eject Button favicon Eject Button Pause Button favicon Pause Button Stop Button favicon Stop Button

Style Variants

Dim Button White Square White / Square
Dim Button White Rounded White / Rounded
Dim Button White Circle White / Circle
Dim Button Black Square Black / Square
Dim Button Black Rounded Black / Rounded
Dim Button Black Circle Black / Circle
Dim Button Dark Blue Square Dark Blue / Square
Dim Button Dark Blue Rounded Dark Blue / Rounded
Dim Button Dark Blue Circle Dark Blue / Circle
Dim Button Light Gray Square Light Gray / Square
Dim Button Light Gray Rounded Light Gray / Rounded
Dim Button Light Gray Circle Light Gray / Circle
Dim Button Blue Square Blue / Square
Dim Button Blue Rounded Blue / Rounded
Dim Button Blue Circle Blue / Circle
Dim Button Green Square Green / Square
Dim Button Green Rounded Green / Rounded
Dim Button Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Dim Button 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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%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%2594%2585%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Recycling Symbol favicon Recycling Symbol Fleur-de-lis favicon Fleur-de-lis Currency Exchange favicon Currency Exchange Heavy Dollar Sign favicon Heavy Dollar Sign Medical Symbol favicon Medical Symbol Red Exclamation Mark favicon Red Exclamation Mark Wavy Dash favicon Wavy Dash Red Question Mark favicon Red Question Mark