免费 · 纯浏览器 · 无需注册

文字与图标 Logo 生成器

用品牌名、首字母或图标快速做一个简洁 Logo——免费、纯浏览器、无需注册。随后一键转成 favicon 与 App 图标。

在浏览器里设计你的 Logo

选好类型，输入名称，挑选图标和配色——预览实时更新，你输入的内容不会离开这个页面。

免费下载 · 无水印 · 可编辑 SVG

精品设计模板12

实时预览ALPINE

让设计属于你

品牌名 / 首字母

品牌标语（可选）

字体风格

标志图形

配色

自定义颜色

前景色背景色点缀色

标识版本

背景外形

上线一个品牌标识所需的一切

无需设计基础、无需注册、完全免费。

文字与首字母 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 生成器 →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 的源图，并让关键元素居中，因为多数平台会把头像裁成圆形。上文的尺寸速查表列出了完整的使用位置清单。