跳到主要內容

Agile Stacks

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

Agile Stacks Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 64 64
原始碼體積
7.1 KB · 16 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Agile Stacks
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#FFC80Brgb(255, 200, 11) · hsl(46, 100%, 52%)
WCAG 亮暗底對比度與向量體積
白底 1.6:1 · 暗底 12.8:1 · 7.1 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="41.581" y1="35.428" x2="51.852" y2="35.428"><stop offset="0" stop-color="#cbdb2a"/><stop offset="1" stop-color="#82b040"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="46.955" y1="32.517" x2="57.226" y2="32.517"><stop offset="0" stop-color="#cbdb2a"/><stop offset="1" stop-color="#82b040"/></linearGradient><linearGradient id="C" gradientUnits="userSpaceOnUse" x1="41.58" y1="35.428" x2="51.851" y2="35.428"><stop offset="0" stop-color="#cbdb2a"/><stop offset="1" stop-color="#82b040"/></linearGradient><linearGradient id="D" gradientUnits="userSpaceOnUse" x1="36.207" y1="32.517" x2="46.478" y2="32.517"><stop offset="0" stop-color="#cbdb2a"/><stop offset="1" stop-color="#82b040"/></linearGradient><g transform="matrix(1.709086 0 0 1.709086 -47.800297 -18.500232)"><path d="M46.692 20.957l-16.288 8.675v9.965l16.288 8.675 16.288-8.675v-9.965z" fill="#fff"/><use xlink:href="#Y" fill="url(#A)"/><path d="M52.1 29.75l-5.136 2.765L52.1 35.28l5.135-2.765z" fill="url(#B)"/><use xlink:href="#Y" x="10.749" y="-5.823" fill="url(#C)"/><path d="M41.342 29.75l-5.135 2.765 5.135 2.765 5.136-2.765z" fill="url(#D)"/><use xlink:href="#Y" y="-5.823" fill="url(#A)"/><g transform="matrix(.111963 0 0 .111963 18.271084 9.347279)"><linearGradient y2="154.936" x2="347.926" y1="154.936" x1="256.19" gradientUnits="userSpaceOnUse" id="E"><stop stop-color="#cbdb2a" offset="0"/><stop stop-color="#82b040" offset="1"/></linearGradient><use xlink:href="#Z" fill="url(#E)"/><linearGradient y2="180.936" x2="203.926" y1="180.936" x1="112.191" gradientUnits="userSpaceOnUse" id="F"><stop stop-color="#cbdb2a" offset="0"/><stop stop-color="#82b040" offset="1"/></linearGradient><g fill="url(#F)"><use xlink:href="#a"/><use xlink:href="#a" x="48" y="-26"/></g><linearGradient y2="128.936" x2="299.926" y1="128.936" x1="208.191" gradientUnits="userSpaceOnUse" id="G"><stop stop-color="#cbdb2a" offset="0"/><stop stop-color="#82b040" offset="1"/></linearGradient><use xlink:href="#b" fill="url(#G)"/></g><path d="M46.692 10.825L30.404 19.5v5.206l16.288 8.675 16.288-8.675V19.5z" fill="#fff"/><g transform="matrix(.111963 0 0 .111963 18.271084 9.347279)"><linearGradient y2="127.798" x2="157" y1="127.798" x1="111.4" gradientUnits="userSpaceOnUse" id="H"><stop stop-color="#0d4d95" offset="0"/><stop stop-color="#0f213c" offset="1"/></linearGradient><use xlink:href="#W" fill="url(#H)"/><linearGradient y2="127.799" x2="157" y1="127.799" x1="111.4" gradientUnits="userSpaceOnUse" id="I"><stop stop-color="#0d4d95" offset="0"/><stop stop-color="#0f213c" offset="1"/></linearGradient><g fill="url(#I)"><use xlink:href="#W" x="96" y="51.2"/><use xlink:href="#W" x="47.8" y="25.8"/></g><g fill="url(#H)"><use xlink:href="#W" y="89"/><use xlink:href="#W" x="96" y="140.2"/></g><g fill="url(#I)"><use xlink:href="#W" x="47.8" y="114.8"/><use xlink:href="#W" y="133"/></g><use xlink:href="#W" x="96" y="184.2" fill="url(#H)"/><use xlink:href="#W" x="47.8" y="158.8" fill="url(#I)"/><linearGradient y2="127.798" x2="396.6" y1="127.798" x1="351" gradientUnits="userSpaceOnUse" id="J"><stop stop-color="#ed3823" offset="0"/><stop stop-color="#be1e22" offset="1"/></linearGradient><use xlink:href="#X" fill="url(#J)"/><linearGradient y2="127.797" x2="396.6" y1="127.797" x1="351" gradientUnits="userSpaceOnUse" id="K"><stop stop-color="#ed3823" offset="0"/><stop stop-color="#be1e22" offset="1"/></linearGradient><g fill="url(#K)"><use xlink:href="#X" x="-96" y="51.202"/><use xlink:href="#X" x="-47.8" y="25.802"/></g><use xlink:href="#X" y="89" fill="url(#J)"/><linearGradient y2="127.796" x2="396.6" y1="127.796" x1="351" gradientUnits="userSpaceOnUse" id="L"><stop stop-color="#ed3823" offset="0"/><stop stop-color="#be1e22" offset="1"/></linearGradient><use xlink:href="#X" x="-96" y="140.202" fill="url(#L)"/><use xlink:href="#X" x="-47.8" y="114.802" fill="url(#K)"/><linearGradient y2="127.799" x2="396.6" y1="127.799" x1="351" gradientUnits="userSpaceOnUse" id="M"><stop stop-color="#ed3823" offset="0"/><stop stop-color="#be1e22" offset="1"/></linearGradient><use xlink:href="#X" y="133" fill="url(#M)"/><use xlink:href="#X" x="-96" y="184.202" fill="url(#L)"/><use xlink:href="#X" x="-47.8" y="158.802" fill="url(#K)"/><linearGradient y2="128.936" x2="299.926" y1="128.936" x1="208.191" gradientUnits="userSpaceOnUse" id="N"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><use xlink:href="#b" y="15" fill="url(#N)"/><linearGradient y2="154.936" x2="347.926" y1="154.936" x1="256.19" gradientUnits="userSpaceOnUse" id="O"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><use xlink:href="#Z" y="-37" fill="url(#O)"/><linearGradient y2="91.936" x2="395.926" y1="91.936" x1="304.19" gradientUnits="userSpaceOnUse" id="P"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M350.06 67.24L304.2 91.937l45.87 24.696 45.867-24.696z" fill="url(#P)"/><linearGradient y2="180.936" x2="203.926" y1="180.936" x1="112.191" gradientUnits="userSpaceOnUse" id="Q"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><use xlink:href="#a" x="48" y="-63" fill="url(#Q)"/><linearGradient y2="91.936" x2="299.926" y1="91.936" x1="208.191" gradientUnits="userSpaceOnUse" id="R"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M254.06 67.24L208.2 91.937l45.868 24.696 45.867-24.696z" fill="url(#R)"/><linearGradient y2="65.936" x2="347.926" y1="65.936" x1="256.19" gradientUnits="userSpaceOnUse" id="S"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M302.06 41.24L256.2 65.937l45.87 24.696 45.867-24.696z" fill="url(#S)"/><linearGradient y2="91.936" x2="203.926" y1="91.936" x1="112.191" gradientUnits="userSpaceOnUse" id="T"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M158.058 67.24L112.2 91.937l45.867 24.696 45.868-24.696z" fill="url(#T)"/><linearGradient y2="65.936" x2="251.926" y1="65.936" x1="160.191" gradientUnits="userSpaceOnUse" id="U"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M206.058 41.24L160.2 65.937l45.867 24.696 45.868-24.696z" fill="url(#U)"/><linearGradient y2="39.937" x2="299.926" y1="39.937" x1="208.191" gradientUnits="userSpaceOnUse" id="V"><stop stop-color="#ffc80b" offset="0"/><stop stop-color="#f8991d" offset="1"/></linearGradient><path d="M254.06 15.24L208.2 39.937l45.868 24.696 45.867-24.696z" fill="url(#V)"/></g></g><defs><path id="W" d="M111.4 94.805v41.6l45.6 24.387v-41.6z"/><path id="X" d="M351 119.2v41.6l45.6-24.387v-41.6z"/><path id="Y" d="M46.716 32.663l-5.136 2.765 5.136 2.765 5.135-2.765z"/><path id="Z" d="M302.06 130.24l-45.87 24.697 45.87 24.696 45.867-24.696z"/><path id="a" d="M158.058 156.24l-45.867 24.697 45.867 24.696 45.868-24.696z"/><path id="b" d="M254.06 104.24l-45.868 24.697 45.868 24.696 45.867-24.696z"/></defs></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成