本文へスキップ

ShareMania

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

ShareMania 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 100 100
ファイルサイズ
2.7 KB · 12 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
ShareMania
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#DDB414rgb(221, 180, 20) · hsl(48, 83%, 47%)
WCAG コントラストとファイルサイズ
白背景 2:1 · 黒背景 10:1 · 2.7 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
	.st0{fill:#DDB414;}
	.st1{fill:#0250EA;}
</style>
<g id="sharemania">
	<g>
		<path class="st0" d="M80.6,49.4c-4.7,0-8.5,3.8-8.5,8.5h0c0,3.4,0,5.8,0,8.5c1.7,0,3.4,0,4.8,0c0-0.6,0-2.1,0-3.4
			c2.5,0,5.7,0,7.2,0c0,1.3,0,2.5,0,3.4c1.6,0,3.3,0,4.8,0c0-0.5,0-5.2,0-8.5C89.1,53.2,85.3,49.4,80.6,49.4z M77,57.8
			c0-2,1.6-3.6,3.6-3.6c2,0,3.6,1.6,3.6,3.6H77z"/>
		<path class="st0" d="M65.9,49.4c0.8,0,4,0,4.8,0c0,5.6,0,16.3,0,16.9c-1,0-3.5,0-4.8,0C65.9,60.9,65.9,50,65.9,49.4z"/>
		<polygon class="st0" points="52.8,57.4 52.8,66.3 47.9,66.3 47.9,45.3 59.7,57.8 59.7,49.4 64.6,49.4 64.6,69.9 		"/>
		<path class="st0" d="M38.1,49.4c-4.7,0-8.5,3.8-8.5,8.5h0c0,3.4,0,5.8,0,8.5c1.7,0,3.4,0,4.8,0c0-0.6,0-2.1,0-3.4
			c2.5,0,5.7,0,7.2,0c0,1.3,0,2.5,0,3.4c1.6,0,3.3,0,4.8,0c0-0.5,0-5.2,0-8.5C46.5,53.2,42.8,49.4,38.1,49.4z M34.5,57.8
			c0-2,1.6-3.6,3.6-3.6c2,0,3.6,1.6,3.6,3.6H34.5z"/>
		<path class="st0" d="M23.4,66.3c0-1.4,0-4.8,0-4.8L19.9,65l-3.5-3.6l0,4.8h-4.8l0-16.9l8.4,8.5l8.4-8.5l0,16.9
			C28.2,66.3,25.3,66.3,23.4,66.3z"/>
	</g>
	<g>
		<g>
			<path class="st1" d="M78,35c0-1.6,0-3.1,0-4.8c5.6,0,11.2,0,17,0c0,1.5,0,3.1,0,4.8C89.4,35,83.8,35,78,35z"/>
			<path class="st1" d="M78,41c0-1.6,0-3.1,0-4.8c5.6,0,11.2,0,17,0c0,1.5,0,3.1,0,4.8C89.4,41,83.8,41,78,41z"/>
			<path class="st1" d="M78,47.1c0-1.6,0-3.1,0-4.8c5.6,0,11.2,0,17,0c0,1.5,0,3.1,0,4.8C89.4,47.1,83.8,47.1,78,47.1z"/>
		</g>
		<path class="st1" d="M76.6,35.6c0-3-2.2-5.4-4.8-5.4c0,0,0,0,0,0l0,0c-3.3,0-8.7,0-12.1,0c0,5.8,0,11.4,0,16.9c1.6,0,3.2,0,4.8,0
			c0-2,0-4.1,0-6c1.1,0,3,0,3.7,0l3.5,6c0.7,0,4.2,0,4.8,0c-1.1-2-2.6-4.4-3.6-6.2C75.1,40.3,76.6,38.1,76.6,35.6z M64.6,35
			c0.8,0,6.4,0,7.2,0v1.2c-0.8,0-6.4,0-7.2,0C64.6,36,64.6,35.2,64.6,35z"/>
		<path class="st1" d="M49.9,30.1c-4.7,0-8.5,3.8-8.5,8.5h0c0,3.4,0,5.8,0,8.5c1.7,0,3.4,0,4.8,0c0-0.6,0-2.1,0-3.4
			c2.5,0,5.7,0,7.2,0c0,1.3,0,2.5,0,3.4c1.6,0,3.3,0,4.8,0c0-0.5,0-5.2,0-8.5C58.3,33.9,54.5,30.1,49.9,30.1z M46.3,38.6
			c0-2,1.6-3.6,3.6-3.6c2,0,3.6,1.6,3.6,3.6H46.3z"/>
		<path class="st1" d="M35.2,36.2c0-1.7,0-5.3,0-6c1.6,0,3.2,0,4.8,0c0,5.5,0,11.2,0,16.9c-1.1,0-3.4,0-4.8,0c0-1.5,0-3.6,0-6
			c-1.8,0-5.1,0-6.9,0c0,2.6,0,4.1,0,6c-1.5,0-3.3,0-4.8,0c0-1.8,0-15.7,0-16.9c0.6,0,4.2,0,4.8,0c0,1.1,0,4.1,0,6
			C30.4,36.2,32.9,36.2,35.2,36.2z"/>
		<path class="st1" d="M22,35c0-2,0-3.4,0-4.8c-4.2,0-8.3,0-12.2,0c-2.7,0-4.8,2.4-4.8,5.4S7.2,41,9.8,41c2.1,0,6.5,0,7.4,0v1.2
			c-0.7,0-8.2,0-12.2,0c0,1.8,0,3.1,0,4.8h12.2c2.7,0,4.8-2.4,4.8-5.4s-2.2-5.4-4.8-5.4v0c-0.9,0-6.8,0-7.4,0V35
			C10.4,35,21.1,35,22,35z"/>
	</g>
</g>
</svg>

使用上の注意

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