本文へスキップ

Booko

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

Booko 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, 283.465, 283.465
ファイルサイズ
2.2 KB · 14 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Booko
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#F0592Argb(240, 89, 42) · hsl(14, 87%, 55%)
WCAG コントラストとファイルサイズ
白背景 3.4:1 · 黒背景 5.8:1 · 2.2 KB

SVG コード

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="283.465" height="283.465" viewBox="0, 0, 283.465, 283.465">
  <g id="Layer_1">
    <g id="Book_Cover">
      <path d="M199.764,92.417 L228.86,31.661 L272.42,131.734 L272.42,244.914 z" fill="#6D6F71"/>
      <path d="M73.228,191.362 L178.788,113.248 L265.823,270.866 L112.305,270.692 z" fill="#6D6F71"/>
      <path d="M183.185,110.123 C183.185,110.123 188.43,108.994 192.997,105.436 C197.564,101.877 197.396,96.583 197.396,96.583 L272.42,236.93 L272.505,270.953 L263.877,270.866 z" fill="#6D6F71"/>
    </g>
    <g id="Pages">
      <path d="M157.816,0 L178.962,81.413 L185.898,46.348 z" fill="#F0592A"/>
      <path d="M197.401,11.109 L184.037,94.606 L212.456,37.669 z" fill="#F0592A"/>
      <path d="M84.23,53.292 L90.488,87.662 L151.557,85.579 z" fill="#F0592A"/>
      <path d="M126.859,16.317 L141.523,73.743 L173.041,86.447 L168.136,69.956 z" fill="#F0592A"/>
      <path d="M30.773,97.73 L40.584,117.346 L150.88,93.564 z" fill="#F0592A"/>
      <path d="M-0.353,131.972 L13.351,149.112 L148.851,101.896 z" fill="#F0592A"/>
      <path d="M165.936,101.463 L4.045,161.264 L76.871,270.972 L84.652,270.972 L24.345,170.984 L165.683,105.715 z" fill="#F0592A"/>
      <path d="M154.94,119.949 L37.201,173.762 L90.912,271.058 L99.454,270.972 L58.178,186.261 z" fill="#F0592A"/>
    </g>
    <path d="M40.684,47.727 C40.758,42.228 42.133,36.93 48.336,36.371 L126.499,36.371 L130.23,47.856 L53.746,47.856 L53.746,91.884 L40.687,91.884 L40.687,47.856 L40.684,47.727 z" fill="#6D6F71"/>
    <path d="M150.75,36.371 L161.943,36.371 L165.674,47.856 L160.077,47.856 L150.75,36.371 z" fill="#6D6F71"/>
    <path d="M276.053,36.371 C284.21,36.371 283.127,47.856 283.127,47.856 L283.183,47.856 C283.183,47.856 282.876,273.737 283.198,273.737 C282.662,279.344 277.315,282.088 272.505,283.197 L272.505,283.308 L51.88,283.308 L51.754,283.327 C46.16,284.018 40.93,282.194 40.687,275.651 L40.687,225.881 L51.88,241.195 L51.88,269.909 L272.005,269.909 L272.005,47.856 L242.158,47.856 L236.561,36.371 L276.053,36.371 z" fill="#6D6F71"/>
  </g>
</svg>

使用上の注意

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