rolldown

import type { SVGProps } from "react";

const Rolldown = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="0 0 100 100">
    <path
      fill="url(#a)"
      d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Z"
    />
    <path
      fill="#fff"
      d="M85 45.64H72.514l1.924-2.608L60.642 43l-6.739 9.347H67l-5.785 8.738h-9.882l12 10.248 24-10.248H75.457L85 45.64ZM82.333 32.333h-14L66.411 35h13.954l1.968-2.667ZM78.52 37.5H64.608L62.5 40.424h13.863L78.52 37.5ZM50.204 44.192c0 2.36-.64 4.496-1.92 6.407-1.28 1.91-3.143 3.315-5.59 4.215L51.334 71H37.33l-6.888-14.107h-4.63V71H13.333V32.333h23.772c2.785 0 5.157.543 7.114 1.63 1.995 1.049 3.482 2.491 4.46 4.327 1.017 1.799 1.525 3.766 1.525 5.902Zm-12.704.505c0-1.011-.339-1.854-1.017-2.529-.677-.674-1.505-1.011-2.484-1.011h-8.187v7.137h8.187c.979 0 1.807-.337 2.484-1.011.678-.712 1.017-1.574 1.017-2.586Z"
    />
    <defs>
      <linearGradient
        id="a"
        x1="50"
        x2="50"
        y1="0"
        y2="100"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#F0DB4F" />
        <stop offset=".92" stop-color="#FF5D13" />
      </linearGradient>
    </defs>
  </svg>
);

export { Rolldown };