All files / src/components/elements/Icons GreenCircleCheck.tsx

0% Statements 0/2
0% Branches 0/8
0% Functions 0/1
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29                                                         
import { colors } from "../../../themes";
 
export interface GreenCircleCheckProps {
  color?: string | undefined;
  colorCheck?: string | undefined;
  size?: number | string;
}
 
export const GreenCircleCheck: React.FunctionComponent<GreenCircleCheckProps> = (props) => {
  return (
    <svg
      width={props.size || "24"}
      height={props.size || "24"}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 2C6.475 2 2 6.475 2 12C2 17.52 6.475 22 12 22C17.52 22 22 17.52 22 12C22 6.475 17.52 2 12 2ZM10 17L5 12L6.415 10.585L10 14.17L17.585 6.585L19 8L10 17Z"
        fill={props.color || "#DFF6EC"}
      />
      <path
        d="M10 17L5 12L6.415 10.585L10 14.17L17.585 6.58501L19 8.00001L10 17Z"
        fill={props.colorCheck || colors.success.base}
      />
    </svg>
  );
};