Appwrite
ツール
ツールazure-stage-maps
Stage Maps
Stage Maps（azure-stage-maps）の公式ベクターロゴ。ツールカテゴリ。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.1 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますStage Maps.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Stage Maps (azure-stage-maps)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 2.1 KB
SVG コード
<svg id="uuid-7705a8e8-14da-48f7-ba4a-fdf3ccbb08cd" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="uuid-527f88d3-4853-4ce3-99a9-d146f21d76d7" x1="9" y1="18.343" x2="9" y2="16.272" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0094f0" /><stop offset="1" stop-color="#50e6ff" /></linearGradient><linearGradient id="uuid-dd879b37-0f88-4832-a8f7-be2c534e8a04" x1="9.055" y1="15.194" x2="9.055" y2="13.378" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#50e6ff" /><stop offset="1" stop-color="#c3f1ff" /></linearGradient><linearGradient id="uuid-97af30a8-e902-4bcd-ae65-5f70b6b5bc69" x1="-550.701" y1="1019.363" x2="-550.701" y2="1025.391" gradientTransform="translate(564 1025.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0087d4" /><stop offset="1" stop-color="#8cd0ff" /></linearGradient><linearGradient id="uuid-b36bbf25-887c-4b33-8292-a2990c5f19ce" x1="-559.188" y1="1013.572" x2="-559.188" y2="1019.6" gradientTransform="translate(564 1025.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0087d4" /><stop offset="1" stop-color="#8cd0ff" /></linearGradient></defs><rect y=".067" width="18" height="17.866" fill="none" /><g><path d="M.718,15.804h16.563c.327,0,.593.266.593.593v1.477H.125v-1.477c0-.327.266-.593.593-.593Z" fill="url(#uuid-527f88d3-4853-4ce3-99a9-d146f21d76d7)" /><path d="M2.424,13.378h13.263c.355,0,.643.288.643.643v1.173H1.781v-1.173c0-.355.288-.643.643-.643Z" fill="url(#uuid-dd879b37-0f88-4832-a8f7-be2c534e8a04)" /><g><path d="M7.133,9.532c-.07,0-.124-.002-.158-.005l.087-1.202c.03.004.733.047,1.123-.444.173-.218.226-.463.24-.63l-.004-2.386c.018-.297.135-1.186.929-1.811.683-.537,1.437-.539,1.73-.515l-.099,1.202c-.148-.014-.534-.012-.879.26-.413.324-.464.809-.47.903l.003,2.398c-.042.527-.214.969-.5,1.328-.643.81-1.595.904-2.004.904h.002Z" fill="#b9c0c7" /><ellipse cx="13.299" cy="3.139" rx="3.031" ry="3.014" fill="url(#uuid-97af30a8-e902-4bcd-ae65-5f70b6b5bc69)" /><ellipse cx="4.812" cy="8.929" rx="3.031" ry="3.014" fill="url(#uuid-b36bbf25-887c-4b33-8292-a2990c5f19ce)" /></g></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
