複数SNSアイコン付きシェアボタン列(静止)

<div class="d06-15-08-wrap">
          <div class="d06-15-08-label">この記事をシェアする</div>
          <div class="d06-15-08-row">
            <span class="d06-15-08-btn d06-15-08-x"><svg viewBox="0 0 24 24" width="15" height="15" fill="#fff"><path d="M18.9 2H22l-7 8 8.2 12h-6.4l-5-6.6L6 22H2.9l7.5-8.6L2 2h6.6l4.5 6zM17.8 20h1.7L8.3 4H6.5z"/></svg></span>
            <span class="d06-15-08-btn d06-15-08-fb"><svg viewBox="0 0 24 24" width="15" height="15" fill="#fff"><path d="M13 22v-8h2.7l.4-3H13V9c0-.9.3-1.5 1.6-1.5H16V4.9c-.3 0-1.2-.1-2.3-.1-2.3 0-3.7 1.4-3.7 3.9V11H7.5v3H10v8h3Z"/></svg></span>
            <span class="d06-15-08-btn d06-15-08-line"><svg viewBox="0 0 24 24" width="15" height="15" fill="#fff"><path d="M12 3C6.5 3 2 6.6 2 11c0 3.9 3.5 7.2 8.3 7.9-.3 1.3-1.1 2.7-1.1 2.7s2.5-.9 4.4-2.3c5.4-.4 8.4-3.8 8.4-7.9 0-4.4-4.5-8-10-8z"/></svg></span>
            <span class="d06-15-08-btn d06-15-08-ig"><svg viewBox="0 0 24 24" width="15" height="15" fill="#fff"><path d="M12 8.5A3.5 3.5 0 1 0 15.5 12 3.5 3.5 0 0 0 12 8.5m0 5.8A2.3 2.3 0 1 1 14.3 12 2.3 2.3 0 0 1 12 14.3M16 7a.9.9 0 1 0 .9.9A.9.9 0 0 0 16 7M12 4.8c2.3 0 2.6 0 3.5.05a4.8 4.8 0 0 1 1.6.3 2.8 2.8 0 0 1 1.6 1.6 4.8 4.8 0 0 1 .3 1.6c.05.9.05 1.2.05 3.5s0 2.6-.05 3.5a4.8 4.8 0 0 1-.3 1.6 2.8 2.8 0 0 1-1.6 1.6 4.8 4.8 0 0 1-1.6.3c-.9.05-1.2.05-3.5.05s-2.6 0-3.5-.05a4.8 4.8 0 0 1-1.6-.3 2.8 2.8 0 0 1-1.6-1.6 4.8 4.8 0 0 1-.3-1.6C4.8 14.6 4.8 14.3 4.8 12s0-2.6.05-3.5a4.8 4.8 0 0 1 .3-1.6 2.8 2.8 0 0 1 1.6-1.6 4.8 4.8 0 0 1 1.6-.3C9.4 4.8 9.7 4.8 12 4.8"/></svg></span>
            <span class="d06-15-08-btn d06-15-08-yt"><svg viewBox="0 0 24 24" width="15" height="15" fill="#fff"><path d="M21.6 8.1a2.5 2.5 0 0 0-1.7-1.8C18.3 6 12 6 12 6s-6.3 0-7.9.3A2.5 2.5 0 0 0 2.4 8.1 26 26 0 0 0 2.1 12a26 26 0 0 0 .3 3.9 2.5 2.5 0 0 0 1.7 1.8C5.7 18 12 18 12 18s6.3 0 7.9-.3a2.5 2.5 0 0 0 1.7-1.8 26 26 0 0 0 .3-3.9 26 26 0 0 0-.3-3.9M10 15V9l5 3z"/></svg></span>
          </div>
        </div>

.d06-15-08-wrap{ width:100%; max-width:260px; text-align:center; }
        .d06-15-08-label{ font-size:11px; color:#6b7280; margin-bottom:12px; font-weight:600; }
        .d06-15-08-row{ display:flex; gap:10px; justify-content:center; }
        .d06-15-08-btn{ width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .d06-15-08-x{ background:#000; }
        .d06-15-08-fb{ background:#1877f2; }
        .d06-15-08-line{ background:#06c755; }
        .d06-15-08-ig{ background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af); }
        .d06-15-08-yt{ background:#ff0000; }