Appwrite
ツール
BoCloud
BoCloudの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 4.9 KB · 12 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBoCloud.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- BoCloud
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #D8EFFCrgb(216, 239, 252) · hsl(202, 86%, 92%)
- WCAG コントラストとファイルサイズ
- 白背景 1.2:1 · 黒背景 16.7:1 · 4.9 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"><defs><linearGradient y2="27.284" x2="41.004" y1="30.274" x1="25.609" id="A" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="27.314" x2="41.01" y1="30.304" x1="25.615" id="B" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="9.892" x2="39.367" y1="29.868" x1="25.625" id="C" xlink:href="#P"><stop stop-color="#7a7eb7" offset="0"/><stop stop-color="#9fd3f0" offset=".926"/><stop stop-color="#9fd3f0" offset="1"/></linearGradient><linearGradient y2="24.759" x2="40.514" y1="27.749" x1="25.119" id="D" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="11.212" x2="41.284" y1="31.188" x1="27.543" id="E" xlink:href="#P"><stop stop-color="#7a7eb7" offset="0"/><stop stop-color="#9fd3f0" offset=".926"/><stop stop-color="#9fd3f0" offset="1"/></linearGradient><linearGradient y2="14.566" x2="11.643" y1="30.088" x1="25.639" id="F" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="48.121" x2="42.211" y1="30.308" x1="25.925" id="G" xlink:href="#P"><stop stop-color="#6765ae" offset="0"/><stop stop-color="#a1d7f5" offset=".865"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="48.039" x2="42.3" y1="30.226" x1="26.015" id="H" xlink:href="#P"><stop stop-color="#6765ae" offset="0"/><stop stop-color="#a1d7f5" offset=".865"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="27.33" x2="41.013" y1="30.32" x1="25.618" id="I" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="46.25" x2="15.197" y1="30.027" x1="25.757" id="J" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="34.553" x2="5.383" y1="30.482" x1="25.486" id="K" xlink:href="#P"><stop stop-color="#7c7ab8" offset="0"/><stop stop-color="#a1d7f5" offset=".998"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="44.898" x2="13.121" y1="28.676" x1="23.681" id="L" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="37.911" x2="6.063" y1="33.84" x1="26.166" id="M" xlink:href="#P"><stop stop-color="#7c7ab8" offset="0"/><stop stop-color="#a1d7f5" offset=".998"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><path id="N" d="M33.096 24.125l-.013.006-.026.026-7.08 5.92 9.492-7.03a5.16 5.16 0 0 0-2.373 1.077z"/><path id="O" d="M14.683 38.26l-.032.026c-.4.32-.776.705-1.07 1.142.936-.205 1.796-.6 2.54-1.16a6.15 6.15 0 0 0 .584-.487l9.17-7.632-10.903 7.908c-.103.064-.192.135-.3.205z"/><linearGradient id="P" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(1.564334 0 0 1.564334 -6.936501 -13.72096)"><path d="M25.894 30.147l.032.02 8.87 2.8c.006 0 .013.006.02.006l.013.006a5.02 5.02 0 0 0 1.494.224c2.828 0 5.118-2.3 5.118-5.118a5.11 5.11 0 0 0-5.118-5.112 5.36 5.36 0 0 0-.859.071l-9.492 7.03z" fill="url(#A)"/><path d="M25.887 30.154h.006z" fill="url(#B)"/><path d="M33.058 24.164c.006-.006.02-.013.026-.026l.013-.006a5.13 5.13 0 0 1 2.367-1.077l4.08-3.027a6.22 6.22 0 0 0 2.533-5.022 6.24 6.24 0 0 0-6.234-6.234c-2.944 0-5.407 2.04-6.067 4.778l-.006.026c0 .013-.006.026-.006.038l-3.88 16.534.083-.064z" fill="url(#C)"/><use xlink:href="#N" fill="url(#D)"/><use xlink:href="#N" fill="url(#E)"/><path d="M19.9 16.493a5.26 5.26 0 0 0-4.919-3.412c-2.9 0-5.253 2.354-5.253 5.253 0 1.97 1.084 3.68 2.687 4.58l.038.02.07.038 13.36 7.17z" fill="url(#F)"/><path d="M25.887 30.147l.006.006v-.006z" fill="url(#G)"/><path d="M40.895 38.2l-15-8.055 7.1 16.136a6 6 0 0 0 5.407 3.393 6.01 6.01 0 0 0 6.009-6.009 5.99 5.99 0 0 0-3.515-5.464z" fill="url(#H)"/><path d="M25.894 30.147v.006l.032.013z" fill="url(#I)"/><path d="M25.894 30.147v.006l.032.013z" fill="url(#G)"/><path d="M16.132 38.26a6.59 6.59 0 0 1-2.546 1.16 5.07 5.07 0 0 0-.891 2.88 5.12 5.12 0 0 0 5.112 5.112c2.328 0 4.284-1.552 4.906-3.675l.006-.026.115-.487 3.053-13.077-9.755 8.113z" fill="url(#J)"/><path d="M14.054 26.363l-.013-.006c-.6-.18-1.257-.276-1.918-.276-3.726 0-6.753 3.02-6.753 6.753 0 3.726 3.02 6.753 6.753 6.753.507 0 .994-.058 1.47-.16.295-.43.66-.82 1.07-1.142l.032-.026.282-.205L25.9 30.147l-11.846-3.784z" fill="url(#K)"/><use xlink:href="#O" fill="url(#L)"/><use xlink:href="#O" fill="url(#M)"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
