export const SettingsIcon = ({
    color = "#6B7280",
    width = "20",
    height = "20",
}) => {
    return (
        <svg
            width={width}
            height={height}
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12Z"
                stroke={color}
                stroke-width="1.5"
                stroke-miterlimit="10"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
            <path
                d="M3.33398 10.5868V9.41345C3.33398 8.72012 3.90065 8.14679 4.60065 8.14679C5.80732 8.14679 6.30065 7.29345 5.69398 6.24679C5.34732 5.64679 5.55398 4.86679 6.16065 4.52012L7.31398 3.86012C7.84065 3.54679 8.52065 3.73345 8.83398 4.26012L8.90732 4.38679C9.50732 5.43345 10.494 5.43345 11.1007 4.38679L11.174 4.26012C11.4873 3.73345 12.1673 3.54679 12.694 3.86012L13.8473 4.52012C14.454 4.86679 14.6607 5.64679 14.314 6.24679C13.7073 7.29345 14.2007 8.14679 15.4073 8.14679C16.1007 8.14679 16.674 8.71345 16.674 9.41345V10.5868C16.674 11.2801 16.1073 11.8535 15.4073 11.8535C14.2007 11.8535 13.7073 12.7068 14.314 13.7535C14.6607 14.3601 14.454 15.1335 13.8473 15.4801L12.694 16.1401C12.1673 16.4535 11.4873 16.2668 11.174 15.7401L11.1007 15.6135C10.5007 14.5668 9.51398 14.5668 8.90732 15.6135L8.83398 15.7401C8.52065 16.2668 7.84065 16.4535 7.31398 16.1401L6.16065 15.4801C5.55398 15.1335 5.34732 14.3535 5.69398 13.7535C6.30065 12.7068 5.80732 11.8535 4.60065 11.8535C3.90065 11.8535 3.33398 11.2801 3.33398 10.5868Z"
                stroke={color}
                stroke-width="1.5"
                stroke-miterlimit="10"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </svg>
    );
};