文字与图标 Logo 生成器
用品牌名、首字母或图标快速做一个简洁 Logo——免费、纯浏览器、无需注册。随后一键转成 favicon 与 App 图标。
在浏览器里设计你的 Logo
选好类型，输入名称，挑选图标和配色——预览实时更新，你输入的内容不会离开这个页面。
上线一个品牌标识所需的一切
无需设计基础、无需注册、完全免费。
文字与首字母 Logo
把品牌名或字母组合变成清晰、均衡的标识。
海量图标
搜索完整的 lucide 图标集并放入你的 Logo。
矢量 SVG 导出
下载无损 SVG，以及 512 与 1024 像素的 PNG。
一键出资产
把 Logo 直接送入 favicon 与 App 图标生成流程。
纯浏览器
Logo 在本地渲染——设计过程不上传任何文件。
永久免费
无水印、无账户、生成器无付费墙。
如何制作 Logo
三步，从想法到完整资产包。
- 1
添加名称或图标
输入品牌名或首字母，再到图标库里搜一个契合你所在领域的符号。名称越短效果越好——一到两个词，或两到三个字母的字母组合（monogram）都很理想。
- 2
调整样式
选择背景形状、布局与配色方案，也可以细调前景色、背景色和渐变。留意实时预览，确保标识缩小后依然清晰可辨。
- 3
导出并生成资产
把 Logo 下载为无损 SVG 或高分辨率 PNG，也可以一键生成覆盖所有平台的完整 favicon 与 App 图标资产包。
该做哪种类型的 Logo？
四大经典 Logo 类型，以及它们各自最适合的场景。
绝大多数 Logo 都可以归入四大类型。先弄清哪一类适合你的品牌，能省下数小时的反复调整，也直接决定了标识缩到 favicon 尺寸后还能不能看清。
全名字标（Wordmark）
简短好记的名称
全名字标用一款有辨识度的字体排出完整品牌名——Google 和可口可乐走的就是这条路。它能快速建立名称认知，特别适合名字简短的新品牌。控制在一到两个词以内；名字太长，在页头里会显得局促，缩小后更是没法看。
首字母标 / 字母组合（Lettermark / Monogram）
名称冗长或不好念的品牌
首字母标把品牌名浓缩成一到三个首字母，IBM、HP、NASA 用的都是这一招。它是最紧凑的 Logo 类型，在标签栏、头像和 App 图标里都能保持锐利。把大写首字母配上粗字重，放进一个简单形状里，即使 16 像素也能看得一清二楚。
图形标（Icon / Pictorial mark）
App、头像与贴纸
图形标是不带任何文字的纯符号，用作 App 图标和社交头像再合适不过。但全新的受众还无法把一个抽象符号和你的名字联系起来——所以年轻品牌通常让图标搭配文字出现，而不是单独使用。
组合标（Combination mark）
大多数新品牌与新产品
组合标把符号和品牌名放在一起，是新品牌最稳妥的起点，也是大多数财富 500 强公司采用的模式。在网站和路演材料里用完整版式；需要 favicon 和 App 图标时，去掉文字、单独复用图标即可。
Logo 配色心理学实战
颜色是 Logo 传递信息最快的信号。选一个契合你想传达气质的颜色。
| 颜色 | 传递的信号 | 常见行业 |
|---|---|---|
| 蓝色 | 信任、可靠、专业——这正是大多数信用卡和科技品牌偏爱它的原因 | 科技、金融、医疗健康 |
| 红色 | 活力、热情、紧迫感，甚至还能刺激食欲 | 餐饮、零售、娱乐 |
| 绿色 | 成长、健康、自然与平静 | 健康养生、可持续、金融科技 |
| 黄色 / 橙色 | 乐观、亲和与俏皮的活力 | 餐饮、儿童、创意品牌 |
| 黑色 / 灰色 | 精致、权威与极简的奢华感 | 时尚、高端商品、汽车 |
| 紫色 / 粉色 | 创造力、想象力与现代的年轻感 | 美妆、教育、SaaS |
- 先从一到两种颜色开始。每多一种颜色，把 Logo 适配到印刷、刺绣和深色界面的工作量就会成倍增加。
- 先设计单色版本。如果标识只有在全彩下才成立，放到发票、雕刻和单色界面上就会失效。
- 同时准备深底浅色和浅底深色两个版本，Logo 才不会在浏览器的深色主题里凭空消失。
- 注意小尺寸下的对比度：前景与背景的对比度至少达到 3:1，favicon 在拥挤的标签栏里才看得清。
文字 Logo 的字体排印技巧
在文字 Logo 里，字体承担了一半的品牌表达。
衬线体还是无衬线体
衬线体传递传统、权威与专业刊物般的可信感，天然适合法律、金融和奢侈品行业。无衬线体则显得现代、亲和，干净利落的笔画在小尺寸下的表现也好得多。如果你的 Logo 还要兼任 favicon 或 App 图标，优先选无衬线体，或选一款笔画极粗的衬线体。
小尺寸下字重很关键
粗体和特粗字重在 Logo 缩小时仍能保住字形；纤细的笔画在 32 像素以下就会断裂散架。如果你偏爱细字重，把它留给大尺寸场合，图标则换用更粗的字重。
字间距决定气质
全大写搭配宽松的字间距，读起来高级而从容——这是奢侈品牌的经典手法。紧凑的字间距则显得密实、有技术感。粗体需要比常规字重稍大的字间距，字母才不会在视觉上黏成一团。
字母组合的处理技巧
让首字母看起来是精心设计的：可以让字母相互叠压、共用一条笔画，或放进圆形、盾形这类简单形状里。两三个大写字母配上足够粗的字重，是最经得起考验的配方。
SVG、PNG 与 ICO：什么时候用哪种格式？
不是三选一，而是让每种格式各司其职。
| 特性 | SVG | PNG | ICO |
|---|---|---|---|
| 缩放不损失画质 | 支持——矢量格式 | 不支持——固定像素 | 不支持——固定像素 |
| 透明背景 | 支持 | 支持 | 支持 |
| Logo 的典型文件体积 | 极小（通常 < 5 KB） | 中等，随尺寸增大 | 较小，多尺寸打包 |
| 后期可编辑 | 可以——本质是可读的代码 | 不可以 | 不可以 |
| 单文件包含多尺寸 | 一个文件适配所有尺寸 | 每个尺寸一个文件 | 支持——内嵌 16/32/48 |
| 最佳用途 | 母版文件、网页、印刷 | 头像、文档、应用市场 | 旧浏览器的 favicon 兜底 |
实际操作中：用 SVG 作为母版文件，需要位图的地方导出 PNG，同时部署一个 favicon.ico，让老浏览器和固定的快捷方式始终能找到图标。下方的一键资产包会从同一个源文件产出这三种格式。
Logo 尺寸速查表
实际会被要求提供的尺寸，一张表看全。
每个平台的裁剪和缩放规则都不一样。与其把位图放大缩小，不如直接从 SVG 按目标尺寸导出，边缘在任何地方都能保持锐利。
| 使用位置 | 推荐尺寸 | 说明 |
|---|---|---|
| 网站页头 | SVG，或宽约 400 px 的 PNG（2x） | 多数页头会把 Logo 显示在 120–250 px 宽；按 2x 导出可在视网膜屏上保持锐利 |
| 社交平台头像 | 800×800 px 源图 | Facebook、X、LinkedIn 和 YouTube 都会把头像裁成圆形——关键元素要居中 |
| 邮件签名 | PNG，宽度 ≤ 320 px | 小尺寸标识，需要在各种邮件客户端里快速加载 |
| Favicon 系列 | 16、32、48 px 打包成一个 .ico | 浏览器标签页、书签和 Windows 任务栏；32 px 是现代屏幕上最常见到的尺寸 |
| App 与 PWA 图标 | 180、192、512 px 的 PNG | Apple touch icon、Android 主屏幕、PWA 安装以及商店页面 |
| 印刷 | 矢量（SVG/PDF），300 DPI | 名片、包装、周边——印刷永远不要放大位图 |
Favicon 系列是手工制作最容易出错的一组。可以在下方直接生成完整资产包，或用我们的专用生成器从任意图片制作，然后检测一下线上站点，确认每个标签都能正常解析。
一键资产包里有什么？
点一下「生成全平台资产」，你的设计就变成一套可直接上线的资产包。
favicon.ico
多尺寸 ICO（16、32、48 px），放在站点根目录作为通用兜底
favicon.svg
面向现代浏览器的矢量 favicon——一个文件通吃所有分辨率
favicon-16x16.png / favicon-32x32.png
锐利的 PNG favicon，用于高分屏的标签栏与书签
apple-touch-icon.png
iOS 用于主屏幕书签和 Safari 的 180×180 图标
android-chrome-192x192.png / 512x512.png
Android 主屏幕、Chrome 安装与 PWA 启动页图标
HTML + manifest 代码片段
可直接复制粘贴的 <head> 标签、manifest.json 与 browserconfig.xml，路径已按生成结果预先配好
适用于
任何需要标识的时刻，都能快速起步。
个人项目与 MVP
用真实 Logo 替代占位图上线。
开发者
几分钟内接好 favicon 与 App 图标。
初创团队
在聘请设计师前先验证品牌方向。
活动与社区
为线下聚会、Discord 或邮件通讯快速出一个标识。
常见问题
关于 Logo 生成器的一切。
这个 Logo 生成器真的免费吗？
是的，完全免费。设计、下载 SVG 和 PNG、生成 favicon 与 App 图标资产包全都免费，无需账户、没有水印，也没有分辨率付费墙。很多 Logo 工具只送一张低分辨率 PNG、矢量文件要收费；在这里，SVG 母版文件本身就在免费下载范围内。
在这里制作的 Logo 可以商用吗？
可以。设计由你创建，你可以把它用于商业网站、产品和营销，无需署名。图标来自开源的 lucide 图标集，采用宽松的 ISC 许可证，允许商业使用。如果你需要对这个标识拥有排他性权利，请在所在司法辖区注册商标。
用在线工具做的 Logo 能注册商标吗？
拥有设计和拥有商标是两回事。商标需要在你所在的国家/地区注册，并且要有足够的显著性来标识你的品牌。自定义文字加上一个有辨识度或经过修改的图标，通常比未加改动的现成符号更有胜算；提交申请前，可以请商标律师评估你的具体标识。
支持导出哪些格式？
无损矢量 SVG，以及 512×512 和 1024×1024 两种尺寸的 PNG。SVG 是你的母版文件——放大到任何尺寸都不损失画质。再点一下，同一份设计就能变成包含 ICO、PNG 和 manifest 代码片段的完整 favicon 与 App 图标资产包。
Logo 用 SVG 比 PNG 更好吗？
两者分工不同。SVG 是矢量格式：可以无限缩放、体积极小、日后还能编辑，因此是理想的母版文件。PNG 是带透明通道的位图，走到哪儿都能用——头像、文档、应用市场。把 SVG 留作唯一可信源，再按各平台要求的尺寸导出 PNG 副本即可。
设计过程中会把我的 Logo 上传到服务器吗？
不会——编辑器完全在你的浏览器中运行，预览也在本地渲染，所以设计期间你的品牌名和设计稿不会离开你的设备。只有当你点击「生成全平台资产」时，最终图片才会发送到我们的生成器来产出图标包。
怎么把 Logo 变成 favicon？
用 Logo 的图标版或字母组合版，而不是完整名称——完整的全名字标在 16 像素下根本看不清。然后点击「生成全平台资产」，即可得到 favicon.ico、PNG favicon、apple-touch-icon、Android 图标和 manifest 代码片段，还有可直接粘贴进网站 head 的 HTML 标签。
为什么我的 Logo 做成 favicon 后很模糊？
通常是三个原因之一：图标是从大位图缩小而来、而不是按目标尺寸渲染的；设计细节太多，塞不进 16 像素的画布；或者笔画太细、对比度太低，糊成了一片。把设计简化成粗字重的字母组合或符号，从 SVG 渲染导出，再用我们的 Favicon 检测器检查线上效果。
怎么用首字母做一个字母组合（monogram）Logo？
取一到三个首字母——两三个大写字母效果最好——把编辑器切换到「仅文字」模式，并选用粗字重。再加一个圆形或圆角方形之类的简单外框来增强整体感，并稍微拉开字间距，避免字符在小尺寸下黏在一起。
一个 Logo 应该用几种颜色？
一到两种，尤其是在起步阶段。每多一种颜色，Logo 在印刷、刺绣、深色模式和单色场景下的复现难度都会上升。先设计单色版本；如果这时标识依然清晰易认，颜色就成了锦上添花，而不是遮丑的拐杖。
该选衬线体还是无衬线体？
衬线体自带传统与权威感，适合法律、金融、出版和奢侈品行业。无衬线体显得现代，小尺寸下依然易读，这正是多数科技品牌选择它的原因。如果你的 Logo 还要兼任 favicon 或 App 图标，选无衬线体，或者选一款笔画极粗的衬线体。
Logo 应该用透明背景吗？
母版导出应当是透明的（SVG 或 PNG），这样 Logo 放在任何页面上都干净利落。但对 favicon 和社交头像来说，加一个实色背景形状通常更易辨认——透明底上的白色标识放到浅色界面上就直接消失了。本编辑器提供背景形状开关，正是为了解决这个问题。
网站页头和社交媒体的 Logo 应该用多大尺寸？
页头用 SVG，或宽约 400 像素的 2x PNG，足以覆盖常见的 120–250 像素显示宽度。社交头像上传 800×800 的源图，并让关键元素居中，因为多数平台会把头像裁成圆形。上文的尺寸速查表列出了完整的使用位置清单。
想深入了解？
跨浏览器的 Favicon 优化完整指南