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

Power

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

Power 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
ファイルサイズ
880 B · 1 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><radialGradient id="bf0e6238-d7a1-45b5-861c-8bbe56952eb1" cx="3.117" cy="-116.12" r="9.022" gradientTransform="translate(5.844 100.656) scale(1.013 0.789)" gradientUnits="userSpaceOnUse"><stop offset="0.196" stop-color="#ffd70f" /><stop offset="0.438" stop-color="#ffcb12" /><stop offset="0.873" stop-color="#feac19" /><stop offset="1" stop-color="#fea11b" /></radialGradient></defs><title>MsPortalFx.base.images-37</title><g id="b6078d51-b129-4cd0-9a4d-e8ff551d4747"><path d="M8.09,10.01H3.464a.239.239,0,0,1-.262-.2.175.175,0,0,1,.023-.085L8.775.12A.274.274,0,0,1,9.014,0h5.47a.238.238,0,0,1,.262.2A.177.177,0,0,1,14.7.319L8.186,7.834h6.35a.239.239,0,0,1,.262.2.185.185,0,0,1-.067.137L4.175,17.788c-.1.051-.8.562-.458-.214h0Z" fill="url(#bf0e6238-d7a1-45b5-861c-8bbe56952eb1)" /></g></svg>

使用上の注意

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