跳到主要內容
工具產品Alertify

Alertify.js

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

Alertify.js Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Alertify.js
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#353639rgb(53, 54, 57) · hsl(225, 4%, 22%)
WCAG 亮暗底對比度與向量體積
白底 12.1:1 · 暗底 1.6:1 · 1.4 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64"><path d="M133.5-439.4l-.1-32.3c0-1.4-.2-2.7-.3-4.1.4.9 1.2 1.9 1.2 2.8v30.8c0 1-.6 1.9-.8 2.8zm0-44.2l-.1-32c0-1.5-.2-3-.3-4.4.4.9 1.2 1.9 1.2 2.8v30.9c0 .9-.5 1.8-.8 2.7z" fill="#fff"/><g transform="matrix(1.611335 0 0 1.611335 -31.267703 -31.945015)"><path d="M38.544 37.24h-18.42a.66.66 0 0 1-.661-.661V22.93a.66.66 0 0 1 .661-.661h18.42a.66.66 0 0 1 .661.661v13.65c0 .378-.283.66-.66.66z" fill="#fafafa" stroke="#353639" stroke-width=".118" stroke-miterlimit="10"/><g fill="#353639"><circle r="1.039" cy="24.701" cx="32.995"/><circle r="1.039" cy="24.701" cx="29.689"/><circle r="1.039" cy="24.701" cx="36.324"/><path d="M36.537 35.304H22.132c-.26 0-.472-.213-.472-.472v-7.77c0-.26.213-.472.472-.472h14.404c.26 0 .472.213.472.472v7.77a.46.46 0 0 1-.472.472z"/></g><path d="M24.54 27.866h9.587v.4H24.54zm0 1.086h9.587v.4H24.54zm0 1.086h9.587v.4H24.54zm7.605 4.132h-5.667c-.213 0-.378-.165-.378-.378V32.14c0-.213.165-.378.378-.378h5.667c.213 0 .378.165.378.378v1.653c0 .213-.165.378-.378.378z" fill="#fff"/><g fill="#353639"><path d="M29.027 33.604l-.496-.472c-.094-.07-.094-.213 0-.307.07-.094.213-.094.307 0l.496.472c.094.07.094.213 0 .307a.25.25 0 0 1-.307 0z"/><path d="M30.043 32.636l-.685.92c-.07.094-.2.118-.283.047s-.118-.2-.047-.283l.685-.92c.07-.094.2-.118.283-.047s.118.2.047.283z"/></g></g></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 32 32")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成