跳到主要內容

wasm2c

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

wasm2c Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
wasm2c
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#654FF0rgb(101, 79, 240) · hsl(248, 84%, 63%)
WCAG 亮暗底對比度與向量體積
白底 5.3:1 · 暗底 3.7:1 · 2.0 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg width="257.25" height="107.62" version="1.1" viewBox="0 0 257.25 107.62" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style>.cls-1 {
        fill: #393939;
      }

      .cls-2 {
        fill: #654ff0;
      }</style>
  <linearGradient id="linearGradient842" x1="125.02" x2="162.32" y1="63.615" y2="63.615" gradientTransform="translate(10 10)" gradientUnits="userSpaceOnUse">
   <stop stop-color="#654ff0" offset="0"/>
   <stop stop-color="#a8b9cc" offset="1"/>
  </linearGradient>
 </defs>
 <title>web-assembly-logo</title>
 <g transform="translate(-22.722 -22.406)" data-name="Layer 2">
  <g id="icon" transform="translate(-74.708 22.406)">
   <path class="cls-2" transform="translate(-.21)" d="m163.76 0v0.58a12.34 12.34 0 0 1-24.68 0v-0.58h-41.44v107.62h107.62v-107.62zm-14.76 96.1-5.24-25.93h-0.09l-5.67 25.93h-7.22l-8.18-38.1h7.13l4.88 25.93h0.09l5.88-25.93h6.67l5.28 26.25h0.09l5.57-26.25h7l-9.09 38.1zm39.26 0-2.43-8.48h-12.83l-1.87 8.48h-7.13l9.22-38.1h11.25l11.21 38.1z"/>
   <polygon class="cls-2" points="183.87 81.37 180.3 67.39 177.3 67.39 174.19 81.37"/>
  </g>
  <path d="m252.52 64.154s-1.5221-14.191-15.603-14.586c-14.081-0.39408-21.312 10.644-21.312 26.412 0 15.768 7.992 28.383 21.692 28.383 13.701 0 15.223-15.768 15.223-15.768l26.259 1.5766s1.5461 14.241-9.4423 25.106c-10.989 10.864-24.476 12.639-33.896 12.566-9.4191-0.0752-22.479 0.14757-35.108-12.787-12.629-12.935-14.772-25.5-14.772-37.844 0-12.344 2.395-28.696 17.411-41.096 10.205-8.4261 20.551-11.531 30.898-11.531 43.196 0 46.097 39.84 46.097 39.84z" fill="#a8b9cc"/>
  <path d="m180.88 74.839v2.7534l-12.023 12.023-3.6712-3.6712 7.1282-7.1282h-37.293v-5.2008h37.293l-7.1282-7.1282 3.6712-3.6712z" fill="url(#linearGradient842)"/>
 </g>
 <metadata>
  <rdf:RDF>
   <cc:Work rdf:about="">
    <dc:title>web-assembly-logo</dc:title>
   </cc:Work>
  </rdf:RDF>
 </metadata>
</svg>

設計應用建議

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