buy me a coffee

Logo 和 Favicon 生成器

几秒钟内创建专业的 LOGO 和 Favicon

（支持换行，支持 Emoji，可以从这里复制：EmojiSpark.com）

10
20
25
180

（支持 Google Fonts，可以在这查询字体名称：Google Fonts）

Thin
Extra Light
Light
Normal
Medium
Semi Bold
Bold
Extra Bold
Black
推荐颜色配置
AI
下载所有（ZIP） 包含下面这些尺寸: 16, 32, 36, 48, 57, 60, 72, 96, 114, 120, 144, 152, 180, 192, 512, 1024, 2048
提示: 使用 emojis 或者特殊图标的时候，建议使用 PNG，以保证在不同平台上的兼容性和一致性。
可以使用 https://tinypng.com/ 进一步优化 PNG 文件大小。

Example from our users

you can start creating by click to fork this icons

How to Install Favicons on Your Website

Enhance your website's appearance across all devices by installing custom favicons. Follow these simple steps to integrate your newly generated favicon package:

  • Generate Your Favicon:Use our Favicon Generator to create custom icons with your desired text, colors, shape, and font. Click 'Generate Favicon' to download your favicon package.
  • Download and Unzip:Once generated, download the favicon package and extract the files to your website's root directory.
  • Add HTML Code:Insert the following code into the head section of your HTML file to ensure compatibility across various devices and browsers:
Favicon HTML Code
<link rel="apple-touch-icon" sizes="57x57" href="/favicon-57x57.png" type="image/png" />
<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60x60.png" type="image/png" />
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72x72.png" type="image/png" />
<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114x114.png" type="image/png" />
<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120x120.png" type="image/png" />
<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144x144.png" type="image/png" />
<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152x152.png" type="image/png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" type="image/png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" type="image/png" />
<link rel="icon" sizes="96x96" href="/favicon-96x96.png" type="image/png" />
<link rel="icon" sizes="192x192" href="/favicon-192x192.png" type="image/png" />
<link rel="icon" sizes="512x512" href="/favicon-512x512.png" type="image/png" />
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#FFFFFF" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="/favicon-512x512.png" />
To test if the favicon is configured correctly, you can use https://favicon.im

Favicon Sizes Generated

Our favicon generator creates icons in these essential sizes:

Common Apple Touch Icon Sizes:

  • 57x57px: iPhone and iPod touch.
  • 60x60px: Newer iPhone touch icons.
  • 72x72px: iPad icons.
  • 76x76px: iPad with retina display.
  • 114x114px: iPhone with retina display.
  • 120x120px: Newer iPhone touch retina icons.
  • 144x144px: iPad with retina display.
  • 152x152px: iPad with retina display.
  • 180x180px: iPhone 6 + and newer retina icons.

General Icon Sizes:

  • 16x16px: Favicons for browser tabs.
  • 32x32px: Standard size favicons.
  • 48x48px: Windows shortcuts.
  • 64x64px: Windows shortcuts.
  • 96x96px: Chrome and Android devices.
  • 192x192px: Android devices.
  • 512x512px: Icons for high - resolution displays and certain Progressive Web Apps(PWAs).

Additional Formats:

  • favicon.ico(32x32px): A multi - resolution icon file for maximum compatibility with older systems and browsers.
  • SVG Format: If enabled, the package also includes a scalable vector graphic(SVG) icon, which is ideal for various sizes and devices due to its scalability.

Why Multiple Favicon Sizes Matter

In today's multi-device world, having multiple favicon sizes is crucial:

  • Ensures compatibility across all devices and browsers
  • Improves visual clarity on high-resolution displays
  • Meets requirements for Progressive Web Apps (PWAs)
  • Enhances recognition in crowded browser tabs

常见问题

用户有责任确保他们拥有项目中使用的任何字体的适当权利和许可。我们不提供任何字体许可，也不对因不当使用字体而导致的任何版权侵权负责。我们鼓励用户查看并遵守他们使用的每种字体的许可条款，尤其是对于商业应用。