佔位 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