Black Square Button emoji favicon

🔲 Black Square Button 圖示 — Emoji 轉網站圖示 | favicon.im

將 Black Square Button emoji（🔲）轉換為網站圖示。支援多種尺寸下載（16x16 至 512x512），自訂顏色和形狀。免費 emoji 圖示轉換器。

下載

16x16 32x32 48x48 180x180 512x512

Emoji 資訊

名稱 🔲 Black Square Button
Unicode U+1F532
分類 Symbols
關鍵字
blacksquarebutton

平台比較

Black Square Button Twemoji Twemoji
Black Square Button Noto Noto

相似 Emoji 圖示

White Square Button favicon White Square Button Black Small Square favicon Black Small Square Black Medium Square favicon Black Medium Square Black Medium-small Square favicon Black Medium-small Square Black Large Square favicon Black Large Square

樣式變體

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

自訂您的圖示

#ffffff
下載 512x512
Custom preview

使用方法

使用以下程式碼片段將 Black Square Button emoji 圖示新增到您的網站。只需複製貼上即可將此 emoji 轉換為網站圖示。

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%25B2%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%25B2%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%25B2%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%25B2%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%25B2%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%25B2%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%25B2%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%25B2%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%25B2%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

相關 Emoji 圖示

Red Triangle Pointed Down favicon Red Triangle Pointed Down Diamond With A Dot favicon Diamond With A Dot Radio Button favicon Radio Button White Square Button favicon White Square Button Large Blue Diamond favicon Large Blue Diamond Small Orange Diamond favicon Small Orange Diamond Small Blue Diamond favicon Small Blue Diamond Red Triangle Pointed Up favicon Red Triangle Pointed Up