Does not work svg image in a safari

The gradient of the image in safari is not displayed. In other browsers everything works fine. I can not understand the problem

  <svg width="32" height="26" viewBox="0 0 32 26" xmlns="http://ift.tt/nvqhV5">
  <title>Group</title>
  <defs>
    <linearGradient x1="50.04%" y1="100%" x2="50.04%" y2="0%" id="a">
      <stop stop-color="#C44B52" offset="0%"/>
      <stop stop-color="#D14D53" offset="13.02%"/>
      <stop stop-color="#E04F54" offset="34.09%"/>
      <stop stop-color="#E85055" offset="59.42%"/>
      <stop stop-color="#EB5055" offset="100%"/>
    </linearGradient>
  </defs>
  <g fill-rule="nonzero" fill="none">
    <path fill="#EB5055" d="M32 13H7.602L0 26h24.438"/>
    <path fill="url(#a)" d="M24.438 0H0l7.602 13H32"/>
  </g>
</svg>