跳到主要内容
工具产品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% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成