Appwrite
ツール
ツールGravitee
Gravitee.io
Gravitee.ioの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 2.25:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 252.85 112.22
- ファイルサイズ
- 2.6 KB · 14 パス
- 公式サイト
- https://gravitee.io
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますGravitee.io.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Gravitee.io
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #86C3D0rgb(134, 195, 208) · hsl(191, 44%, 67%)
- WCAG コントラストとファイルサイズ
- 白背景 2:1 · 黒背景 10.1:1 · 2.6 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.85 112.22"><defs><style>.cls-1{fill:#86c3d0;}.cls-2{fill:#383e3f;}</style></defs><title>GRAVITEE</title><g id="PRIMARY_LOGO" data-name="PRIMARY LOGO"><g id="LOGO2"><path class="cls-1" d="M144.08,35.64a.17.17,0,0,0-.17-.18l-7.81-.3a.65.65,0,0,0-.68.74c.24,1.66.76,5.48.75,5.5a10,10,0,0,1-13,1.79,8.79,8.79,0,0,1-2.86-2.87,10,10,0,0,1,8.31-15.51,10.64,10.64,0,0,1,6.65,2.44.39.39,0,0,0,.68-.29l0-4.86c0-.85-.16-1-.51-1.17a16,16,0,0,0-12.65-.29,14.22,14.22,0,0,0-8,8.08,15.32,15.32,0,1,0,29.39,6.92Z"/><path class="cls-1" d="M103.32,16.86A16.75,16.75,0,0,1,107,16.5a30.09,30.09,0,0,1,4.34.34A50,50,0,0,1,117,18.06c.28-.18.56-.34.84-.5a50.58,50.58,0,0,0-6.47-1.42c-6.77-1-11.4.13-13,3.14-1,1.77-.79,4,.42,6.67a2.57,2.57,0,0,0,1.59,4.53,2.64,2.64,0,0,0,1.12-.22c.42.54.87,1.09,1.36,1.65,1.15,1.3,4,4,5.41,5.34l-.07-1c-1.43-1.29-3.67-3.49-4.81-4.78-.46-.53-.89-1-1.29-1.55a2.57,2.57,0,0,0-1.53-4.58,2.61,2.61,0,0,0-1.18.25c-.13-.27-.24-.55-.34-.82A6.08,6.08,0,0,1,99,19.62,6.07,6.07,0,0,1,103.32,16.86Z"/><path class="cls-1" d="M152.19,38.84A34.94,34.94,0,0,0,149,35.59l0,.92a26,26,0,0,1,2.71,2.79A22.55,22.55,0,0,1,156,46a6.1,6.1,0,0,1,.06,5.13,6.13,6.13,0,0,1-4.33,2.76,22.75,22.75,0,0,1-8,0,37.27,37.27,0,0,1-5.34-1.09l-.9.45a39.66,39.66,0,0,0,6.14,1.34,30.22,30.22,0,0,0,4.45.35c4.35,0,7.34-1.19,8.58-3.49C158.31,48.46,156.71,44,152.19,38.84Z"/><path class="cls-2" d="M22.58,88.73a8.05,8.05,0,0,1-5.73,2.4A8,8,0,0,1,11,88.7,8.29,8.29,0,0,1,11,77a7.94,7.94,0,0,1,5.87-2.44A9,9,0,0,1,23,77.16l-1.58,1.43a6.72,6.72,0,0,0-4.52-1.93,6.18,6.18,0,1,0,0,12.36,5.62,5.62,0,0,0,3.63-1.16V83h2.1Z"/><path class="cls-2" d="M41.61,85.76H39.69V91h-2.1V74.71H42.2a5.63,5.63,0,0,1,3.31,1.62,5.52,5.52,0,0,1,0,7.81,4.44,4.44,0,0,1-1.7,1.26L47.41,91H44.86Zm-1.92-8.94v6.83h1.92a3.42,3.42,0,0,0,0-6.83Z"/><path class="cls-2" d="M67.36,74.71,73.27,91H71L69,85.21H64.64L62.56,91H60.32l5.91-16.25Zm.83,8.4-1.4-3.81-1.38,3.81Z"/><path class="cls-2" d="M91.48,91l-5.9-16.25h2.23l4.24,11.65,4.24-11.65h2.25L92.62,91Z"/><path class="cls-2" d="M114.72,74.71V91h-2.1V74.71Z"/><path class="cls-2" d="M134.72,76.81V91h-2.11V76.81h-3.79v-2.1h9.68v2.1Z"/><path class="cls-2" d="M161.14,74.71v2.1h-6.65v5h6.65v2.1h-6.65v5h6.65V91h-8.75V74.71Z"/><path class="cls-2" d="M184.53,74.71v2.1h-6.65v5h6.65v2.1h-6.65v5h6.65V91h-8.75V74.71Z"/><path class="cls-2" d="M220.52,74.71V91h-2.1V74.71Z"/><path class="cls-2" d="M244.06,76.94a8.29,8.29,0,1,1-5.88-2.44A8,8,0,0,1,244.06,76.94Zm-5.88-.32a6.18,6.18,0,1,0,4.39,1.81A6,6,0,0,0,238.18,76.62Z"/><circle class="cls-1" cx="203.82" cy="82.83" r="2.58"/></g></g></svg>使用上の注意
- 元の 2.25:1 の縦横比（viewBox "0 0 252.85 112.22"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
