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

Cost Analysis

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

Cost Analysis 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.6 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="f8977a6e-0ed8-4940-aaa5-7fa249809f51" x1="5.839" y1="17.068" x2="5.839" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="0.037" stop-color="#609925" /><stop offset="0.439" stop-color="#75ba2d" /><stop offset="0.775" stop-color="#81cf31" /><stop offset="1" stop-color="#86d633" /></linearGradient></defs><title>MsPortalFx.base.images-32</title><g id="ad6dac45-d20b-4f6a-9e78-80f4c72c1818"><g><path d="M9.477,8.936h0A7.412,7.412,0,0,0,6.7,7.3V4.244a6.734,6.734,0,0,1,2.511.887.215.215,0,0,0,.327-.185V2.49a.218.218,0,0,0-.11-.189A6.592,6.592,0,0,0,6.7,1.667V.216A.216.216,0,0,0,6.481,0H5.163a.216.216,0,0,0-.216.216v1.5a4.5,4.5,0,0,0-2.565,1.2A3.511,3.511,0,0,0,1.3,5.51a3.488,3.488,0,0,0,.887,2.481A7.536,7.536,0,0,0,4.947,9.624v2.92a7.14,7.14,0,0,1-1.571-.4A5.118,5.118,0,0,1,1.884,11.4a.216.216,0,0,0-.343.174V14.1a.216.216,0,0,0,.116.191,7.588,7.588,0,0,0,3.29.859v1.707a.216.216,0,0,0,.216.216H6.481a.216.216,0,0,0,.215-.216V15.067A4.678,4.678,0,0,0,9.375,13.9a3.457,3.457,0,0,0,1.005-2.577A3.363,3.363,0,0,0,9.477,8.936Zm-1.925,2.5v.015A.984.984,0,0,1,6.7,12.483V10.34C7.258,10.65,7.545,11.017,7.552,11.433ZM4.127,5.355a1,1,0,0,1,.821-1.048v2.25A1.413,1.413,0,0,1,4.127,5.355Z" fill="url(#f8977a6e-0ed8-4940-aaa5-7fa249809f51)" /><rect x="11.394" y="14.994" width="5.966" height="1.359" rx="0.635" transform="translate(13.461 36.923) rotate(-135)" fill="#198ab3" /><circle cx="10.45" cy="11.677" r="4.093" fill="#32bedd" /><circle cx="10.458" cy="11.604" r="3.215" fill="#fff" /></g></g></svg>

使用上の注意

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