本文へスキップ

Whop

Whopの公式ベクターロゴ。消費財ブランドカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

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

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Whop
公式カラー (HEX / RGB / HSL)
#FF6143rgb(255, 97, 67) · hsl(10, 100%, 63%)
WCAG コントラストとファイルサイズ
白背景 3:1 · 黒背景 6.6:1 · 866 B

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 383.2 196.4" style="enable-background:new 0 0 383.2 196.4;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FF6143;}
</style>
<g>
	<path class="st0" d="M60.9,0C35.7,0,18.4,11.1,5.2,23.5c0,0-5.3,5-5.2,5.2l55.2,55.2l55.2-55.2C99.9,14.3,80.2,0,60.9,0z"/>
	<path class="st0" d="M197.2,0c-25.2,0-42.5,11.1-55.7,23.5c0,0-4.8,4.9-5.1,5.2L68.2,96.9l55.1,55.1L246.6,28.7
		C236.1,14.3,216.5,0,197.2,0z"/>
	<path class="st0" d="M333.8,0c-25.2,0-42.5,11.1-55.7,23.5c0,0-5,4.9-5.2,5.2L136.4,165.2l14.4,14.4c22.3,22.3,58.9,22.3,81.3,0
		L383,28.7h0.2C372.8,14.3,353.1,0,333.8,0z"/>
</g>
</svg>

使用上の注意

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