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

Azure Experimentation Studio

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

Azure Experimentation Studio 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.4 KB · 7 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="bc2eca2e-1a24-457d-9577-03340dbaba94" x1="13.184" y1="785.911" x2="13.295" y2="775.606" gradientTransform="matrix(1, 0, 0, -1, 0, 791.516)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a67af4" /><stop offset="1" stop-color="#773adc" /></linearGradient><linearGradient id="e9f35522-bc39-418d-81e3-5178443f129b" x1="5.96" y1="786.83" x2="6.138" y2="770.358" gradientTransform="matrix(1, 0, 0, -1, 0, 791.516)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32d4f5" /><stop offset="1" stop-color="#198ab3" /></linearGradient><linearGradient id="a654d37d-6b86-4a84-8749-e7e731ccb303" x1="6.083" y1="14.789" x2="6.203" y2="3.648" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient></defs><path d="M17.659,15.318H8.917c-.281,0-.444-.444-.29-.68l3.011-4.389a.306.306,0,0,0,.063-.2v-2.9a.181.181,0,0,0-.172-.173h-.163a.345.345,0,0,1-.345-.344h0V6.476a.345.345,0,0,1,.345-.344H15.2a.344.344,0,0,1,.344.344h0v.155a.344.344,0,0,1-.344.344h-.163a.172.172,0,0,0-.173.173v2.91a.327.327,0,0,0,.064.2l3.01,4.38C18.1,14.865,17.931,15.318,17.659,15.318Z" fill="url(#bc2eca2e-1a24-457d-9577-03340dbaba94)" /><path d="M9.924,14.139,12.209,10.8a.856.856,0,0,0,.182-.471V8.988a.263.263,0,0,1,.263-.263h1.3a.263.263,0,0,1,.263.263v1.433a.555.555,0,0,0,.1.318l2.34,3.4a.21.21,0,0,1-.163.318H10.151a.2.2,0,0,1-.227-.318Z" fill="#552f99" /><path d="M11.723,16.484H.451c-.363,0-.573-.573-.374-.877L3.959,9.948a.406.406,0,0,0,.082-.258V5.949a.234.234,0,0,0-.223-.223h-.21a.444.444,0,0,1-.444-.444h0v-.2a.444.444,0,0,1,.444-.444H8.554A.444.444,0,0,1,9,5.083H9v.2a.444.444,0,0,1-.445.444h-.21a.222.222,0,0,0-.222.223V9.7a.423.423,0,0,0,.081.257l3.883,5.648C12.284,15.9,12.074,16.484,11.723,16.484Z" fill="url(#e9f35522-bc39-418d-81e3-5178443f129b)" /><path d="M1.749,14.964l2.946-4.3a1.1,1.1,0,0,0,.234-.608V8.322a.339.339,0,0,1,.339-.339H6.952a.339.339,0,0,1,.339.339V10.17a.714.714,0,0,0,.129.409l3.017,4.385a.269.269,0,0,1-.088.37.266.266,0,0,1-.123.039H2.041a.257.257,0,0,1-.292-.409Z" fill="url(#a654d37d-6b86-4a84-8749-e7e731ccb303)" /><circle cx="5.429" cy="4.313" r="0.856" fill="#0078d4" /><circle cx="7.197" cy="2.106" r="0.59" fill="#0078d4" /><circle cx="6.756" cy="6.487" r="0.59" fill="#0078d4" />​
</svg>

使用上の注意

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