Slider

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd3a84" />
        <stop offset="1" stop-color="#ffa68d" />
    </linearGradient>
    <path
        d="m15 497 49.948-149.845a76.74 76.74 0 0 1 38.483-44.371 76.745 76.745 0 0 0 40.13-50.026l15.759-63.035C162.658 176.369 174.657 167 188.423 167h135.153c13.766 0 25.766 9.369 29.104 22.724l15.759 63.035a76.74 76.74 0 0 0 40.129 50.026 76.74 76.74 0 0 1 38.483 44.371L497 497H15zm120 0 25.046-125.232a60.978 60.978 0 0 1 25.97-38.779 60.98 60.98 0 0 0 26.852-44.671L225 167m62 0 12.132 121.318a60.981 60.981 0 0 0 26.852 44.671 60.978 60.978 0 0 1 25.97 38.779L377 497M165 75h182c0-33.137-26.863-60-60-60h-62c-33.137 0-60 26.863-60 60zm30 88.823V75m122 92V75"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>