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

Software Updates

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

Software Updates 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 · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg id="bfb8d958-f86d-4357-98cc-2385bd2d11c3" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b7830ebc-973a-42a1-a635-f5891080c376" x1="9" y1="15.84" x2="9" y2="0.52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2ebff" /><stop offset="1" stop-color="#f0fffd" /></linearGradient></defs><title>Icon-intune-335</title><rect y="1.13" width="18" height="12.81" rx="0.6" fill="#0078d4" /><rect x="1.05" y="2.03" width="15.91" height="10.9" rx="0.33" opacity="0.9" fill="url(#b7830ebc-973a-42a1-a635-f5891080c376)" /><rect x="8.07" y="1.53" width="1.91" height="0.26" rx="0.12" fill="#f2f2f2" /><circle cx="12.87" cy="12.65" r="4.22" fill="#76bc2d" /><path d="M10.35,12A2.76,2.76,0,0,0,10.27,13a2.65,2.65,0,0,0,.36,1,2.53,2.53,0,0,0,.48.6,2.92,2.92,0,0,0,.61.43,3.61,3.61,0,0,0,.72.25,2.75,2.75,0,0,0,.76,0l-.07-.73a.14.14,0,0,0-.14-.14l-.39,0a2,2,0,0,1-.48-.17A2.42,2.42,0,0,1,11.7,14a1.52,1.52,0,0,1-.32-.4,1.69,1.69,0,0,1-.24-.67,1.88,1.88,0,0,1,0-.71l.25.42a.15.15,0,0,0,.2.05l.31-.18a.15.15,0,0,0,.05-.2l-.84-1.42a.16.16,0,0,0-.21-.05l-1.41.84a.14.14,0,0,0,0,.2l.17.3a.15.15,0,0,0,.21.06Z" fill="#fff" /><path d="M13.3,10.88a2.48,2.48,0,0,1,.48.17,2,2,0,0,1,.42.3,1.6,1.6,0,0,1,.33.4,1.78,1.78,0,0,1,.23.67,1.89,1.89,0,0,1,0,.71l-.25-.42a.15.15,0,0,0-.2-.06l-.3.18a.15.15,0,0,0-.05.21l.83,1.41a.16.16,0,0,0,.21.06l1.41-.84a.15.15,0,0,0,.06-.21l-.18-.3a.16.16,0,0,0-.21-.05l-.49.29a2.62,2.62,0,0,0,.08-1.08,2.88,2.88,0,0,0-.35-1,3.09,3.09,0,0,0-.48-.59A2.79,2.79,0,0,0,13.46,10a2.47,2.47,0,0,0-.61,0,.14.14,0,0,0-.13.16l0,.58a.15.15,0,0,0,.14.13A2.56,2.56,0,0,1,13.3,10.88Z" fill="#fff" /></svg>

使用上の注意

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