本文へスキップ

Surrealdb

Surrealdbの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Surrealdb Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.86:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 256 299
ファイルサイズ
1.2 KB · 1 パス
公式サイト
https://surrealdb.com/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますSurrealdb.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Surrealdb
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FF00A0rgb(255, 0, 160) · hsl(322, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 3.6:1 · 黒背景 5.4:1 · 1.2 KB

SVG コード

<svg viewBox="0 0 256 299" xmlns="http://www.w3.org/2000/svg" width="256" height="299" preserveAspectRatio="xMidYMid"><defs><linearGradient id="a" x1="31.047%" x2="68.957%" y1="11.705%" y2="88.303%"><stop offset="0%" stop-color="#FF00A0"/><stop offset="100%" stop-color="#9600FF"/></linearGradient></defs><path fill="url(#a)" d="m128 78.568 71.101 39.375v-15.787L128 62.872c-10.575 5.852-61.684 34.103-71.101 39.284 8.747 4.846 100.602 55.589 156.434 86.43v15.726C205.745 208.518 128 251.46 128 251.46a76502.912 76502.912 0 0 1-85.333-47.147v-47.146L128 204.312l14.232-7.862-113.798-62.842v78.598L128 267.185c9.813-5.425 92.282-50.987 99.535-55.01v-31.42L85.333 102.155 128 78.568ZM28.434 86.43v31.452l142.202 78.598-42.666 23.589-71.101-39.376v15.787l71.1 39.284c10.576-5.852 61.684-34.103 71.101-39.284-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255 90.088 128 47.147 128 47.147a76501.239 76501.239 0 0 0 85.333 47.146v47.147L128 94.293l-14.232 7.863 113.767 62.873V86.43L128 31.421c-9.844 5.455-92.282 51.017-99.566 55.01ZM128 0 0 70.735v157.166l128 70.735 128-70.705V70.735L128 0Zm113.737 220.038L128 282.91 14.232 220.038V78.598L128 15.726l113.768 62.872-.03 141.44Z"/></svg>

使用上の注意

  • 元の 0.86:1 の縦横比(viewBox "0 0 256 299")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました