Appwrite
ツール
Calisphere
Calisphereの公式ベクターロゴ。ツールカテゴリ。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 64 64
- ファイルサイズ
- 2.0 KB · 9 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCalisphere.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Calisphere
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #C74F0Argb(199, 79, 10) · hsl(22, 90%, 41%)
- WCAG コントラストとファイルサイズ
- 白背景 4.6:1 · 黒背景 4.3: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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#C74F0A;}
.st1{fill:#E45B0C;}
</style>
<g>
<path class="st0" d="M8.9,37.8c2.3,8,11.1,10.7,15,11.6c-3.6-1.9-10-5.2-12.1-12.3s1.8-13,3.9-16.4C12.8,23.3,6.6,29.8,8.9,37.8"/>
<path class="st1" d="M4.2,39c1.2,4.3,6,6.8,8.8,7.7c-2.4-1.5-5.5-5-6.5-8.3c-0.9-3.3,0-7.2,1.1-10.2C5.7,30.5,2.9,34.7,4.2,39"/>
<path class="st0" d="M5.5,44.8c-1.1-1.4-2.6-2.7-3.4-5.3c-0.6-2-0.1-4.2,0.1-6.2c-0.9,1.8-2.7,4.2-2,6.6
C0.9,42.5,3.7,43.7,5.5,44.8 M55.1,26.2c-2.3-8-11.1-10.7-15-11.6c3.6,1.9,10,5.2,12.1,12.3c2.1,7.2-1.8,13-3.9,16.4
C51.2,40.7,57.4,34.2,55.1,26.2"/>
<path class="st1" d="M59.9,25c-1.2-4.3-6-6.8-8.8-7.7c2.4,1.5,5.5,5,6.5,8.3c0.9,3.3,0,7.2-1.1,10.2C58.3,33.6,61.1,29.3,59.9,25"
/>
<path class="st0" d="M58.5,19.2c1.1,1.4,2.6,2.7,3.4,5.3c0.6,2,0.1,4.2-0.1,6.2c0.9-1.8,2.7-4.2,2-6.6
C63.1,21.6,60.3,20.3,58.5,19.2 M37.1,49.9c8.5-2.1,11.4-10.4,12.4-14.1c-2.1,3.4-5.5,9.4-13.2,11.3c-7.7,1.9-13.8-1.7-17.4-3.6
C21.7,46.2,28.6,52.1,37.1,49.9"/>
<path class="st1" d="M38.4,54.4c4.6-1.2,7.2-5.7,8.2-8.3c-1.6,2.3-5.4,5.2-8.9,6.1c-3.5,0.9-7.7,0-10.9-1.1
C29.3,52.9,33.8,55.5,38.4,54.4"/>
<path class="st0" d="M44.6,53.1c-1.4,1-2.9,2.4-5.7,3.2c-2.1,0.6-4.5,0.1-6.6-0.1c1.9,0.8,4.4,2.5,7.1,1.9
C42.1,57.4,43.4,54.7,44.6,53.1 M26.9,14.1c-8.5,2.1-11.4,10.4-12.4,14.1c2.1-3.4,5.5-9.4,13.2-11.3c7.7-1.9,13.8,1.7,17.4,3.6
C42.4,17.8,35.4,12,26.9,14.1"/>
<path class="st1" d="M25.6,9.7c-4.6,1.2-7.2,5.7-8.2,8.3c1.6-2.2,5.4-5.2,8.9-6.1c3.5-0.9,7.7,0,10.9,1.1
C34.7,11.2,30.2,8.5,25.6,9.7"/>
<path class="st0" d="M24.6,5.9c-2.6,0.7-4,3.4-5.2,5c1.4-1,2.9-2.4,5.7-3.2c2.1-0.6,4.5-0.1,6.6,0.1C29.7,7,27.2,5.3,24.6,5.9z"/>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
