本文へスキップ
LogoHub
ソーシャルメディア

Chipsound

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

Chipsound Logo

ブランドカラー

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

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 512 512
ファイルサイズ
2.5 KB · 14 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Chipsound
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#00FF88rgb(0, 255, 136) · hsl(152, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 1.3:1 · 黒背景 14.8:1 · 2.5 KB

SVG コード

<?xml version="1.0" encoding="UTF-8"?>
<!-- Chipsound brand mark. ASCII-only inside this file. -->
<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 512 512"
     width="512" height="512"
     role="img"
     aria-label="Chipsound">
    <defs>
        <filter id="phosphorGlow" x="-30%" y="-30%" width="160%" height="160%">
            <feGaussianBlur stdDeviation="8" result="blur"/>
            <feMerge>
                <feMergeNode in="blur"/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>
        <filter id="softGlow" x="-30%" y="-30%" width="160%" height="160%">
            <feGaussianBlur stdDeviation="3" result="blur"/>
            <feMerge>
                <feMergeNode in="blur"/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>
    </defs>

    <g fill="#2e5a3f">
        <rect x="48" y="124" width="48" height="24" rx="3"/>
        <rect x="48" y="172" width="48" height="24" rx="3"/>
        <rect x="48" y="220" width="48" height="24" rx="3"/>
        <rect x="48" y="268" width="48" height="24" rx="3"/>
        <rect x="48" y="316" width="48" height="24" rx="3"/>
        <rect x="48" y="364" width="48" height="24" rx="3"/>
        <rect x="416" y="124" width="48" height="24" rx="3"/>
        <rect x="416" y="172" width="48" height="24" rx="3"/>
        <rect x="416" y="220" width="48" height="24" rx="3"/>
        <rect x="416" y="268" width="48" height="24" rx="3"/>
        <rect x="416" y="316" width="48" height="24" rx="3"/>
        <rect x="416" y="364" width="48" height="24" rx="3"/>
    </g>

    <path d="M 96 120
             A 24 24 0 0 1 120 96
             L 234 96
             A 22 22 0 0 0 278 96
             L 392 96
             A 24 24 0 0 1 416 120
             L 416 392
             A 24 24 0 0 1 392 416
             L 120 416
             A 24 24 0 0 1 96 392
             Z"
          fill="#050a07"
          stroke="#00ff88"
          stroke-width="3"
          filter="url(#softGlow)"/>

    <path d="M 130 200
             L 180 200
             L 180 300
             L 230 300
             L 230 200
             L 280 200
             L 280 300
             L 330 300
             L 330 200
             L 380 200"
          stroke="#00ff88"
          stroke-width="20"
          fill="none"
          stroke-linecap="round"
          stroke-linejoin="round"
          filter="url(#phosphorGlow)"/>
</svg>

使用上の注意

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

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました