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

Azure Sustainability

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

Azure Sustainability 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.5 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg id="uuid-5a44090f-6197-4b1a-a699-eca02bc06a28" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="uuid-6f8cba7a-fa3e-42cd-ba0d-853c87a3de81" x1="9" y1="12.603" x2="9" y2=".003" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient><linearGradient id="uuid-97dab387-be43-452c-affa-15689c45752b" x1="7.271" y1="13.496" x2="16.7" y2="13.496" gradientUnits="userSpaceOnUse"><stop offset=".496" stop-color="#5e9624" /><stop offset=".999" stop-color="#365615" /></linearGradient><linearGradient id="uuid-2c3d4d8b-558e-4e93-9faf-d3532d1b8f35" x1="8.571" y1="13.544" x2="18" y2="13.544" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#76bc2d" /><stop offset="1" stop-color="#86d633" /></linearGradient></defs><path d="m9.48,10.026c.834-.89,1.966-1.469,3.186-1.631.762-.101,1.494-.152,2.175-.152,1.065,0,2.011.12,2.892.368.092.026.178.064.262.107.002-.055.004-.11.004-.165,0-2.109-1.612-3.842-3.672-4.033C13.907,1.958,11.682.003,9,.003S4.093,1.958,3.672,4.521c-2.059.191-3.672,1.923-3.672,4.033,0,2.237,1.813,4.05,4.05,4.05h4.205c.071-.886.508-1.812,1.226-2.577Z" fill="url(#uuid-6f8cba7a-fa3e-42cd-ba0d-853c87a3de81)" /><g><path d="m8.572,17.315c.05-.827.424-1.835,1.056-2.786.204-.347.457-.7.759-1.043.913-1.04,2.232-1.952,3.852-2.357.23-.057.369-.29.312-.519-.057-.23-.29-.369-.52-.312-1.807.452-3.273,1.467-4.287,2.623-.229.261-.438.532-.623.808-.077-.258-.126-.55-.126-.873,0-.786.4-1.639,1.034-2.316.646-.69,1.582-1.247,2.737-1.4,2.4-.318,3.888-.052,4.766.195.242.068.422.271.461.519.039.248-.07.496-.28.635-.049.033-.128.111-.223.291-.094.178-.182.412-.274.707-.075.244-.147.507-.224.793l-.049.181c-.095.351-.201.728-.327,1.102-.25.739-.603,1.527-1.197,2.132-.616.628-1.452,1.019-2.569,1.019-1.139,0-1.934-.461-2.442-.992-.346.634-.526,1.231-.553,1.672-.022.354-.326.624-.68.602-.354-.022-.624-.326-.602-.681Z" fill="url(#uuid-97dab387-be43-452c-affa-15689c45752b)" /><path d="m8.572,17.315c.05-.827.424-1.835,1.056-2.786.204-.347.457-.7.759-1.043.913-1.04,2.232-1.952,3.852-2.357,1.648-.387,3.275-1.355,2.106-2.038.595.074.979.188,1.186.244.244.067.422.271.461.519.039.248-.07.496-.28.635-.049.033-.128.111-.223.291-.094.178-.182.412-.274.707-.075.244-.147.507-.224.793l-.049.181c-.095.351-.201.728-.327,1.102-.25.739-.603,1.527-1.197,2.132-.616.628-1.452,1.019-2.569,1.019-1.139,0-1.934-.461-2.442-.992-.346.634-.526,1.231-.553,1.672-.022.354-.326.624-.68.602-.354-.022-.624-.326-.602-.681Z" fill="url(#uuid-2c3d4d8b-558e-4e93-9faf-d3532d1b8f35)" /></g></svg>

使用上の注意

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