Slider

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="b"
        x1="24"
        x2="24"
        y1="1.68"
        y2="47.149"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffeef1" />
        <stop offset="1" stop-color="#ffc6cf" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="32.5"
        x2="32.5"
        y1="12.149"
        y2="36.118"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd4685" />
        <stop offset="1" stop-color="#ff9d8c" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="10.5"
        x2="10.5"
        y1="12.149"
        y2="36.118"
        href="#a"
    />
    <linearGradient id="d" x1="19" x2="19" y1="12.149" y2="36.118" href="#a" />
    <path
        fill="url(#b)"
        d="M46.406 10.717a9.683 9.683 0 0 0-9.124-9.124 235.401 235.401 0 0 0-26.564 0 9.684 9.684 0 0 0-9.124 9.124 235.41 235.41 0 0 0 0 26.565 9.684 9.684 0 0 0 9.124 9.124 234.815 234.815 0 0 0 26.564 0 9.683 9.683 0 0 0 9.124-9.124 235.41 235.41 0 0 0 0-26.565z"
    />
    <g>
        <path
            fill="url(#a)"
            d="M35 20.25h-8.75v7.5H35A3.795 3.795 0 0 0 38.75 24 3.751 3.751 0 0 0 35 20.25z"
        />
        <path
            fill="url(#c)"
            d="M11.75 20.47A3.742 3.742 0 0 0 9.25 24a3.736 3.736 0 0 0 2.5 3.53z"
        />
        <path
            fill="url(#d)"
            d="M13.25 16v14.8a3.753 3.753 0 0 0 1.824 3.214l1.992 1.195a3.727 3.727 0 0 0 3.86.005l1.997-1.2A3.752 3.752 0 0 0 24.75 30.8V16A3.754 3.754 0 0 0 21 12.25h-4A3.754 3.754 0 0 0 13.25 16zM21 28.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 0 1.5zm0-4h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 0 1.5zm.75-4.75a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75z"
        />
    </g>
</svg>