Appwrite
ツール
ツールazure-images
Images
Images（azure-images）の公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.9 KB · 11 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますImages.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Images (azure-images)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F25022rgb(242, 80, 34) · hsl(13, 89%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 3.5:1 · 黒背景 5.6:1 · 1.9 KB
SVG コード
<svg id="a9383d60-b33f-4c78-8dbe-8ab68ace6065" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a7cb4d9d-9f89-4e53-8eda-938427310066" x1="8.8" y1="12.87" x2="8.8" y2="0.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.82" stop-color="#5ea0ef" /></linearGradient><linearGradient id="eab4c6b4-621d-4d9b-b611-15ceb58765b1" x1="8.81" y1="17.5" x2="8.81" y2="12.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1490df" /><stop offset="0.98" stop-color="#1f56a3" /></linearGradient></defs><title>Icon-compute-33</title><rect x="-0.2" y="0.87" width="18" height="12" rx="0.6" fill="url(#a7cb4d9d-9f89-4e53-8eda-938427310066)" /><polygon points="11.8 5.12 11.8 8.61 8.8 10.37 8.8 6.87 11.8 5.12" fill="#50e6ff" /><polygon points="11.8 5.12 8.81 6.88 5.8 5.12 8.81 3.37 11.8 5.12" fill="#c3f1ff" /><polygon points="8.8 6.88 8.8 10.37 5.8 8.61 5.8 5.12 8.8 6.88" fill="#9cebff" /><polygon points="5.8 8.61 8.8 6.87 8.8 10.37 5.8 8.61" fill="#c3f1ff" /><polygon points="11.8 8.61 8.8 6.87 8.8 10.37 11.8 8.61" fill="#9cebff" /><path d="M12.41,16.5c-1.78-.28-1.85-1.56-1.84-3.63H7C7,14.94,7,16.22,5.19,16.5a1,1,0,0,0-.88,1h9A1.06,1.06,0,0,0,12.41,16.5Z" fill="url(#eab4c6b4-621d-4d9b-b611-15ceb58765b1)" /><path d="M4.68,2.07H1.93a.66.66,0,0,0-.66.66V5.49a.33.33,0,0,0,.33.33h.22a.33.33,0,0,0,.33-.33V2.94H4.68A.33.33,0,0,0,5,2.61V2.4A.33.33,0,0,0,4.68,2.07Z" fill="#fff" /><path d="M4.68,10.73H2.14V8.2a.33.33,0,0,0-.33-.33H1.6a.33.33,0,0,0-.33.33V11a.66.66,0,0,0,.66.67H4.68A.34.34,0,0,0,5,11.28v-.22A.33.33,0,0,0,4.68,10.73Z" fill="#fff" /><path d="M15.71,2.1H13a.33.33,0,0,0-.33.33v.21A.33.33,0,0,0,13,3h2.53V5.51a.33.33,0,0,0,.33.33h.23a.33.33,0,0,0,.33-.33V2.76A.66.66,0,0,0,15.71,2.1Z" fill="#fff" /><path d="M16.05,7.89h-.21a.33.33,0,0,0-.33.33v2.54H13a.33.33,0,0,0-.33.33v.22a.33.33,0,0,0,.33.33h2.75a.67.67,0,0,0,.67-.66V8.22A.33.33,0,0,0,16.05,7.89Z" fill="#fff" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
