import { CSSProperties } from "react";

export function FavoriteIcon(props: { className?: string; style?: CSSProperties }) {
    return (
        <svg className={props.className} style={props.style} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" height="40" width="40">
            <path fill="currentColor" d="M19.958 35.875 17.583 33.708Q10.792 27.542 6.729 22.917Q2.667 18.292 2.667 13.333Q2.667 9.25 5.396 6.5Q8.125 3.75 12.208 3.75Q14.333 3.75 16.354 4.646Q18.375 5.542 19.958 7.542Q21.75 5.542 23.688 4.646Q25.625 3.75 27.75 3.75Q31.833 3.75 34.583 6.5Q37.333 9.25 37.333 13.333Q37.333 18.292 33.25 22.917Q29.167 27.542 22.375 33.708ZM20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208Q20 19.208 20 19.208ZM19.958 31Q26.125 25.333 29.896 21.25Q33.667 17.167 33.667 13.333Q33.667 10.75 32 9.083Q30.333 7.417 27.75 7.417Q25.792 7.417 24.062 8.646Q22.333 9.875 21.333 12.042H18.625Q17.667 9.875 15.896 8.646Q14.125 7.417 12.208 7.417Q9.667 7.417 8 9.083Q6.333 10.75 6.333 13.333Q6.333 17.167 10.083 21.25Q13.833 25.333 19.958 31Z" />
        </svg>
    );
}
