本文へスキップ

AzureAI

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

AzureAI 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 46 46
ファイルサイズ
2.4 KB · 4 パス
公式サイト
https://ai.azure.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
AzureAI
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#712575rgb(113, 37, 117) · hsl(297, 52%, 30%)
WCAG コントラストとファイルサイズ
白背景 9.4:1 · 黒背景 2.1:1 · 2.4 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_524_488)"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.113 0c1.367 0 2.578 1.056 3.013 2.547s2.98 10.714 2.98 10.714V31.59h-9.224L28.07 0z" fill="url(#paint0_linear_524_488)"/><path d="M44.654 14.318c0-.652-.527-1.15-1.15-1.15H38.07a6.93 6.93 0 0 0-6.926 6.928V31.59h6.585a6.933 6.933 0 0 0 6.925-6.927z" fill="url(#paint1_linear_524_488)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.113 0a1.88 1.88 0 0 0-1.895 1.896l-.186 34.88A9.227 9.227 0 0 1 19.807 46H3.067a1.144 1.144 0 0 1-1.087-1.522L15.397 6.181A9.24 9.24 0 0 1 24.093 0h7.051z" fill="url(#paint2_linear_524_488)"/></g><defs><linearGradient id="paint0_linear_524_488" x1="34.964" y1="32.271" x2="27.2" y2="1.181" gradientUnits="userSpaceOnUse"><stop stop-color="#712575"/><stop offset=".09" stop-color="#9a2884"/><stop offset=".18" stop-color="#bf2c92"/><stop offset=".27" stop-color="#da2e9c"/><stop offset=".34" stop-color="#eb30a2"/><stop offset=".4" stop-color="#f131a5"/><stop offset=".5" stop-color="#ec30a3"/><stop offset=".61" stop-color="#df2f9e"/><stop offset=".72" stop-color="#c92d96"/><stop offset=".83" stop-color="#aa2a8a"/><stop offset=".95" stop-color="#83267c"/><stop offset="1" stop-color="#712575"/></linearGradient><linearGradient id="paint1_linear_524_488" x1="37.915" y1=".652" x2="37.915" y2="44.509" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".08" stop-color="#b17bd5"/><stop offset=".19" stop-color="#8778db"/><stop offset=".3" stop-color="#6276e1"/><stop offset=".41" stop-color="#4574e5"/><stop offset=".54" stop-color="#2e72e8"/><stop offset=".67" stop-color="#1d71eb"/><stop offset=".81" stop-color="#1471ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient><linearGradient id="paint2_linear_524_488" x1="35.275" y1="1.646" x2="6.203" y2="48.267" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".05" stop-color="#b77bd4"/><stop offset=".11" stop-color="#9079da"/><stop offset=".18" stop-color="#6e77df"/><stop offset=".25" stop-color="#5175e3"/><stop offset=".33" stop-color="#3973e7"/><stop offset=".42" stop-color="#2772e9"/><stop offset=".54" stop-color="#1a71eb"/><stop offset=".68" stop-color="#1371ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient><clipPath id="clip0_524_488"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>

使用上の注意

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