owncast/web/components/ui/ModIcon.tsx

32 lines
855 B
TypeScript
Raw Normal View History

/* eslint-disable react/require-default-props */
2022-07-02 10:56:03 +03:00
import { CSSProperties } from 'react';
interface Props {
style?: CSSProperties;
fill?: string;
stroke?: string;
2022-07-02 10:56:03 +03:00
}
export default function ModIcon({
style = { width: '1rem', height: '1rem' },
fill = 'none',
stroke = 'var(--color-owncast-gray-300)',
2022-07-02 10:56:03 +03:00
}: Props) {
return (
<svg
fill={fill}
stroke={stroke}
style={style}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
2022-07-02 10:13:50 +03:00
<title>This user has moderation rights</title>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
/>
</svg>
);
}