网站图标示例
点击任意示例以加载其配置
免责声明：示例仅供灵感，可能类似于现有品牌。它们与任何公司无关，也不受任何公司认可。logo87.com 不侵犯任何商标，不对用户生成的内容负责。用户有责任确保其创作不侵犯知识产权。如果您认为您的权利受到侵犯，请联系我们，我们将删除它。
编辑器怎么用
在上方输入字母、词或 emoji。选内置字体，或粘贴 Google Fonts 的 CSS 网址。颜色、大小、圆角、位置和旋转会立刻更新预览。渲染在这个标签页完成，设计不会上传。
可下载单个 SVG、256×256 的 PNG，或「全部下载」得到浏览器和设备仍会请求的文件 zip。zip 在浏览器里、用你看到的同一预览生成。
文字被裁切时，把字号调小或挪位置。emoji 因系统而异，请在目标设备上看预览。
能导出什么
不用注册
没有账号。设计留在你的设备。关掉标签页就没了。
SVG、PNG、ICO 和 zip
单个 SVG 和 PNG 方便试效果。「全部下载」打包 favicon.svg、favicon.ico、apple-touch-icon.png，以及 16、32、48、96、180、192、512 的 PNG。
字体和颜色
十二种内置字体，再加上任意带 CSS 网址的 Google Font。可用配色示例，也可自己设一对颜色。
压缩包里有什么
「全部下载」会写出这些文件。不必每一个都用。
favicon.svg 给现代浏览器；favicon.ico（16×16）给只请求 /favicon.ico、不读 HTML 的客户端；apple-touch-icon.png（180×180）给 iOS 主屏幕；favicon-16x16.png、favicon-32x32.png、favicon-48x48.png 给标签页和书签；favicon-96x96.png 给快捷方式；favicon-180x180.png 备用触控图标；favicon-192x192.png 和 favicon-512x512.png 给 web app manifest。
普通网站带 favicon.ico 和 favicon.svg 即可。iOS 再加 180 的 PNG。有 PWA manifest 再加 192 和 512。各文件的 link 标签见安装指南。 如何将网站图标添加到您的项目 →
什么时候改用转换器
已有 PNG 或 JPG 标志？用 PNG 转网站图标。位图放大会糊：原图至少要和你导出的最大尺寸一样大。 PNG 转网站图标
已有矢量标志？用 SVG 转 PNG。矢量可放大，512 和 2048 仍然清晰。浏览器图标用 16–512；2048 给应用商店或印刷，不是标签页。 SVG 转 PNG
常见用途
网站和博客
还没有标志文件时，用一两个字母做标签页图标
PWA 图标
web app manifest 用的 192×192 和 512×512 PNG
主屏幕
有人把网站存到 iOS 时用的 180×180 apple-touch-icon
本地项目
把 zip 放到 public/ 或 static/，再从指南复制 link 标签
