Appwrite
ツール
ツールazure-app-service-domains
App Service Domains
App Service Domains（azure-app-service-domains）の公式ベクターロゴ。ツールカテゴリ。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.5 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますApp Service Domains.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- App Service Domains (azure-app-service-domains)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 1.5 KB
SVG コード
<svg id="f39db08f-c433-4b3e-8dd9-f5b32b0dd2e2" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="e3b462d3-4c3c-47e9-827b-0de254d5c11f" x1="9" y1="15.83" x2="9" y2="5.79" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32bedd" /><stop offset="0.18" stop-color="#32caea" /><stop offset="0.41" stop-color="#32d2f2" /><stop offset="0.78" stop-color="#32d4f5" /></linearGradient></defs><title>Icon-web-50</title><path d="M.5,5.79h17a0,0,0,0,1,0,0v9.48a.57.57,0,0,1-.57.57H1.07a.57.57,0,0,1-.57-.57V5.79A0,0,0,0,1,.5,5.79Z" fill="url(#e3b462d3-4c3c-47e9-827b-0de254d5c11f)" /><path d="M1.07,2.17H16.93a.57.57,0,0,1,.57.57V5.79a0,0,0,0,1,0,0H.5a0,0,0,0,1,0,0V2.73A.57.57,0,0,1,1.07,2.17Z" fill="#005ba1" /><rect x="2.79" y="3.25" width="12.43" height="1.46" rx="0.28" fill="#f2f2f2" /><path d="M6.68,9l-.9,3H5.06L4.51,10a1.1,1.1,0,0,1,0-.27h0a1,1,0,0,1,0,.26L3.8,12H3.09L2.2,9h.71l.55,2.19a1.43,1.43,0,0,1,0,.26h0a1.32,1.32,0,0,1,0-.26L4.18,9h.65l.55,2.2a1.59,1.59,0,0,1,0,.26h0a1.51,1.51,0,0,1,0-.26L6,9Z" fill="#fff" /><path d="M11.28,9l-.9,3H9.66L9.11,10a1.1,1.1,0,0,1,0-.27h0A1.85,1.85,0,0,1,9,10L8.4,12H7.7L6.8,9h.71l.56,2.19a1.56,1.56,0,0,1,0,.26h0c0-.08,0-.17.05-.26L8.79,9h.64l.55,2.2a1.59,1.59,0,0,1,0,.26h0a1.51,1.51,0,0,1,0-.26L10.63,9Z" fill="#fff" /><path d="M15.89,9,15,12h-.72L13.71,10a1.93,1.93,0,0,1,0-.27h0a1,1,0,0,1-.05.26L13,12H12.3l-.9-3h.72l.55,2.19a1.43,1.43,0,0,1,0,.26h0a1.27,1.27,0,0,1,0-.26L13.39,9H14l.54,2.2a1.59,1.59,0,0,1,0,.26h0a1.66,1.66,0,0,1,0-.26L15.23,9Z" fill="#fff" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
