跳到主要內容
大學校徽canvas-lmsCanvasInstructure

Canvas Lms

Canvas Lms(canvas-lms) 官方向量標誌,歸屬大學校徽分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Canvas Lms Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Canvas Lms (canvas-lms)
行業分類歸屬
大學校徽
官方基色 (HEX / RGB / HSL)
#D64027rgb(214, 64, 39) · hsl(9, 69%, 50%)
WCAG 亮暗底對比度與向量體積
白底 4.5:1 · 暗底 4.4:1 · 1.9 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="svg-canvas-logo" x="0px" y="0px" enable-background="new 0 0 115 27" xml:space="preserve" viewBox="0 0.1 26.7 26.8">
  <g class="svg-logo-canvas__logomark">
    <path id="Shape" fill="#D64027" d="M3.9,13.5c0-2-1.5-3.6-3.4-3.8C0.2,10.9,0,12.1,0,13.5s0.2,2.6,0.5,3.8C2.4,17.1,3.9,15.4,3.9,13.5L3.9,13.5z"/><circle id="Oval" fill="#D64027" cx="6.2" cy="13.4" r="1.2"/>
    <path id="Shape_1_" fill="#D64027" d="M22.8,13.5c0,2,1.5,3.6,3.4,3.8c0.3-1.2,0.5-2.5,0.5-3.8s-0.2-2.6-0.5-3.8C24.3,9.9,22.8,11.5,22.8,13.5L22.8,13.5z"/><circle id="Oval_1_" fill="#D64027" cx="20.2" cy="13.4" r="1.2"/>
    <path id="Shape_2_" fill="#D64027" d="M13.3,23c-2,0-3.6,1.5-3.8,3.4c1.2,0.3,2.5,0.5,3.8,0.5c1.3,0,2.6-0.2,3.8-0.5C16.9,24.5,15.3,23,13.3,23L13.3,23z"/><circle id="Oval_2_" fill="#D64027" cx="13.2" cy="20.4" r="1.2"/>
    <path id="Shape_3_" fill="#D64027" d="M13.3,4c2,0,3.6-1.5,3.8-3.4c-1.2-0.3-2.5-0.5-3.8-0.5c-1.3,0-2.6,0.2-3.8,0.5C9.7,2.5,11.3,4,13.3,4L13.3,4z"/><circle id="Oval_3_" fill="#D64027" cx="13.2" cy="6.4" r="1.2"/>
    <path id="Shape_4_" fill="#D64027" d="M20,20.2c-1.4,1.4-1.5,3.6-0.3,5.1c2.2-1.3,4.1-3.2,5.4-5.4C23.6,18.7,21.4,18.8,20,20.2L20,20.2z"/><circle id="Oval_4_" fill="#D64027" cx="18.2" cy="18.4" r="1.2"/>
    <path id="Shape_5_" fill="#D64027" d="M6.6,6.8C8,5.4,8.1,3.2,6.9,1.7C4.7,3,2.8,4.9,1.5,7.1C3,8.3,5.2,8.2,6.6,6.8L6.6,6.8z"/>
    <circle id="Oval_5_" fill="#D64027" cx="8.2" cy="8.4" r="1.2"/><path id="Shape_6_" fill="#D64027" d="M20,6.8c1.4,1.4,3.6,1.5,5.1,0.3c-1.3-2.2-3.2-4.1-5.4-5.4C18.5,3.2,18.6,5.4,20,6.8L20,6.8z"/><circle id="Oval_6_" fill="#D64027" cx="18.2" cy="8.4" r="1.2"/>
    <path id="Shape_7_" fill="#D64027" d="M6.6,20.2c-1.4-1.4-3.6-1.5-5.1-0.3c1.3,2.2,3.2,4.1,5.4,5.4C8.1,23.7,8,21.6,6.6,20.2L6.6,20.2z"/>
    <circle id="Oval_7_" fill="#D64027" cx="8.2" cy="18.4" r="1.2"/>
  </g>
  
</svg>

設計應用建議

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