SVG with fill

SVG.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113 31" >
  <defs>
    <linearGradient id="SVGID_3u_" gradientUnits="userSpaceOnUse" x1="0.3699" y1="15.2458" x2="50.3699" y2="15.2458"
      gradientTransform="matrix(1 0 0 -1 0 30.7318)">
      <stop offset="0" stop-color="#231F5C" />
      <stop offset="1" stop-color="#034EA2" />
    </linearGradient>
  </defs>
  <symbol id="visa1">
    <path
      id="visa"
      fill="url(#SVGID_3u_)"
      d="M19.4,7.7l-6.6,15.6H8.5L5.3,10.9c-0.1-0.6-0.4-1.1-0.9-1.4c-1.3-0.6-2.6-1.1-4-1.3l0.1-0.4h6.9  c0.9,0,1.7,0.7,1.8,1.6l1.7,9l4.2-10.6L19.4,7.7L19.4,7.7z M36.1,18.2c0-4.1-5.7-4.3-5.7-6.2c0-0.6,0.5-1.2,1.7-1.3  c1.4-0.1,2.8,0.1,4,0.7l0.7-3.3c-1.2-0.5-2.5-0.7-3.8-0.7c-4,0-6.8,2.1-6.8,5.2c0,2.2,2,3.5,3.5,4.3s2.1,1.3,2.1,1.9  c0,1-1.3,1.5-2.4,1.5c-1.4,0-2.9-0.3-4.1-1l-0.7,3.4c1.4,0.6,3,0.8,4.5,0.8C33.3,23.6,36,21.5,36.1,18.2 M46.6,23.3h3.8L47.1,7.7  h-3.5c-0.8,0-1.4,0.5-1.7,1.2l-6.1,14.5h4.2L41,21h5.2L46.6,23.3z M42.1,17.8l2.1-5.9l1.2,5.9H42.1L42.1,17.8z M25.1,7.7l-3.3,15.6  h-4l3.3-15.6L25.1,7.7L25.1,7.7z" />
  </symbol>
  <g id="visa2">
    <path
      id="visa"
      fill="url(#SVGID_3u_)"
      d="M19.4,7.7l-6.6,15.6H8.5L5.3,10.9c-0.1-0.6-0.4-1.1-0.9-1.4c-1.3-0.6-2.6-1.1-4-1.3l0.1-0.4h6.9  c0.9,0,1.7,0.7,1.8,1.6l1.7,9l4.2-10.6L19.4,7.7L19.4,7.7z M36.1,18.2c0-4.1-5.7-4.3-5.7-6.2c0-0.6,0.5-1.2,1.7-1.3  c1.4-0.1,2.8,0.1,4,0.7l0.7-3.3c-1.2-0.5-2.5-0.7-3.8-0.7c-4,0-6.8,2.1-6.8,5.2c0,2.2,2,3.5,3.5,4.3s2.1,1.3,2.1,1.9  c0,1-1.3,1.5-2.4,1.5c-1.4,0-2.9-0.3-4.1-1l-0.7,3.4c1.4,0.6,3,0.8,4.5,0.8C33.3,23.6,36,21.5,36.1,18.2 M46.6,23.3h3.8L47.1,7.7  h-3.5c-0.8,0-1.4,0.5-1.7,1.2l-6.1,14.5h4.2L41,21h5.2L46.6,23.3z M42.1,17.8l2.1-5.9l1.2,5.9H42.1L42.1,17.8z M25.1,7.7l-3.3,15.6  h-4l3.3-15.6L25.1,7.7L25.1,7.7z" />
  </g>

</svg>