Appwrite
ツール
ツールazure-os-images-classic
OS Images (Classic)
OS Images (Classic)（azure-os-images-classic）の公式ベクターロゴ。ツールカテゴリ。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.0 KB · 12 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますOS Images (Classic).zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- OS Images (Classic) (azure-os-images-classic)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F25022rgb(242, 80, 34) · hsl(13, 89%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 3.5:1 · 黒背景 5.6:1 · 2.0 KB
SVG コード
<svg id="b189dd31-f678-493f-b388-049997db3b0e" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="add877bb-eba5-4f6c-85e2-a20ca8b1f954" x1="8.83" y1="12.87" x2="8.83" y2="0.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.82" stop-color="#5ea0ef" /></linearGradient><linearGradient id="abfd55c2-f4e9-4954-8f01-2256c47fcbfe" x1="8.83" y1="17.5" x2="8.83" y2="12.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1490df" /><stop offset="0.98" stop-color="#1f56a3" /></linearGradient></defs><title>Icon-compute-27</title><rect x="-0.17" y="0.87" width="18" height="12" rx="0.6" fill="url(#add877bb-eba5-4f6c-85e2-a20ca8b1f954)" /><rect x="0.83" y="1.87" width="16" height="10" rx="0.33" fill="#fff" /><polygon points="11.83 5.12 11.83 8.61 8.83 10.37 8.83 6.87 11.83 5.12" fill="#0078d4" /><polygon points="11.83 5.12 8.83 6.88 5.83 5.12 8.83 3.37 11.83 5.12" fill="#83b9f9" /><polygon points="8.83 6.88 8.83 10.37 5.83 8.61 5.83 5.12 8.83 6.88" fill="#5ea0ef" /><polygon points="5.83 8.61 8.83 6.87 8.83 10.37 5.83 8.61" fill="#83b9f9" opacity="0.2" /><polygon points="11.83 8.61 8.83 6.87 8.83 10.37 11.83 8.61" fill="#5ea0ef" opacity="0.2" /><path d="M12.44,16.5c-1.78-.28-1.85-1.56-1.85-3.63H7.06c0,2.07-.06,3.35-1.84,3.63a1,1,0,0,0-.89,1h9A1,1,0,0,0,12.44,16.5Z" fill="url(#abfd55c2-f4e9-4954-8f01-2256c47fcbfe)" /><path d="M5.1,2.57H2.62a.59.59,0,0,0-.6.59V5.64a.3.3,0,0,0,.3.3h.2a.3.3,0,0,0,.3-.3V3.35H5.1a.3.3,0,0,0,.3-.3V2.86A.3.3,0,0,0,5.1,2.57Z" fill="#5ea0ef" /><path d="M5.1,10.37H2.81V8.09a.3.3,0,0,0-.3-.3H2.32a.3.3,0,0,0-.3.3v2.48a.59.59,0,0,0,.6.59H5.1a.3.3,0,0,0,.3-.29v-.2A.3.3,0,0,0,5.1,10.37Z" fill="#5ea0ef" /><path d="M15,2.59H12.56a.29.29,0,0,0-.3.3v.19a.29.29,0,0,0,.3.29h2.28v2.3a.29.29,0,0,0,.3.29h.2a.29.29,0,0,0,.29-.29V3.19A.59.59,0,0,0,15,2.59Z" fill="#5ea0ef" /><path d="M15.34,7.81h-.19a.3.3,0,0,0-.3.3v2.28H12.56a.29.29,0,0,0-.3.3v.2a.3.3,0,0,0,.3.3H15a.59.59,0,0,0,.59-.6V8.11A.3.3,0,0,0,15.34,7.81Z" fill="#5ea0ef" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
