本文へスキップ

clipboard.js

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

clipboard.js Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
clipboard.js
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#1BC1A1rgb(27, 193, 161) · hsl(168, 75%, 43%)
WCAG コントラストとファイルサイズ
白背景 2.3:1 · 黒背景 8.7:1 · 945 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" height="64" width="64" viewBox="0 0 1170.286 896"><path d="M196.266 799.086H508.34v78.02H196.266v-78.02zM586.36 330.97H196.266V409H586.36v-78.02zm156.036 234.06V409L508.34 643.048l234.056 234.057V721.067h390.093V565.03H742.396zM391.312 487H196.266v78.02h195.046V487zM196.266 721.067h195.046v-78.02H196.266v78.02zm702.167 78.02h78.02v156.038c-1.22 21.943-8.533 40.23-23.162 54.857s-32.914 21.943-54.857 23.162H118.247c-42.666 0-78.02-35.352-78.02-78.02v-858.2c0-42.667 35.352-78.02 78.02-78.02h234.056A155.56 155.56 0 0 1 508.34-137.143 155.56 155.56 0 0 1 664.377 18.895h234.056c42.666 0 78.02 35.352 78.02 78.02V487h-78.02V252.952H118.247v702.17h780.186V799.086zM196.266 174.933h624.15c0-42.667-35.352-78.02-78.02-78.02h-78.02c-42.666 0-78.02-35.352-78.02-78.02s-35.352-78.02-78.02-78.02-78.02 35.352-78.02 78.02-35.352 78.02-78.02 78.02h-78.02c-42.666 0-78.02 35.352-78.02 78.02z" fill="#1bc1a1"/></svg>

使用上の注意

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