button_3.svg

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48.96 50.12">
  <defs>
    <style>
      .cls-1, .cls-2, .cls-3 {
        stroke: #231f20;
        stroke-miterlimit: 10;
        stroke-width: 0.25px;
      }

      .cls-1 {
        fill: url(#radial-gradient);
      }

      .cls-2 {
        fill: url(#radial-gradient-2);
      }

      .cls-3 {
        fill: url(#radial-gradient-3);
      }

      .cls-4 {
        font-size: 12px;
        fill: #58595b;
        font-family: MyriadPro-Regular, Myriad Pro;
      }
    </style>
    <radialGradient id="radial-gradient" cx="19.64" cy="21.12" r="14.21" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="1"/>
    </radialGradient>
    <radialGradient id="radial-gradient-2" cx="27.95" cy="23.04" r="14.86" xlink:href="#radial-gradient"/>
    <radialGradient id="radial-gradient-3" cx="22.36" cy="27.85" r="14.66" xlink:href="#radial-gradient"/>
  </defs>
  <polygon class="cls-1" points="21.42 7.27 5.08 34.97 34.2 34.97 32.4 32.41 10.85 32.41 25.37 7.27 21.42 7.27"/>
  <polyline class="cls-2" points="14.06 32.41 23.32 16.39 24.71 13.98 39.63 38.82 41.83 34.97 25.37 7.27"/>
  <polyline class="cls-3" points="23.32 16.39 34.2 34.97 5.08 34.97 7.15 39.31 39.63 38.82"/>
  <text class="cls-4" transform="translate(20.15 29.08) rotate(1.86)">3</text>
</svg>