本文へスキップ
ツールqdrant-icon-lightダーク版

Qdrant

Qdrant(qdrant-icon-light)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Qdrant Logo
ダークモード用の公式バージョンがあります

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Qdrant (qdrant-icon-light)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#DC244Crgb(220, 36, 76) · hsl(347, 72%, 50%)
WCAG コントラストとファイルサイズ
白背景 4.8:1 · 黒背景 4.2:1 · 876 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="57" height="64" fill="none" viewBox="0 0 57 64">
  <g clip-path="url(#a)">
    <path fill="#dc244c" d="M28.335 0 .62 16v32l27.714 16 10.392-6V46l-10.392 6-17.32-10V22l17.32-10 17.32 10v40l10.393-6V16z"/>
    <path fill="#dc244c" d="M17.943 26v12l10.392 6 10.392-6V26l-10.392-6z"/>
    <path fill="#bd0c3e" d="M38.727 46v12l-10.392 6V52zm17.321-30v40l-10.393 6V22z"/>
    <path fill="#ff516b" d="m56.048 16-10.393 6-17.32-10-17.32 10L.62 16 28.335 0z"/>
    <path fill="#dc244c" d="M28.335 52v12L.62 48V16l10.394 6v20z"/>
    <path fill="#ff516b" d="m38.727 26-10.392 6-10.392-6 10.392-6z"/>
    <path fill="#dc244c" d="M28.335 32v12l-10.392-6V26z"/>
    <path fill="#bd0c3e" d="M38.727 26v12l-10.392 6V32z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path fill="#fff" d="M.332 0h56v64h-56z"/>
    </clipPath>
  </defs>
</svg>

使用上の注意

  • 元の 57:64 の縦横比(viewBox "0 0 57 64")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました