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

Plans

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

Plans 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.0 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="e12305c3-c719-4f7f-b079-f68282b70e18" x1="9" y1="17.39" x2="9" y2="0.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.82" stop-color="#5ea0ef" /></linearGradient></defs><title>Icon-azurestack-6</title><g id="fd3ce364-0de3-4a49-9ae3-702f411d286b"><g><g><path d="M10,.73H2.81a.57.57,0,0,0-.57.57V16.7a.57.57,0,0,0,.57.57H15.19a.57.57,0,0,0,.57-.57V6.51a.57.57,0,0,0-.57-.57H11.08a.56.56,0,0,1-.56-.56V1.3A.56.56,0,0,0,10,.73Z" fill="#fff" /><path d="M9.69,1.45V5.32a1.42,1.42,0,0,0,1.42,1.42H15v9.81H3V1.45h6.7M10,.61H2.72a.57.57,0,0,0-.58.57V16.82a.57.57,0,0,0,.58.57H15.28a.57.57,0,0,0,.58-.57V6.47a.57.57,0,0,0-.58-.57H11.11a.57.57,0,0,1-.57-.58V1.18A.57.57,0,0,0,10,.61Z" fill="url(#e12305c3-c719-4f7f-b079-f68282b70e18)" /><path d="M15.64,6,10.34.73V5a1,1,0,0,0,1,1Z" fill="#0078d4" /></g><path d="M13.26,8.49H7a.41.41,0,1,0,0,.82h6.3a.41.41,0,0,0,0-.82Zm0,2.44H7a.41.41,0,1,0,0,.81h6.3a.41.41,0,1,0,0-.81Zm0,2.45H7a.41.41,0,0,0,0,.82h6.3a.41.41,0,1,0,0-.82Z" fill="#83b9f9" /><path d="M4.79,9.72V8.4a.62.62,0,0,1-.19.07l-.22.06V8.12A2.29,2.29,0,0,0,4.69,8,1.28,1.28,0,0,0,5,7.86h.32V9.72Zm-.39,2.6v-.15a1,1,0,0,1,0-.26,2.26,2.26,0,0,1,.11-.22,1.86,1.86,0,0,1,.28-.26A.87.87,0,0,0,5,11.26s0-.07.07-.09a.14.14,0,0,0,0-.11c0-.13-.07-.19-.22-.19a.67.67,0,0,0-.43.17v-.45a1.08,1.08,0,0,1,.28-.11,1.26,1.26,0,0,1,.28,0,.7.7,0,0,1,.46.15.51.51,0,0,1,.17.39.75.75,0,0,1-.09.34,1.15,1.15,0,0,1-.32.28L5,11.76a.18.18,0,0,0-.06.1h.73v.42ZM5.64,14.4a.45.45,0,0,1-.19.41.92.92,0,0,1-.53.15,1.1,1.1,0,0,1-.26,0l-.23-.07v-.43a.49.49,0,0,0,.19.07.72.72,0,0,0,.22,0,.6.6,0,0,0,.21,0,.19.19,0,0,0,.07-.13A.15.15,0,0,0,5,14.25a1,1,0,0,0-.24-.05H4.62v-.39h.15A.3.3,0,0,0,5,13.75a.12.12,0,0,0,.07-.13s0-.09,0-.11-.09,0-.17,0a.78.78,0,0,0-.35.1v-.41a1.23,1.23,0,0,1,.46-.1.81.81,0,0,1,.49.13.38.38,0,0,1,.16.34.45.45,0,0,1-.09.28.45.45,0,0,1-.26.15.42.42,0,0,1,.3.15A.58.58,0,0,1,5.64,14.4Z" fill="#0078d4" /></g></g></svg>

使用上の注意

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