Receipt emoji favicon

๐Ÿงพ Receipt ุฃูŠู‚ูˆู†ุฉ โ€” ุชุญูˆูŠู„ ุฅูŠู…ูˆุฌูŠ ุฅู„ู‰ ุฃูŠู‚ูˆู†ุฉ ู…ูˆู‚ุน | favicon.im

ุญูˆู‘ู„ ุฅูŠู…ูˆุฌูŠ Receipt (๐Ÿงพ) ุฅู„ู‰ ุฃูŠู‚ูˆู†ุฉ ู„ู…ูˆู‚ุนูƒ. ุญู…ู‘ู„ ุจุฃุญุฌุงู… ู…ุชุนุฏุฏุฉ (16x16 ุฅู„ู‰ 512x512)ุŒ ุฎุตุต ุงู„ุฃู„ูˆุงู† ูˆุงู„ุดูƒู„. ู…ุญูˆู„ ุฅูŠู…ูˆุฌูŠ ุฅู„ู‰ ุฃูŠู‚ูˆู†ุฉ ู…ุฌุงู†ูŠ.

ุชุญู…ูŠู„

ู…ุนู„ูˆู…ุงุช ุงู„ุฅูŠู…ูˆุฌูŠ

ุงู„ุงุณู… ๐Ÿงพ Receipt
Unicode U+1F9FE
ุงู„ูุฆุฉ Objects
ุงู„ูƒู„ู…ุงุช ุงู„ู…ูุชุงุญูŠุฉ
receipt

ู…ู‚ุงุฑู†ุฉ ุงู„ู…ู†ุตุงุช

Receipt Twemoji Twemoji
Receipt Noto Noto

ุฃูŠู‚ูˆู†ุงุช ุฅูŠู…ูˆุฌูŠ ู…ุดุงุจู‡ุฉ

ู…ุชุบูŠุฑุงุช ุงู„ุฃู†ู…ุงุท

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

ุฎุตุต ุฃูŠู‚ูˆู†ุชูƒ

#ffffff
ุชุญู…ูŠู„ 512x512
Custom preview

ุทุฑูŠู‚ุฉ ุงู„ุงุณุชุฎุฏุงู…

ุฃุถู ุฃูŠู‚ูˆู†ุฉ ุฅูŠู…ูˆุฌูŠ Receipt ุงู„ู…ุญูˆู„ุฉ ุฅู„ู‰ ู…ูˆู‚ุนูƒ ุจุงุณุชุฎุฏุงู… ู…ู‚ุชุทูุงุช ุงู„ูƒูˆุฏ ู‡ุฐู‡. ุงู†ุณุฎ ูˆุงู„ุตู‚ ูู‚ุท ู„ุชุญูˆูŠู„ ู‡ุฐุง ุงู„ุฅูŠู…ูˆุฌูŠ ุฅู„ู‰ ุฃูŠู‚ูˆู†ุฉ ู…ูˆู‚ุนูƒ.

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

ุฃูŠู‚ูˆู†ุงุช ุฅูŠู…ูˆุฌูŠ ุฐุงุช ุตู„ุฉ