Appwrite
ツール
ツールazure-device-configuration
Device Configuration
Device Configuration（azure-device-configuration）の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
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.2 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますDevice Configuration.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Device Configuration (azure-device-configuration)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 2.2 KB
SVG コード
<svg id="bf3a2419-135b-41ee-bc88-2f3b1acc56fb" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="aea980d4-fa5d-4c84-bc90-5406a1644118" 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="b9a53daf-5df9-457b-aa44-5b4bf259cd65" x1="6.36" y1="15.58" 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-338</title><rect x="1.28" y="0.5" width="10.17" height="16.99" rx="0.51" fill="url(#aea980d4-fa5d-4c84-bc90-5406a1644118)" /><rect x="5.79" y="16.16" 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.14" fill="#f2f2f2" /><rect x="2.23" y="1.94" width="8.26" height="13.65" rx="0.19" opacity="0.9" fill="url(#b9a53daf-5df9-457b-aa44-5b4bf259cd65)" /><path d="M15.91,15.71l0,0-.49-1a.14.14,0,0,1,0-.11l.17-.59a.15.15,0,0,1,.09-.1l1-.36a.17.17,0,0,0,.09-.14v-.93l-.06-.05-1-.34a.13.13,0,0,1-.09-.09l-.22-.58a.17.17,0,0,1,0-.12l.42-.86a.14.14,0,0,0,0-.17l-.66-.67a.15.15,0,0,0-.17,0l-.84.42A.14.14,0,0,1,14,10l-.57-.17a.12.12,0,0,1-.1-.09l-.38-1a.15.15,0,0,0-.14-.1H11.9l-.05,0-.34,1a.16.16,0,0,1-.09.09l-.59.22a.17.17,0,0,1-.12,0l-1-.5a.15.15,0,0,0-.17,0l-.58.57a.17.17,0,0,0,0,.17l0,0,.49,1a.17.17,0,0,1,0,.12L9.17,12a.16.16,0,0,1-.09.09L8,12.42a.15.15,0,0,0-.1.14v.81a.13.13,0,0,0,.1.14l0,0,1,.34a.16.16,0,0,1,.09.09l.24.58a.13.13,0,0,1,0,.12l-.5,1a.16.16,0,0,0,0,.16l.57.59a.15.15,0,0,0,.18,0l0,0,1-.49a.13.13,0,0,1,.12,0l.58.24a.2.2,0,0,1,.09.09l.38,1.08a.15.15,0,0,0,.14.1h.81a.15.15,0,0,0,.14-.11l0,0,.34-1a.2.2,0,0,1,.09-.09L14,16a.16.16,0,0,1,.12,0l1.05.49a.14.14,0,0,0,.17,0l.57-.57A.14.14,0,0,0,15.91,15.71Zm-4.08-1.37a1.41,1.41,0,1,1,1.84-.75A1.41,1.41,0,0,1,11.83,14.34Z" fill="#949494" /><circle cx="12.38" cy="13.04" r="1.4" transform="translate(-4.45 19.39) rotate(-67.17)" fill="#fff" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
