Appwrite
ツール
Klera
Kleraの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.2 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますKlera.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Klera
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #CCDB29rgb(204, 219, 41) · hsl(65, 71%, 51%)
- WCAG コントラストとファイルサイズ
- 白背景 1.5:1 · 黒背景 13:1 · 1.2 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M38.7 51.258h6.225a3.8 3.8 0 0 0 3.793-3.793v-7.78H38.7zM25.3 11.574h-9.726a3.8 3.8 0 0 0-3.793 3.793v8.948h13.52z" fill="#ccdb29"/><path d="M11.77 47.465v-23.15H5.544c-2.043 0-3.793 1.75-3.793 3.793v32.097A3.8 3.8 0 0 0 5.544 64H34.82a3.8 3.8 0 0 0 3.793-3.793v-8.948H15.562c-2.043 0-3.793-1.75-3.793-3.793z" fill="#40bded"/><use xlink:href="#B" fill="#ccdb29"/><use xlink:href="#B" fill="#3ca133"/><path d="M58.456 0H29.082a3.8 3.8 0 0 0-3.793 3.793v7.78h19.647a3.8 3.8 0 0 1 3.793 3.793v24.316h9.726a3.8 3.8 0 0 0 3.793-3.793V3.793C62.25 1.75 60.498 0 58.456 0z" fill="#ef5c8a"/><use xlink:href="#C" fill="#ccdb29"/><use xlink:href="#C" fill="#be4817"/><use xlink:href="#D" fill="#ccdb29"/><use xlink:href="#D" fill="#313917"/><defs ><path id="B" d="M29.082 39.684a3.8 3.8 0 0 1-3.793-3.793V24.316H11.77v23.052a3.8 3.8 0 0 0 3.793 3.793h23.15V39.684z"/><path id="C" d="M44.936 11.574H25.29v12.742h9.63a3.8 3.8 0 0 1 3.793 3.793v11.477H48.73V15.27c0-2.043-1.75-3.696-3.793-3.696z"/><path id="D" d="M29.082 39.684h9.63V28.11c0-2.14-1.653-3.793-3.793-3.793h-9.63v11.477c0 2.14 1.75 3.89 3.793 3.89z"/></defs></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
