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

Reservations

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

Reservations 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
ファイルサイズ
2.1 KB · 13 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg id="b56af5b5-8312-4290-8c44-0884ea85f847" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><radialGradient id="e06ba36b-1ed2-427f-984a-8a1ccedfe1e8" cx="8.81" cy="9" r="8.41" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7956ba" /><stop offset="0.69" stop-color="#724eb4" /><stop offset="0.87" stop-color="#6f4bb2" /></radialGradient><radialGradient id="fa165c1e-e8e6-4b24-b8c0-57e284d1b1dc" cx="8.8" cy="9.11" r="1.19" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7f7f7f" /><stop offset="1" stop-color="#5e5e5e" /></radialGradient></defs><title>Icon-general-3</title><circle cx="8.83" cy="9.08" r="8.5" fill="#b0b0b0" /><circle cx="8.81" cy="9.05" r="7.22" fill="#fff" /><rect id="e59f863c-8b0e-4353-8450-26e2927e2bd8" x="12.19" y="4.82" width="1.27" height="0.41" transform="translate(0.2 10.54) rotate(-45)" fill="#7a7a7a" /><rect id="fb31ef5c-b322-47ba-9118-85ef2f76d768" x="13.81" y="8.87" width="1.27" height="0.41" fill="#7a7a7a" /><rect id="e52b7618-af87-4451-aff9-b359cda15418" x="12.56" y="12.42" width="0.41" height="1.27" transform="translate(-5.5 12.85) rotate(-45)" fill="#7a7a7a" /><rect id="bd1901af-8ca0-4fdc-a813-01598d258160" x="8.58" y="14.09" width="0.41" height="1.27" fill="#7a7a7a" /><rect id="bfba83e0-770a-4fd3-9d4d-1aa30de9f72a" x="4.49" y="4.35" width="0.41" height="1.27" transform="translate(-2.15 4.78) rotate(-45)" fill="#7a7a7a" /><rect id="ad478e3b-a6b6-4eba-a3a4-ce35f17ff637" x="4.12" y="12.89" width="1.27" height="0.41" transform="translate(-7.87 7.2) rotate(-45)" fill="#7a7a7a" /><rect id="b9821e28-6320-47a8-842c-070460425b0f" x="2.4" y="8.87" width="1.27" height="0.41" fill="#7a7a7a" /><path d="M8.84.58h0a.61.61,0,0,0-.61.62.63.63,0,0,0,.62.63h0A7.26,7.26,0,1,1,3.49,4.18L4,4.92,5.42,1.76,2,2.16l.75,1A8.49,8.49,0,1,0,8.84.58Z" fill="url(#e06ba36b-1ed2-427f-984a-8a1ccedfe1e8)" /><rect x="8.29" y="2.84" width="1.14" height="6.51" rx="0.52" fill="#7a7a7a" /><rect x="9.82" y="8.65" width="1.14" height="4.08" rx="0.52" transform="translate(25.29 10.91) rotate(135)" fill="#7a7a7a" /><circle cx="8.81" cy="9.08" r="1.2" fill="url(#fa165c1e-e8e6-4b24-b8c0-57e284d1b1dc)" /></svg>

使用上の注意

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