设计原则
品牌 logo 不是普通 icon。开源项目、聚合站或 SVG 包的代码许可,通常不能替代商标、品牌指南、背书语境和使用范围判断。
大理论
品牌 logo 的核心风险不是 SVG 文件能不能下载,而是使用它是否真实、准确、不过度暗示关系。集成列表、支付方式、客户墙、技术栈徽章、登录按钮和案例页都可能合理使用 logo,但每一种都要回答:是否真的集成或合作、品牌指南是否允许、颜色/清距/变体是否正确、是否需要许可、是否会让用户以为对方背书。
小知识点
- 区分品牌引用、功能入口、社交登录、支付方式、客户证明、合作伙伴和装饰背景;只有前几类通常有清楚使用目的。
- Simple Icons、SVGL、SVG Repo、Iconify 等提供发现和文件分发,不自动授予商标许可或品牌背书。
- 优先从品牌官方 guideline/source URL 确认颜色、clear space、最小尺寸、禁用改动和商标符号。
- 不要随意改色、拉伸、描边、加阴影、放进按钮背景纹理或与其他 logo 组合成新标识。
- 可访问名称要说明品牌和动作,例如 GitHub integration、Continue with Google;纯装饰 logo 或重复文本旁 logo 可
aria-hidden。 - 客户 logo、伙伴 logo、媒体 logo 和 testimonial logo 要有证据链或授权记录;不能用假 logo 墙制造社会证明。
设计判断
如果 logo 使用能回答“为什么这里需要这个品牌、用户会怎样理解关系、官方指南是否允许、是否会暗示背书、读屏如何听到”,它才适合进入界面。答不清时用文本名、通用图标或等待授权。
实现建议
为每个品牌 logo 记录 logoUsage record:brand、purpose、sourceHref、officialGuidelineHref、license/trademark note、permissionStatus、allowedVariants、colorMode、minSize、clearSpace、accessibleName、noEndorsementCopy、lastChecked、fallbackText。集成页可把 logo 放在真实产品名称旁;客户墙需要来源证据;登录按钮遵循对应品牌按钮指南;logo strip 不要自动滚动到用户无法暂停。
反例/风险
把 SVGL 或 Simple Icons 的 logo 当作免费装饰图案、将 GitHub logo 改成品牌主色、在未合作情况下展示客户 logo、把 Stripe logo 放进支付按钮但实际不支持 Stripe、社交登录按钮只有 logo 没有文本、logo strip 滚动且无暂停控制。
案例分析
Simple Icons 免责声明说明项目本身为 CC0 但不代表所有图标也都是 CC0,并要求用户检查单个图标许可和品牌指南;SVGL 首页说明每个 SVG 链接到对应产品,并提示使用 logo 前需获得许可;CC BY 4.0 也要求署名不能暗示许可方背书。可学习点是:品牌 logo 的文件来源、版权许可、商标指南和背书语境是四个不同层级。
来源链接
Simple Icons disclaimer: https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md Simple Icons license: https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md Simple Icons: https://simpleicons.org/ SVGL: https://svgl.app/ Creative Commons CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ W3C Informative Images: https://www.w3.org/WAI/tutorials/images/informative/
Agent 指令
使用品牌 logo 前必须确认使用目的、品牌指南、商标/许可、真实关系、背书风险和可访问名称;无法确认时用文本或通用图标替代,不得自动下载生产使用。