本文へスキップ

Viggle

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

Viggle 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 24 24
ファイルサイズ
1008 B · 1 パス
公式サイト
https://viggle.ai

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Viggle
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#000rgb(0, 0, 0) · hsl(0, 0%, 0%)
WCAG コントラストとファイルサイズ
白背景 21:1 · 黒背景 1.1:1 · 1008 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="evenodd">
  <title>Viggle</title>
  <path clip-rule="evenodd"
        d="M.04 4.77l11.444 17.148a.307.307 0 00.51 0l.944-1.402.852 1.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418 0 00.272-.106.804.804 0 00.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686 7.686 0 01-1.555-.045l-2.474-.325a.305.305 0 00-.316.433 4.825 4.825 0 003.797 2.727l3.91.46a.384.384 0 01.275.595l-4.822 7.218L7.188 6.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288 3.288 0 00-1.185-.294l-2.12-.094a.23.23 0 00-.202.359zm13.266 15.199l.89 1.281 8.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848 1.026 1.01 2.409.129 3.705l-7.729 11.492zM4.49 5.459l.163.007c.787.036 1.625.396 2.028.982l5.86 8.539-.739 1.106a.077.077 0 01-.127 0L4.713 5.739a2.225 2.225 0 00-.224-.28z" />
</svg>

使用上の注意

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