Appwrite
ツール
Bastions
Bastions（azure-bastions）の公式ベクターロゴ。ツールカテゴリ。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 · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBastions.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Bastions (azure-bastions)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 1.5 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b1ebad31-96e8-487e-93d6-4a68da28a89e" x1="12.896" y1="-0.54" x2="12.896" y2="6.922" gradientTransform="translate(1.05 10.166) rotate(-44.919)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ea0ef" /><stop offset="1" stop-color="#0078d4" /></linearGradient><linearGradient id="fb6a68a2-e02a-438b-8ccf-ab9786098481" x1="5.104" y1="5.035" x2="5.104" y2="12.497" gradientTransform="translate(2.636 18.68) rotate(-135.081)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ea0ef" /><stop offset="1" stop-color="#0078d4" /></linearGradient></defs><path d="M12.315,4.43h1.136a.363.363,0,0,1,.363.363v8.382a.727.727,0,0,1-.727.727H11.951a0,0,0,0,1,0,0V4.793A.363.363,0,0,1,12.315,4.43Z" transform="translate(28.47 6.515) rotate(134.919)" fill="#83b9f9" /><path d="M12.253-.856h1.136a.363.363,0,0,1,.363.363V8.483a0,0,0,0,1,0,0H12.616a.727.727,0,0,1-.727-.727V-.492a.363.363,0,0,1,.363-.363Z" transform="translate(6.435 -7.94) rotate(44.919)" fill="url(#b1ebad31-96e8-487e-93d6-4a68da28a89e)" /><path d="M4.186,9.411H5.322a.727.727,0,0,1,.727.727v8.382a.363.363,0,0,1-.363.363H4.549a.363.363,0,0,1-.363-.363V9.411a0,0,0,0,1,0,0Z" transform="translate(11.521 0.534) rotate(45.081)" fill="#83b9f9" /><path d="M4.974,4.126H6.11a0,0,0,0,1,0,0V13.1a.363.363,0,0,1-.363.363H4.611a.363.363,0,0,1-.363-.363V4.852a.727.727,0,0,1,.727-.727Z" transform="translate(15.056 11.366) rotate(135.081)" fill="url(#fb6a68a2-e02a-438b-8ccf-ab9786098481)" /></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
