fleet/frontend/components/icons/Close.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

29 lines
638 B
TypeScript

import React from "react";
import { COLORS, Colors } from "styles/var/colors";
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
interface IExProps {
color?: Colors;
size?: IconSizes;
}
const Close = ({ size = "medium", color = "core-fleet-blue" }: IExProps) => {
return (
<svg
width={ICON_SIZES[size]}
height={ICON_SIZES[size]}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 3L13 13M3 13L13 3"
stroke={COLORS[color]}
strokeWidth="2"
strokeLinecap="round"
/>
</svg>
);
};
export default Close;