本文へスキップ

punt CAT

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

punt CAT Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
punt CAT
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#BD2D36rgb(189, 45, 54) · hsl(356, 62%, 46%)
WCAG コントラストとファイルサイズ
白背景 5.8:1 · 黒背景 3.4:1 · 1.7 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.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 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#BD2D36;}
	.st1{fill:#4E4E4F;}
</style>
<g>
	<path class="st0" d="M23.9,25.8c2.2,0,3.8,0.9,5.2,2.5c0.2,0.3,0.2,0.7-0.2,1l-1.6,1.5c-0.3,0.3-0.6,0.1-0.9-0.1
		C25.8,30,25,29.6,24,29.6c-1.9,0-3.4,1.6-3.4,3.6c0,2,1.5,3.6,3.4,3.6c1.5,0,2.2-0.7,2.8-1.3c0.2-0.2,0.6-0.3,0.9-0.1l1.5,1.3
		c0.3,0.3,0.5,0.6,0.2,1c-1.2,1.8-3,2.9-5.5,2.9c-3.9,0-7.4-3.1-7.4-7.3C16.5,29,20,25.8,23.9,25.8z"/>
	<path class="st0" d="M37,31.3c1.4,0,2.5,0.4,2.5,0.4c0-1.8-0.5-2.4-1.8-2.4c-1.3,0-3.1,0.3-3.9,0.5c-0.5,0.1-0.7-0.2-0.8-0.6
		l-0.3-1.8c-0.1-0.5,0.2-0.8,0.5-0.9c0.3-0.1,2.5-0.7,4.7-0.7c4.4,0,5.4,2.3,5.4,6.1v7.6c0,0.3-0.3,0.7-0.7,0.7h-1.3
		c-0.2,0-0.4-0.1-0.6-0.5l-0.4-0.9c-0.8,0.7-2.1,1.8-4.3,1.8c-2.8,0-4.7-1.8-4.7-4.8C31.4,33.2,33.4,31.3,37,31.3z M37,37.5
		c1.1,0,2.2-0.9,2.4-1.4v-1.9c0,0-0.9-0.4-2-0.4c-1.4,0-2.3,0.8-2.3,1.9C35.2,36.7,35.9,37.5,37,37.5z"/>
	<path class="st0" d="M48,29.8h-1.2c-0.3,0-0.6-0.3-0.6-0.7v-2.3c0-0.4,0.3-0.7,0.6-0.7H48v-3.9c0-0.3,0.3-0.7,0.7-0.7l2.9,0
		c0.3,0,0.6,0.3,0.6,0.7v3.9h3.1c0.4,0,0.7,0.3,0.7,0.7v2.3c0,0.3-0.3,0.7-0.7,0.7h-3.1v5.6c0,1,0.5,1.1,1.1,1.1
		c0.6,0,1.3-0.2,1.7-0.4c0.4-0.1,0.7,0,0.8,0.4l0.7,2.2c0.1,0.3,0,0.7-0.4,0.8c-0.2,0.1-2.4,0.9-4.1,0.9c-2.7,0-3.9-1.7-3.9-4.5
		V29.8z"/>
	<path class="st1" d="M11.1,33.2c2,0,3.6,1.7,3.6,3.6c0,2-1.7,3.6-3.6,3.6c-2,0-3.6-1.6-3.6-3.6C7.5,34.9,9.2,33.2,11.1,33.2z"/>
</g>
</svg>

使用上の注意

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