import { CSSProperties } from "react";

export function CheckCircleIcon(props: { className?: string; style?: CSSProperties }) {
    return (
        <svg className={props.className} style={props.style} xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 40 40" fill="currentColor">
            <path d="m17.542 23.25-3.709-3.708q-.458-.459-1.104-.459-.646 0-1.104.459-.458.458-.458 1.146 0 .687.416 1.145l4.875 4.834q.417.416 1.084.416.666 0 1.125-.416l9.708-9.709q.417-.458.417-1.104 0-.646-.459-1.104-.458-.458-1.145-.458-.688 0-1.146.458ZM20 36.958q-3.583 0-6.667-1.312-3.083-1.313-5.375-3.604-2.291-2.292-3.604-5.375Q3.042 23.583 3.042 20q0-3.542 1.312-6.646 1.313-3.104 3.604-5.375 2.292-2.271 5.375-3.604Q16.417 3.042 20 3.042q3.542 0 6.646 1.333t5.375 3.604q2.271 2.271 3.604 5.375 1.333 3.104 1.333 6.646 0 3.583-1.333 6.667-1.333 3.083-3.604 5.375-2.271 2.291-5.375 3.604-3.104 1.312-6.646 1.312Z" />
        </svg>
    );
}
