占位 Logo 生成器

在您的浏览器中本地运行

为原型和设计稿生成占位 Logo，种子结果可复现

最多 64 个字符，支持任意文字。

相同的品牌、种子和选项始终生成相同的 Logo。

Logo 设置

品牌

用于字母组合样式。最多 4 个字符。

标志
样式
形状
内边距（安全区域）
图形复杂度
颜色
颜色模式

原创的程序化占位图形，用于原型和效果图，并非正式的品牌标识。

Logo 预览

版本
Lumen Forge 的横向组合占位 Logo
预览背景

背景仅影响此预览，不影响导出的文件。

<svg xmlns="http://www.w3.org/2000/svg" width="494" height="128" viewBox="0 0 494 128" role="img" aria-labelledby="lpg-1n5vbfo-title lpg-1n5vbfo-desc"><title id="lpg-1n5vbfo-title">Lumen Forge</title><desc id="lpg-1n5vbfo-desc">Fictional placeholder logo for mockups (geometric style, horizontal lockup).</desc><defs><mask id="lpg-1n5vbfo-cut" maskUnits="userSpaceOnUse" x="-5" y="-5" width="110" height="110"><rect x="-5" y="-5" width="110" height="110" fill="#fff"/><path d="M63.24 85.17 L21.41 72.92 L33.66 31.09 L75.49 43.34 Z M61.71 82.36 L24.22 71.38 L35.2 33.89 L72.68 44.87 Z" fill-rule="evenodd" fill="#000"/><path d="M65.17 75.23 L31.35 74.85 L31.73 41.02 L65.56 41.4 Z M62.94 72.94 L33.64 72.61 L33.97 43.31 L63.27 43.64 Z" fill-rule="evenodd" fill="#000"/></mask></defs><g transform="translate(20 20) scale(0.88)"><g mask="url(#lpg-1n5vbfo-cut)"><polygon points="48.45,58.13 50,4 96,50" fill="#cd5e23"/><polygon points="48.45,58.13 96,50 50,96" fill="#1f3bdb"/><polygon points="48.45,58.13 50,96 4,50" fill="#cd5e23"/><polygon points="48.45,58.13 4,50 50,4" fill="#1f3bdb"/></g></g><text x="302" y="82" fill="#2e211a" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', Arial, sans-serif" font-size="50" font-weight="700" text-anchor="middle" textLength="344" lengthAdjust="spacingAndGlyphs">Lumen Forge</text></svg>

文字使用系统字体，因此不同设备上的字形可能略有差异。文字会适配固定宽度，因此不会被裁切。

相关工具

图片占位图生成器实时预览、尺寸预设和离线代码片段，快速生成占位图头像生成器根据种子生成六种头像：姓名首字母、几何、动物、人物、职业和标识图。在本地导出 SVG 或 PNG，无需上传。SVG 转 JSX将 SVG 标记转换为整洁的 React JSX 或 TSX 组件SVG 转图片将 SVG 转换为任意尺寸的清晰 PNG、JPEG、WebP 或 AVIF 图片
什么是占位 Logo 生成器？

它为原型、演示、截图和种子数据生成虚构的占位 Logo。每个标志都是在浏览器中由几何图形构成的原创程序化作品。它不会复制现有 Logo，也不是专业的 Logo 设计服务。

使用方法
  1. 1.输入品牌名称，如需字母组合样式，可再输入缩写。
  2. 2.从七种样式中选择一种，然后调整图形复杂度、形状和颜色模式。
  3. 3.选择版本：图标标志、文字标志、横向组合、纵向组合或单色。
  4. 4.复制 SVG 代码或 JSX 组件，下载 SVG，或导出 PNG。
确定性种子

品牌名称、种子和所有选项会合成一个稳定的键，因此相同的输入始终生成逐字节相同的 SVG。使用“新种子”探索其他标志，使用“上一个种子”回到喜欢的那个。

输出说明

SVG 文件是自包含的：不含脚本、外部字体或图片。品牌文字仍是使用系统字体的真实 SVG 文本，因此在不同设备上外观可能略有差异；PNG 导出会捕获浏览器渲染的结果。一切都在本地运行，不会上传任何内容。

CodingTool 已正式上线于

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools