ant-design/site/theme/template/IconDisplay/themeIcons.tsx

53 lines
1.4 KiB
TypeScript
Raw Normal View History

2018-09-01 16:16:11 +08:00
import * as React from 'react';
2019-10-30 16:28:28 +08:00
interface CustomIconComponentProps {
width: string | number;
height: string | number;
fill: string;
viewBox?: string;
className?: string;
style?: React.CSSProperties;
spin?: boolean;
rotate?: number;
['aria-hidden']?: React.AriaAttributes['aria-hidden'];
}
2018-09-01 16:16:11 +08:00
export const FilledIcon: React.FC<CustomIconComponentProps> = props => {
2018-12-07 16:17:45 +08:00
const path =
'M864 64H160C107 64 64 107 64 160v' +
2018-09-01 16:16:11 +08:00
'704c0 53 43 96 96 96h704c53 0 96-43 96-96V16' +
'0c0-53-43-96-96-96z';
return (
2019-06-19 19:09:08 +08:00
<svg {...(props as any)} viewBox="0 0 1024 1024">
2018-09-01 16:16:11 +08:00
<path d={path} />
</svg>
);
};
export const OutlinedIcon: React.FC<CustomIconComponentProps> = props => {
2018-12-07 16:17:45 +08:00
const path =
'M864 64H160C107 64 64 107 64 160v7' +
2018-09-01 16:16:11 +08:00
'04c0 53 43 96 96 96h704c53 0 96-43 96-96V160c' +
'0-53-43-96-96-96z m-12 800H172c-6.6 0-12-5.4-' +
'12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4' +
' 12 12v680c0 6.6-5.4 12-12 12z';
return (
2019-06-19 19:09:08 +08:00
<svg {...(props as any)} viewBox="0 0 1024 1024">
2018-09-01 16:16:11 +08:00
<path d={path} />
</svg>
);
};
export const TwoToneIcon: React.FC<CustomIconComponentProps> = props => {
2018-12-07 16:17:45 +08:00
const path =
'M16 512c0 273.932 222.066 496 496 49' +
2018-09-01 16:16:11 +08:00
'6s496-222.068 496-496S785.932 16 512 16 16 238.' +
'066 16 512z m496 368V144c203.41 0 368 164.622 3' +
'68 368 0 203.41-164.622 368-368 368z';
return (
2019-06-19 19:09:08 +08:00
<svg {...(props as any)} viewBox="0 0 1024 1024">
2018-09-01 16:16:11 +08:00
<path d={path} />
</svg>
);
};