W3School
大学
Babbel
Babbelの公式ベクターロゴ。大学カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.54:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 104.5 68
- ファイルサイズ
- 1.5 KB · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBabbel.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Babbel
- カテゴリ
- 大学
- 公式カラー (HEX / RGB / HSL)
- #FE4D03rgb(254, 77, 3) · hsl(18, 99%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 3.3:1 · 黒背景 5.9:1 · 1.5 KB
SVG コード
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.5 68" style="enable-background:new 0 0 104.5 68;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FE4D03;}
</style>
<g>
<g>
<path class="st0" d="M93.5,31.9c4.9-2.8,7.6-7.6,8.2-14.1c0.5-5.8-1.2-10.2-5.2-13.3C92.7,1.5,87.9,0,82.3,0H63.7
c-1.3,0-2.5,0.4-3.6,1.1c-0.7,0.4-1.2,0.9-1.7,1.5c-0.9,1-1.5,2.3-1.6,3.7l-4.9,55.5c-0.1,1.5,0.3,2.8,1.2,4
c0.3,0.5,0.8,0.9,1.2,1.2c0.9,0.7,2.1,1,3.3,1c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0h22c6.2,0,11.8-1.6,16.5-4.7c4.8-3.2,7.6-7.9,8.1-14
c0.4-4.6-0.5-8.5-2.6-11.7C99.9,35,97.1,33.1,93.5,31.9L93.5,31.9z M68.4,10.8h11.1c2.9,0,5.3,0.7,7,2.2c1.7,1.4,2.4,3.4,2.2,6.1
c-0.3,3.1-1.4,5.4-3.2,6.8c-2,1.5-4.2,2.2-6.9,2.2H66.8L68.4,10.8z M87.6,54.9c-2.4,1.5-5.5,2.3-9.1,2.3H64.3l1.5-17.3h14.7
c3.9,0,6.9,0.3,8.7,1.8c1.8,1.6,2.5,3.6,2.3,6.3C91.1,51.2,89.9,53.5,87.6,54.9L87.6,54.9z M25.6,10c2.1,0,3.8,1,4.7,2.6
c0.6,1,0.8,2,0.7,3.3c0,0,0,7.3-9,7.3c-1.1,0-3.6-0.1-3.6-0.1l0.6-7.2c0.1-0.8,0.3-1.6,0.7-2.3C20.9,11.4,23.2,10,25.6,10L25.6,10
z M41.6,27.3c0.9,0,1.7,0.2,2.4,0.5c2,0.9,3.2,3,3,5.3c-0.2,2.5-1.9,4.5-4.1,5.4c-0.8,0.3-1.6,0.5-2.4,0.5H29l-1,11.4
c-0.1,0.9-0.3,1.7-0.8,2.4c-1.1,2-3.3,3.5-5.7,3.5c-2.5,0-4.5-1.5-5.2-3.6C16.1,52,16,51.2,16,50.4l1-11.4H5.5
c-0.8,0-1.6-0.2-2.3-0.5c-2.1-0.9-3.4-3-3.2-5.4c0.2-2,1.4-3.8,3.1-4.9c1-0.7,2.2-1,3.4-1H41.6z">
</path>
</g>
</g>
</svg>
使用上の注意
- 元の 1.54:1 の縦横比（viewBox "0 0 104.5 68"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
