Appwrite
ツール
Agones
Agonesの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 16:15
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 64 60
- ファイルサイズ
- 2.0 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAgones.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Agones
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2D70DErgb(45, 112, 222) · hsl(217, 73%, 52%)
- WCAG コントラストとファイルサイズ
- 白背景 4.7:1 · 黒背景 4.2:1 · 2.0 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 60" width="64" height="64"
style="enable-background:new 0 0 64 60;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2D70DE;}
.st1{fill:#17252E;}
</style>
<g>
<g id="g44" transform="translate(386.7049,451.9248)">
<path id="path46" class="st0" d="M-359.8-414.5c0,1-0.6,2-1.6,2.2c-3,0.8-5.8,2.2-8.3,4c-2,1.5-4,2.9-6.1,4.3
c-1.5,0.9-3,1.7-4.9,1.4c-2.5-0.3-4.2-1.9-4.9-4.6c-0.2-1-0.5-2-0.6-3c-0.2-1.6-0.3-3.3-0.4-4.9c0.1-7.2,2-13.9,6.1-19.8
c2.6-3.8,6.3-5.9,10.9-6.4c1.6-0.2,3.2-0.1,4.8,0c1.3,0.1,2.1,1.4,2,2.7c0,0.1,0,0.3,0,0.4c0,0.1,0,0.2,0,0.2c0,0.5,0,0.7-0.2,1.3
c-0.1,0.5-0.5,1.2-1.6,1.4h-4.1c-1.3,0-2.3,1.3-2.3,2.9c0,1.6,1,2.9,2.3,2.9h10.6c1.1,0.2,1.5,0.9,1.6,1.4
c0.2,0.6,0.2,0.9,0.2,1.4c0,0.1,0,0.1,0,0.2c0,1.6,1,2.9,2.3,2.9h1.5c1.3,0,2.3,1.3,2.3,2.9c0,1.6-1,2.9-2.3,2.9h-5
c-1.3,0-2.3,1.3-2.3,2.9L-359.8-414.5z"/>
</g>
<g id="g48" transform="translate(467.9637,499.8276)">
<path id="path50" class="st1" d="M-409-481.3c-3.3-5.5-8.2-8-14.5-7.9c-0.7,0-1.5,0.1-2.2,0.1c-0.6,0.1-1,0.8-0.7,1.4
c0.3,0.5,0.5,1.1,0.5,1.7c0,1.6-1,2.9-2.3,2.9h-7c-1.3,0-2.3,1.3-2.3,2.9c0,1.6,1,2.9,2.3,2.9h5.4c1.2,0,2.3,1.2,2.3,2.7l0,0
c0,0.8,0,1,0.2,1.7c0.1,0.5,0.5,1.2,1.6,1.4h5.8c1.3,0,2.3,1.3,2.3,2.9c0,1.6-1,2.9-2.3,2.9h-9.2c-1.1,0.1-1.5,0.9-1.7,1.4
c-0.2,0.6-0.2,0.8-0.2,1.3c0,0.1,0,0.1,0,0.2c0,0.1,0,0.3,0,0.4c-0.1,1,0.6,1.9,1.6,2.1c3.3,0.8,6.3,2.3,9.1,4.4
c2.1,1.5,4.2,3,6.4,4.3c0.8,0.5,1.9,0.9,2.9,1c3.2,0.3,5.4-1.4,6.2-4.5c0.6-2.2,0.8-4.5,0.9-6.8
C-403.8-468.8-405.4-475.3-409-481.3"/>
</g>
</g>
</svg>
使用上の注意
- 元の 16:15 の縦横比（viewBox "0 0 64 60"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
