工具產品暗色專用版

Penpot

Penpot 官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

該標誌提供獨立暗色模式版本

色彩提取

點選直接複製色值

單色純正規範該標誌採用單一品牌官方基色，建議在排版中保持純正

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 0.76:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 261.92187 345.94141
原始碼體積: 1.7 KB · 1 個路徑節點
官方來源: https://penpot.app/

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成

顏色

單色

背景

留白0%圓角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Penpot.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱: Penpot
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG 亮暗底對比度與向量體積: 白底 3.7:1 · 暗底 5.4:1 · 1.7 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.92187 345.94141">
  <path d="m-68.324219 280.3457-36.376951 51.23633v28.96289l-31.65625 15.05664-.28516-.13476v188.95312l123.417971 58.30664 7.5429684 3.56055 7.5410156-3.56055L125.2793 564.41992V375.4668l-.23242.10937-31.666021-15.06055v-28.93359l-1.107421-1.55859-35.271485-49.67774-36.378906 51.23633v.0508l-26.4707032-37.28125-26.2656248 36.99414-.939453-1.32226-35.271485-49.67774zm6.435547 29.76172 14.070313 19.81641h-41.011719l13.90625-19.58399 13.035156-.23242zm125.326172 0 14.070312 19.81641H36.496094l13.904297-19.58399 13.037109-.23242zM.58789062 324.11523 14.658203 343.92969h-41.009765l13.904296-19.58399 13.03515662-.23047zM-92.71875 339.91016h19.451172v65.49609l-19.451172-9.18945v-56.30664zm29.4375 0h19.353516l-.002 79.35546-19.353515-9.14257.002-70.21289zm95.886719 0h19.453125l-.002 70.14648-19.449219 9.1875-.002-79.33398zm29.4375 0h19.353515v56.28515l-19.353515 9.14258v-65.42773zm-92.285157 14.00586h19.451172v81.0039l-19.451172-9.18945v-71.81445zm29.4375005 0H18.548828l-.002 71.9707-19.35351562 9.14453.001953-81.11523zm94.1835935 21.52539 17.125004 7.00195-17.125004 8.08984v-15.09179zm-198.080076.0254v15.08984l-17.12305-8.08984 17.12305-7zm-16.85938 23.80859 108.335941 51.17773v155.58985l-108.335941-51.17774V399.2754zm231.75586 0v155.58984L1.859375 606.04298V450.45313L110.19531 399.2754z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" transform="translate(136.64258 -280.3457)"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.92187 345.94141" fill="#ffff" style="width: 100%; height: 100%;">
  <path d="m-68.324219 280.3457-36.376951 51.23633v28.96289l-31.65625 15.05664-.28516-.13476v188.95312l123.417971 58.30664 7.5429684 3.56055 7.5410156-3.56055L125.2793 564.41992V375.4668l-.23242.10937-31.666021-15.06055v-28.93359l-1.107421-1.55859-35.271485-49.67774-36.378906 51.23633v.0508l-26.4707032-37.28125-26.2656248 36.99414-.939453-1.32226-35.271485-49.67774zm6.435547 29.76172 14.070313 19.81641h-41.011719l13.90625-19.58399 13.035156-.23242zm125.326172 0 14.070312 19.81641H36.496094l13.904297-19.58399 13.037109-.23242zM.58789062 324.11523 14.658203 343.92969h-41.009765l13.904296-19.58399 13.03515662-.23047zM-92.71875 339.91016h19.451172v65.49609l-19.451172-9.18945v-56.30664zm29.4375 0h19.353516l-.002 79.35546-19.353515-9.14257.002-70.21289zm95.886719 0h19.453125l-.002 70.14648-19.449219 9.1875-.002-79.33398zm29.4375 0h19.353515v56.28515l-19.353515 9.14258v-65.42773zm-92.285157 14.00586h19.451172v81.0039l-19.451172-9.18945v-71.81445zm29.4375005 0H18.548828l-.002 71.9707-19.35351562 9.14453.001953-81.11523zm94.1835935 21.52539 17.125004 7.00195-17.125004 8.08984v-15.09179zm-198.080076.0254v15.08984l-17.12305-8.08984 17.12305-7zm-16.85938 23.80859 108.335941 51.17773v155.58985l-108.335941-51.17774V399.2754zm231.75586 0v155.58984L1.859375 606.04298V450.45313L110.19531 399.2754z" color="#fff" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#fff;text-transform:none;block-progression:tb;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#fff;solid-opacity:1" transform="translate(136.64258 -280.3457)"/>
</svg>