Appwrite
ツール
Stacker
Stackerの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.61:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 97.5 60.5
- ファイルサイズ
- 821 B · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますStacker.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Stacker
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #13284Crgb(19, 40, 76) · hsl(218, 60%, 19%)
- WCAG コントラストとファイルサイズ
- 白背景 14.6:1 · 黒背景 1.4:1 · 821 B
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 97.5 60.5" style="enable-background:new 0 0 97.5 60.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#13284C;}
</style>
<g id="Layer_1">
</g>
<g id="CheatSheet">
<path class="st0" d="M0,53.8c0,3.7,3,6.6,6.7,6.6h84.1c3.7,0,6.7-3,6.7-6.6c0-3.6-3-6.6-6.7-6.6H6.7C3,47.2,0,50.2,0,53.8"/>
<path class="st0" d="M10,30.2c0,3.7,3,6.6,6.7,6.6h64.1c3.7,0,6.7-3,6.7-6.6c0-3.6-3-6.6-6.7-6.6H16.7C13,23.6,10,26.6,10,30.2"/>
<path class="st0" d="M20,6.6c0,3.7,3,6.6,6.7,6.6h44.1c3.7,0,6.7-3,6.7-6.6c0-3.6-3-6.6-6.7-6.6L26.7,0C23,0,20,3,20,6.6"/>
</g>
</svg>
使用上の注意
- 元の 1.61:1 の縦横比（viewBox "0 0 97.5 60.5"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
