本文へスキップ
ソーシャルメディアinvision-community-badgeIPSInvision Power Board

Invision Community

Invision Community(invision-community-badge)の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Invision Community 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 1024 1024
ファイルサイズ
1.1 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Invision Community (invision-community-badge)
公式カラー (HEX / RGB / HSL)
#004C75rgb(0, 76, 117) · hsl(201, 100%, 23%)
WCAG コントラストとファイルサイズ
白背景 9.2:1 · 黒背景 2.2:1 · 1.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#004c75"/>
   <path d="M527.81 638.53c-2.11 3.09-3.89 6.57-6.65 9.22-2.39 1.99-5.23 3.83-8.47 3.8-5.48.39-10.32-3.37-13.09-7.79-5.43-8.49-192.62-296.06-215.74-331.45-3.5-5.41-8.35-11.5-5.85-18.34 2.28-4.62 7.86-6.19 12.65-5.94h444.13c4.51.06 9.7 2.01 11.41 6.55 1.32 4.23-.18 8.78-2.52 12.38-12.47 19.07-45.03 69.11-48.89 75.1-8.03 12.17-150.23 230.8-166.98 256.48Zm218.27 52.36V544.15c.06-3.65.12-7.7-2.06-10.79a4.12 4.12 0 0 0-4.04-1.49c-.43.04-.84.17-1.21.39a20.78 20.78 0 0 0-6.47 6.19c-6.76 9.23-100.16 135.33-112.19 151.7-7.09 9.65-14.32 19.2-21.32 28.88a13.388 13.388 0 0 0-2.35 11.1c1.51 3.9 5.95 5.64 9.86 5.82h117.39c10.66.68 20.23-7.9 22.19-18.12.56-8.92.04-17.95.21-26.94h-.01Zm-317.72 34.9c-.27-3.09-2.18-5.83-3.88-8.36-7.22-9.7-124.61-168.47-132.94-179.72a31.635 31.635 0 0 0-3.42-3.89c-2.28-1.82-5.57-3.02-7.91-.67-2.33 2.87-1.63 9.62-1.71 14.5v167.79c0 3.21 1.23 6.25 2.53 9.13 3.05 5.3 8.02 9.23 13.88 10.97 1.49.26 3 .41 4.52.45h118.92c4.31-.1 9.54-2.79 10.01-7.39.13-.91.13-1.84 0-2.75v-.07Z" style="fill:#fff"/>
</svg>

使用上の注意

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