Appwrite
ツール
Clastix
Clastixの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 3.30:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 288.198 87.241
- ファイルサイズ
- 2.2 KB · 3 パス
- 公式サイト
- https://clastix.io
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますClastix.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Clastix
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0078D7rgb(0, 120, 215) · hsl(207, 100%, 42%)
- WCAG コントラストとファイルサイズ
- 白背景 4.5:1 · 黒背景 4.4:1 · 2.2 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="288.198" height="87.241" viewBox="0 0 288.198 87.241"><path fill="#24456F" d="M104.533 54.094c3.623 0 6.585-1.438 8.887-4.303l4.725 4.868q-5.626 6.333-13.257 6.332-7.636.002-12.573-4.819c-3.293-3.217-4.939-7.271-4.939-12.171q0-7.35 5.035-12.264c3.355-3.281 7.459-4.917 12.311-4.917q8.128-.001 13.612 6.193l-4.584 5.197q-3.498-4.346-8.696-4.345-4.161 0-7.114 2.714c-1.97 1.815-2.954 4.255-2.954 7.33q0 4.606 2.788 7.396 2.79 2.788 6.759 2.789m19.425 6.516V27.579h7.375v26.469h14.083v6.562zm50.386 0-3.073-7.135h-13.849l-3.073 7.135h-7.846l14.274-33.032h7.134l14.275 33.032zm-9.976-23.202-4.157 9.593h8.268zm29.142-3.24c-.712.586-1.064 1.355-1.064 2.315q-.001 1.442 1.296 2.295c.868.566 2.871 1.238 6.005 2.007 3.139.771 5.571 1.931 7.304 3.471q2.595 2.32 2.597 6.764 0 4.441-3.327 7.207-3.336 2.764-8.774 2.765-7.842 0-14.129-5.815l4.395-5.387q5.34 4.68 9.878 4.682c1.354 0 2.419-.295 3.192-.875q1.156-.88 1.156-2.365 0-1.492-1.227-2.363c-.82-.586-2.446-1.176-4.869-1.773-3.844-.912-6.655-2.104-8.438-3.567q-2.668-2.198-2.668-6.899-.002-4.704 3.379-7.256c2.251-1.702 5.066-2.553 8.433-2.553q3.312 0 6.619 1.135 3.311 1.134 5.765 3.211l-3.731 5.391q-4.299-3.26-8.886-3.259-1.845-.004-2.906.869m36.133-.211V60.61h-7.373V33.957h-9.362v-6.378h26.091v6.378zm14.741-6.379h7.373V60.61h-7.373zm34.082.001h8.882l-10.304 15.924 11.154 17.107h-8.978l-7.042-10.867-6.995 10.867h-8.888l11.108-16.918-10.353-16.113h8.844l6.284 9.778z"/><path fill="#D81D56" d="m65.749 15.949-9.215 5.317-9.216 5.322-9.214 5.321-9.189-5.304.004-.004-9.215-5.318 9.215-5.317 9.215-5.322.002-.005 9.207 5.318 9.218-5.318-9.218-5.321L38.134 0l-9.215 5.322-9.215 5.322-9.215 5.322-9.216 5.317 9.216 5.322h.002l9.186 5.304h-.005l9.215 5.323 9.217 5.317 9.214-5.317 9.216-5.323 9.215-5.321 9.213-5.322z"/><path fill="#24456F" d="m27.615 39.351-9.188-5.307v-.005l-9.212-5.316L0 23.405v10.639l9.215 5.322v-.004l9.189 5.307v.004l9.211 5.317v21.289l-9.188-5.303v-.004l-9.212-5.325V50.015L0 44.692v21.28l9.215 5.316 9.189 5.305v.004l9.211 5.321 9.216 5.323V44.673zm11.763 5.322v42.568l9.213-5.322V49.99l9.215-5.317 9.215-5.321v21.284l-9.215 5.322v10.64l18.427-10.64V23.39z"/></svg>使用上の注意
- 元の 3.30:1 の縦横比（viewBox "0 0 288.198 87.241"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
