You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
798 B
29 lines
798 B
import { CSSProperties, FC } from 'react'; |
|
|
|
export type ModIconProps = { |
|
style?: CSSProperties; |
|
fill?: string; |
|
stroke?: string; |
|
}; |
|
|
|
export const ModIcon: FC<ModIconProps> = ({ |
|
style = { width: '1rem', height: '1rem' }, |
|
fill = 'none', |
|
stroke = 'var(--color-owncast-gray-300)', |
|
}: ModIconProps) => ( |
|
<svg |
|
fill={fill} |
|
stroke={stroke} |
|
style={style} |
|
viewBox="0 0 24 24" |
|
xmlns="http://www.w3.org/2000/svg" |
|
> |
|
<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> |
|
);
|
|
|