Appwrite
ツール
ツールダーク版
KoShelf
KoShelfの公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 1.5 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますKoShelf.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- KoShelf
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #33B7F3rgb(51, 183, 243) · hsl(199, 89%, 58%)
- WCAG コントラストとファイルサイズ
- 白背景 2.3:1 · 黒背景 8.7:1 · 1.5 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="koshelf_svg__a" x1="43.505" x2="468.495" y1="43.505" y2="468.495" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#33b7f3"/><stop offset="1" style="stop-color:#0789cc"/></linearGradient><path d="M363.5 512h-215C66.5 512 0 445.5 0 363.5v-215C0 66.5 66.5 0 148.5 0h214.9C445.5 0 512 66.5 512 148.5v214.9c0 82.1-66.5 148.6-148.5 148.6" style="fill:url(#koshelf_svg__a)"/><path d="m384.7 189.3-3-3.9c-2.2-3-4.6-6.1-7.2-8.8-13.3-13.3-28.7-21.4-45.7-24.3-19.8-3.3-38.5.5-55.6 11.4-4.8 3-9.3 6.8-13.7 10.4-1.2 1-2.5 2-3.8 3.1-13.7-13.7-29.5-22-46.7-24.9-14.2-2.4-28.3-.8-41.9 4.6-13.3 5.3-25.5 14.3-36.3 26.8-3 3.5-4.3 7.2-4.3 12.1v160.9c0 1.1 0 2.1.1 3.2.5 4.6 3.1 8.3 6.8 9.7 3.1 1.2 6.6.5 9.3-1.9 1.1-1 2.1-2.2 3.1-3.3l.8-.9c10.7-12 23.2-19.6 37.1-22.5 15.3-3.2 30.1-.6 44.1 7.5 7.1 4.1 13.9 10.1 20.8 18.1 2.6 3.1 5.3 3.8 7.1 3.8h.2c1.8 0 4.5-.7 7.3-3.6.8-.9 1.6-1.8 2.5-2.7 10.8-12.4 23.4-20.1 37.6-23.1 15.1-3.1 29.8-.7 43.6 7.3 7.3 4.2 14.1 10.1 20.8 18 2.3 2.7 5.4 4.1 8.1 4.1 2.7-.1 5.2-1.5 7.1-4 .5-.7 1-1.6 1.5-2.4l1.1-1.8V190.3zM266 199.9c0-1.4.2-1.8.8-2.4 10.3-11.2 22-18.3 34.6-21.3 5-1.2 9.9-1.7 14.8-1.7 14.3 0 27.8 5.1 40.3 15.3 2.7 2.2 5.3 4.9 7.9 7.5l.7.8c.1.1.2.5.3.7.1 44.8.1 89.6 0 134.6-32.9-23.1-66.2-23.1-99.2.1v-23.6c-.1-36.7-.1-73.3-.2-110m-20 63.6v70c-16.5-11.6-33.1-17.4-49.7-17.4s-33.2 5.8-49.6 17.4v-10.9c0-41 0-82 .1-123 0-.6.3-1.4.4-1.6 15.8-17.5 34.6-25.3 55.8-23.1 16 1.6 30.5 9.5 42.7 23.2.1.2.3.9.3 1.6z" style="fill:#fff"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
