W3School
大学
Canvas Lms
Canvas Lms（canvas-lms）の公式ベクターロゴ。大学カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.00:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0.1 26.7 26.8
- ファイルサイズ
- 1.9 KB · 16 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCanvas Lms.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- 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 コード
<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% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
