跳到主要内容

Awesome Logos

Awesome Logos 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Awesome Logos Logo

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 64 64
源码体积
2.8 KB · 5 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Awesome Logos.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Awesome Logos
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#0000E1rgb(0, 0, 225) · hsl(240, 100%, 44%)
WCAG 亮暗底对比度与矢量体积
白底 10.1:1 · 暗底 2:1 · 2.8 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"><defs><linearGradient id="A" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#0078ff"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#646464"/></linearGradient><linearGradient xlink:href="#B" id="C" x1="29.249" y1="296.578" x2="17.254" y2="312.202"/><linearGradient xlink:href="#A" id="D" x1="67.599" y1="318.895" x2="69.793" y2="298.282"/><linearGradient xlink:href="#A" id="E" x1="26.455" y1="318.895" x2="24.261" y2="298.282"/><linearGradient xlink:href="#B" id="F" x1="75.674" y1="294.137" x2="82.146" y2="303.404"/><radialGradient id="G" gradientTransform="matrix(1.2572982,-1.2132549,1.1859252,1.2289744,12.342918,68.530064)" cx="-90.961" cy="126.119" fx="-90.961" fy="126.119" r="134.257" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#feffff"/></radialGradient></defs><g transform="matrix(.900402 0 0 .900402 -10.057714 -253.826258)"><path d="M23.862 299.834c-4.96-.046-10.714 3.78-12.375 7.714a41.954 17.253 0 0 1 2.18-.512c1.565-.956 3.434-1.267 5.94-1a41.954 17.253 0 0 1 .161-.021c-.013-.008-.02-.025-.02-.034.002-.244.702-1.318 1.556-2.385l1.553-1.94 2.944 1.86c2.933 1.852 4.57 1.782 5.24-.22.315-.944-4.864-3.443-7.177-3.465z" fill="url(#C)"/><path d="M11.617 313.476c1.504 1.07 2.14 3.862 3.057 6.866 1.784 5.848 3.265 7.747 7.023 9.006 3.202 1.073 11.766.96 14.522-.192 2.178-.9 4.854-2.8 6.688-7.694.8-2.828.848-5.955 3.903-6.704 1.904.44 2.736.837 3.817 4.92 1.185 4.474 4.083 8.294 7.138 9.408 3.745.824 4.405 1.163 8.145 1.03 8.1-.648 11.167-2.104 13.4-10.765.614-2.368 1.698-5.046 2.4-5.95.66-1.814.553-4.245.414-6.532-3.417-.86-5.904-1.054-7.9-.514-.218.302-3.08.6-6.55.696-3.608.1-9.687.642-13.508 1.227-6.3.965-7.682.967-14.8.02-4.324-.573-10.513-1.228-13.753-1.456-3.08-.217-5.627-.577-5.867-.822l-.16.02c-2.506-.276-4.376.034-5.94 1a72.05 72.05 0 0 0-2.18.512c-.443 2.226-.44 3.86.13 5.927z" fill="url(#G)"/><path d="M53.325 318.1c1.536 9.335 2.98 9.048 13.143 9.743 8.7.147 10.315-2.946 11.244-10.097-.304-7.596-2.166-9.308-10.776-8.35-10.8 1.186-15.286.704-13.6 8.704z" fill="url(#D)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/><path d="M70.4 299.94c-1.53.008-3.064.294-4.54.857-3.112 1.188-3.735 2.305-2.062 3.693.76.63 1.528.437 3.7-.927 1.502-.948 3.018-1.723 3.37-1.723.703 0 3.427 3.567 3.422 4.48a.06.06 0 0 1-.015.034c1.986-.54 4.473-.344 7.9.515-.847-1.698-2.362-3.356-4.467-4.75a13.03 13.03 0 0 0-7.29-2.182z" fill="url(#F)"/><path d="M40.728 318.1c-1.536 9.335-2.98 9.048-13.143 9.743-8.7.147-10.315-2.946-11.244-10.097.304-7.596 2.166-9.308 10.776-8.35 10.8 1.186 15.286.704 13.6 8.704z" fill="url(#E)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/></g></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 64 64")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成