fleet/frontend/components/icons/SuccessOutline.tsx
Marko Lisica 8162d052bf
Icons improvements (making frontend consistent with Figma component library) (#14185)
# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [ ] Manual QA for all new/changed functionality

---------

Co-authored-by: Gabriel Hernandez <ghernandez345@gmail.com>
2023-10-31 16:06:38 +00:00

23 lines
579 B
TypeScript

import React from "react";
import { COLORS, Colors } from "styles/var/colors";
interface ICheckProps {
color?: Colors;
}
const SuccessOutline = ({ color = "status-success" }: ICheckProps) => {
return (
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="8" r="7" stroke={COLORS[color]} strokeWidth="2" />
<path
d="m5 9 2 2 4-6"
stroke={COLORS[color]}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default SuccessOutline;