Appwrite
ツール
DataBuff
DataBuffの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 8:7
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 160 140
- ファイルサイズ
- 1.8 KB · 1 パス
- 公式サイト
- https://databuff.ai/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますDataBuff.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- DataBuff
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0A0F18rgb(10, 15, 24) · hsl(219, 41%, 7%)
- WCAG コントラストとファイルサイズ
- 白背景 19.2:1 · 黒背景 1:1 · 1.8 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 160 140">
<title>DataBuff</title>
<defs>
<linearGradient id="db-grad" x1="0.635" y1="-0.083" x2="0.379" y2="1">
<stop offset="0%" stop-color="#F79532"/>
<stop offset="51%" stop-color="#F02121"/>
<stop offset="100%" stop-color="#D40A0A"/>
</linearGradient>
</defs>
<g transform="translate(60 4) scale(1)">
<path d="M0,25.5417L0,32.3077C0,36.556,3.44396,40,7.69231,40L32.3077,40C36.556,40,40,36.556,40,32.3077L40,25.8795L32.4723,25.8795C31.7459,25.8795,31.0893,25.4066,30.8683,24.7017L27.6404,14.6381C27.5696,14.4176,27.2613,14.4079,27.1768,14.6234L21.0617,30.2192C20.806,30.8704,20.1843,31.2973,19.49,31.2973L19.4496,31.2973C18.7418,31.2757,18.1229,30.8164,17.8914,30.146L12.8714,15.2797C12.7975,15.0608,12.4899,15.0552,12.408,15.2712L8.92955,24.4531C8.67927,25.1097,8.05221,25.5417,7.35221,25.5417L0,25.5417ZM0,22.1563L5.42815,22.1563C5.88829,22.1563,6.30051,21.8719,6.46378,21.4417L11.1741,9.02989C11.4243,8.35951,12.0649,7.92746,12.7807,7.94097C13.4885,7.95421,14.1156,8.41382,14.3443,9.09176L19.3951,24.0432C19.4686,24.2608,19.7736,24.268,19.8574,24.0542L26.019,8.33276C26.2746,7.66806,26.9501,7.23547,27.6364,7.26276C28.3523,7.28438,28.9713,7.75723,29.1893,8.43544L33.453,21.7248C33.6,22.1832,34.0263,22.4941,34.5077,22.4941L40,22.4941L40,7.69231C40,3.44396,36.556,0,32.3077,0L7.69231,0C3.44396,0,0,3.44396,0,7.69231L0,22.1563Z" fill="url(#db-grad)" fill-rule="evenodd"/>
</g>
<text x="80" y="82" text-anchor="middle" font-family="Inter, Arial, Helvetica, sans-serif" font-size="26" font-weight="700" fill="#0A0F18">Data</text>
<text x="80" y="112" text-anchor="middle" font-family="Inter, Arial, Helvetica, sans-serif" font-size="26" font-weight="700" fill="#0A0F18">Buff</text>
</svg>
使用上の注意
- 元の 8:7 の縦横比（viewBox "0 0 160 140"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
