本文へスキップ
大学W3School

W3Schools

W3Schoolsの公式ベクターロゴ。大学カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

W3Schools Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 24 24
ファイルサイズ
2.0 KB · 1 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますW3Schools.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
W3Schools
カテゴリ
大学
公式カラー (HEX / RGB / HSL)
#04AA6Drgb(4, 170, 109) · hsl(158, 95%, 34%)
WCAG コントラストとファイルサイズ
白背景 3:1 · 黒背景 6.6:1 · 2.0 KB

SVG コード

<svg fill="#04AA6D" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>W3Schools</title><path d="M20.228 5.464s.605.648 1.45.648c.666 0 1.151-.403 1.151-.955 0-.677-.619-.989-1.368-.989h-.441l-.264-.595 1.17-1.387c.25-.298.462-.485.462-.485s-.188.01-.567.01h-1.905V.713h3.902v.73L22.253 3.25c.883.125 1.747.754 1.747 1.862 0 1.09-.825 2.098-2.25 2.098-1.359 0-2.112-.855-2.112-.855l.59-.892zm-7.611 1.348 5.154 9.176 2.543-4.535-4.866-8.662H9.785L7.438 6.97 5.092 2.79H0l7.41 13.197.028-.048.03.048 5.149-9.176zM.053 22.208h.753c0 .22.192.431.533.431.317 0 .528-.158.528-.37 0-.181-.14-.263-.38-.316l-.431-.11c-.73-.192-.917-.58-.917-.994 0-.504.5-.964 1.205-.964.576 0 1.228.293 1.219 1.012H1.8c0-.22-.202-.36-.432-.36-.25 0-.423.144-.423.346 0 .168.159.264.346.307l.518.14c.73.186.86.642.86.94 0 .657-.658 1.017-1.316 1.017-.638 0-1.286-.388-1.3-1.08zm3.282-.624c0-1.027.826-1.7 1.762-1.7.561 0 1.017.25 1.315.625l-.567.45a.96.96 0 0 0-.734-.326c-.561 0-.965.404-.965.95 0 .543.404.956.965.956a.96.96 0 0 0 .734-.327l.567.451a1.647 1.647 0 0 1-1.315.624c-.936 0-1.762-.676-1.762-1.703zm6.954-.197V23.2h-.806v-1.756c0-.519-.312-.797-.672-.797-.37 0-.825.216-.825.845v1.713h-.807v-5h.811v2.25c.159-.394.682-.576 1.003-.576.835.005 1.296.566 1.296 1.507zm.845.197c0-1.027.796-1.7 1.718-1.7.921 0 1.727.673 1.727 1.7s-.806 1.703-1.727 1.703c-.922 0-1.718-.676-1.718-1.703zm2.634 0c0-.557-.417-.95-.916-.95-.5 0-.907.393-.907.95 0 .566.408.955.907.955.499 0 .916-.39.916-.955zm1.498 0c0-1.027.796-1.7 1.718-1.7.921 0 1.727.673 1.727 1.7s-.806 1.703-1.727 1.703c-.917 0-1.718-.676-1.718-1.703zm2.634 0c0-.557-.417-.95-.916-.95-.5 0-.907.393-.907.95 0 .566.408.955.907.955.504 0 .916-.39.916-.955zm1.704 1.622v-5h.806v5h-.806zm1.685-.998h.753c0 .22.192.431.533.431.316 0 .528-.158.528-.37 0-.181-.14-.263-.38-.316l-.431-.11c-.73-.192-.917-.58-.917-.994 0-.504.499-.964 1.205-.964.575 0 1.228.293 1.219 1.012h-.768c0-.22-.202-.36-.432-.36-.25 0-.423.144-.423.346 0 .168.159.264.346.307l.518.14c.73.186.86.642.86.94 0 .657-.658 1.017-1.316 1.017-.638 0-1.281-.388-1.295-1.08z"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 24 24")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました