本文へスキップ
LogoHub
AI プロダクト

PicoClaw

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

PicoClaw Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 24 24
ファイルサイズ
1.5 KB · 19 パス
公式サイト
https://picoclaw.io

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
PicoClaw
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#2D6A8Argb(45, 106, 138) · hsl(201, 51%, 36%)
WCAG コントラストとファイルサイズ
白背景 5.9:1 · 黒背景 3.3:1 · 1.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#2d6a8a">
  <title>PicoClaw</title>
  <!-- Body -->
  <ellipse cx="12" cy="12.5" rx="5.5" ry="6"/>
  <!-- Head bump -->
  <ellipse cx="12" cy="7.5" rx="4" ry="3.5"/>
  <!-- Antennae -->
  <path d="M9.5 5.5 Q7 2 5.5 2.5" stroke="#2d6a8a" stroke-width="1" fill="none" stroke-linecap="round"/>
  <path d="M14.5 5.5 Q17 2 18.5 2.5" stroke="#2d6a8a" stroke-width="1" fill="none" stroke-linecap="round"/>
  <circle cx="5.2" cy="2.5" r="1" fill="#2d6a8a"/>
  <circle cx="18.8" cy="2.5" r="1" fill="#2d6a8a"/>
  <!-- Left claw -->
  <path d="M5.5 10 Q2 8.5 2 11 Q2 13.5 5 12.5" fill="#e05c5c"/>
  <!-- Right claw -->
  <path d="M18.5 10 Q22 8.5 22 11 Q22 13.5 19 12.5" fill="#e05c5c"/>
  <!-- Tail segments -->
  <rect x="10" y="18" width="4" height="2" rx="1"/>
  <rect x="10.5" y="20" width="3" height="1.5" rx=".75"/>
  <path d="M10 21.5 Q12 23.5 14 21.5" fill="#2d6a8a"/>
  <!-- Eyes -->
  <circle cx="10" cy="7" r="1.8" fill="#fff"/>
  <circle cx="14" cy="7" r="1.8" fill="#fff"/>
  <circle cx="10.3" cy="6.8" r="1" fill="#0a1929"/>
  <circle cx="14.3" cy="6.8" r="1" fill="#0a1929"/>
  <!-- Chip/circuit pattern on body -->
  <rect x="10" y="11" width="4" height="3" rx=".8" fill="#1a4a6a" opacity=".5"/>
  <line x1="11" y1="11" x2="11" y2="14" stroke="#4a9aba" stroke-width=".3" opacity=".6"/>
  <line x1="13" y1="11" x2="13" y2="14" stroke="#4a9aba" stroke-width=".3" opacity=".6"/>
  <line x1="10" y1="12.5" x2="14" y2="12.5" stroke="#4a9aba" stroke-width=".3" opacity=".6"/>
</svg>

使用上の注意

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

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました