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

Device Compliance

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

Device Compliance 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 · 7 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

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

SVG コード

<svg id="e4ae8a02-ecdf-4615-acab-7de50aa6608c" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b1fe53e9-3732-4e46-b453-fa1ea6f957c6" x1="6.36" y1="22.03" x2="6.36" y2="-1.85" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.17" stop-color="#1c84dc" /><stop offset="0.38" stop-color="#3990e4" /><stop offset="0.59" stop-color="#4d99ea" /><stop offset="0.8" stop-color="#5a9eee" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient><linearGradient id="e40ed2c4-7dda-4984-81b6-12828653a65c" x1="6.36" y1="15.59" x2="6.36" y2="1.94" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2ebff" /><stop offset="1" stop-color="#f0fffd" /></linearGradient></defs><title>Icon-intune-333</title><rect x="1.28" y="0.5" width="10.17" height="16.99" rx="0.51" fill="url(#b1fe53e9-3732-4e46-b453-fa1ea6f957c6)" /><rect x="5.79" y="16.17" width="1.14" height="0.97" rx="0.27" fill="#f2f2f2" /><rect x="5.19" y="1.07" width="2.34" height="0.31" rx="0.15" fill="#f2f2f2" /><rect x="2.23" y="1.94" width="8.26" height="13.65" rx="0.19" opacity="0.9" fill="url(#e40ed2c4-7dda-4984-81b6-12828653a65c)" /><rect x="9.2" y="9.98" width="7.52" height="7.52" rx="0.28" fill="#76bc2d" /><path d="M10.9,13.22h.61a.19.19,0,0,1,.19.19v2.44a.19.19,0,0,1-.19.19h-.43a.19.19,0,0,1-.19-.19V13.22a0,0,0,0,1,0,0Z" transform="translate(29.63 16.98) rotate(135)" fill="#fff" /><path d="M13.61,10.66h.61a0,0,0,0,1,0,0v5.6a.19.19,0,0,1-.19.19h-.43a.19.19,0,0,1-.19-.19V10.85a.19.19,0,0,1,.19-.19Z" transform="translate(14 32.92) rotate(-135)" fill="#fff" /></svg>

使用上の注意

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