forked from github/plane
70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
import React from "react";
|
|
|
|
import type { Props } from "./types";
|
|
|
|
export const CompletedStateIcon: React.FC<Props> = ({
|
|
width = "20",
|
|
height = "20",
|
|
className,
|
|
color = "#438af3",
|
|
}) => (
|
|
<svg
|
|
width={width}
|
|
height={height}
|
|
className={className}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 84.36 84.36"
|
|
>
|
|
<g id="Layer_2" data-name="Layer 2">
|
|
<g id="Layer_1-2" data-name="Layer 1">
|
|
<path
|
|
className="cls-1"
|
|
fill="none"
|
|
strokeWidth={3}
|
|
stroke={color}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M20.45,7.69a39.74,39.74,0,0,1,43.43.54"
|
|
/>
|
|
<path
|
|
className="cls-1"
|
|
fill="none"
|
|
strokeWidth={3}
|
|
stroke={color}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M76.67,20.45a39.76,39.76,0,0,1-.53,43.43"
|
|
/>
|
|
<path
|
|
className="cls-1"
|
|
fill="none"
|
|
strokeWidth={3}
|
|
stroke={color}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M63.92,76.67a39.78,39.78,0,0,1-43.44-.53"
|
|
/>
|
|
<path
|
|
className="cls-1"
|
|
fill="none"
|
|
strokeWidth={3}
|
|
stroke={color}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M7.69,63.92a39.75,39.75,0,0,1,.54-43.44"
|
|
/>
|
|
<circle className="cls-2" fill={color} cx="42.18" cy="42.18" r="31.04" />
|
|
<path
|
|
className="cls-3"
|
|
fill="none"
|
|
strokeWidth={3}
|
|
stroke="#ffffff"
|
|
strokeLinecap="square"
|
|
strokeMiterlimit={10}
|
|
d="M30.45,43.75l6.61,6.61L53.92,34"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
);
|