跳到主要内容
工具产品凹语言Wa

Wa-lang

Wa-lang(凹语言) 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Wa-lang Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Wa-lang (凹语言)
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG 亮暗底对比度与矢量体积
白底 3.7:1 · 暗底 5.4:1 · 1.2 KB

矢量代码片段

<!--
// 版权 @2019 凹语言 作者。保留所有权利。
// https://wa-lang.org
-->

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" fill="none">

  <path fill-rule="evenodd" clip-rule="evenodd" d="M50 70C50 58.9543 58.9543 50 70 50H130C141.046 50 150 58.9543 150 70V74V130V150H250V130V74V70C250 58.9543 258.954 50 270 50H330C341.046 50 350 58.9543 350 70V94V130V330C350 341.046 341.046 350 330 350H70C58.9543 350 50 341.046 50 330V130V94V70Z" fill="LightSeaGreen" />

  <circle cx="100" cy="100" r="5" stroke="black" stroke-width="0" fill="white">
    <animate attributeName="r" values="0;5;5;0" dur="1s" repeatCount="1" />
  </circle>

  <circle cx="300" cy="100" r="5" stroke="black" stroke-width="0" fill="white">
    <animate attributeName="r" values="0;5;5;0" dur="1s" repeatCount="1" />
  </circle>

  <path d="M200 230L234 264L268 230M200 230L166 264L132 230" fill="LightSeaGreen" stroke="white" stroke-width="8" stroke-linecap="round" stroke-dasharray="0,0,0,192">
    <animate attributeType="XML" attributeName="stroke-dasharray" values="0,0,0,192;0,96,96,0; 192,0,0,0" keyTimes="0; 0.5;1" fill="freeze" dur="1.5s" repeatCount="1" />
  </path>

</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 400 400")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成