本文へスキップ
ツールazure-ebooks

eBooks

eBooks(azure-ebooks)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

eBooks 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 18 18
ファイルサイズ
1.8 KB · 10 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
eBooks (azure-ebooks)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 1.8 KB

SVG コード

<svg id="f1f6e76f-d092-4f49-822b-ac30882e2da5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="e0041211-eb0d-4cb2-85af-4e9adf09afce" x1="9" y1="9" x2="15.8" y2="9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ccc" /><stop offset="0.32" stop-color="#dfdfdf" /><stop offset="0.67" stop-color="#ececec" /><stop offset="1" stop-color="#f0f0f0" /></linearGradient></defs><title>Icon-intune-330</title><path d="M16.79,3.42H1.21a.68.68,0,0,0-.71.65V15.79a.68.68,0,0,0,.71.65H16.79a.68.68,0,0,0,.71-.65V4.07A.68.68,0,0,0,16.79,3.42Z" fill="#0078d4" /><path d="M16.85,3.42H9v13h7.88a.65.65,0,0,0,.65-.65V4.07A.65.65,0,0,0,16.85,3.42Z" fill="#005ba1" /><path d="M7.64,1.56H2.54a.35.35,0,0,0-.34.34v13a.35.35,0,0,0,.34.35h5.1A1.24,1.24,0,0,1,9,16.43V2.93A1.37,1.37,0,0,0,7.64,1.56Z" fill="#f2f2f2" /><path d="M10.36,1.56h5.1a.35.35,0,0,1,.34.34v13a.35.35,0,0,1-.34.35h-5.1A1.24,1.24,0,0,0,9,16.43V2.93A1.37,1.37,0,0,1,10.36,1.56Z" fill="url(#e0041211-eb0d-4cb2-85af-4e9adf09afce)" /><path d="M7.49,5H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H7.49a.15.15,0,0,0,.15-.15V5.13A.15.15,0,0,0,7.49,5Z" fill="#b3b3b3" /><path d="M7.49,7H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H7.49a.15.15,0,0,0,.15-.15V7.18A.15.15,0,0,0,7.49,7Z" fill="#b3b3b3" /><path d="M7.49,2.93H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H7.49a.15.15,0,0,0,.15-.15V3.08A.15.15,0,0,0,7.49,2.93Z" fill="#b3b3b3" /><path d="M7.49,9.08H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H7.49a.15.15,0,0,0,.15-.15V9.23A.15.15,0,0,0,7.49,9.08Z" fill="#b3b3b3" /><path d="M7.49,11.13H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H7.49a.15.15,0,0,0,.15-.15v-.38A.15.15,0,0,0,7.49,11.13Z" fill="#b3b3b3" /><path d="M5.45,13.18H3.72a.16.16,0,0,0-.16.15v.38a.16.16,0,0,0,.16.15H5.45a.15.15,0,0,0,.15-.15v-.38A.15.15,0,0,0,5.45,13.18Z" fill="#b3b3b3" /></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 18 18")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました