Spaces:
Running
Running
File size: 4,218 Bytes
9cd6ddb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
import { forwardRef } from "react";
export const Circle = forwardRef((props: any, ref) => (
<circle ref={ref} cx="85" cy="85" r="85" viewBox="0 0 170 170" {...props} />
));
export const Badge = forwardRef((props: any, ref) => (
<path
ref={ref}
d="M153.57762,58.8742304 C151.142578,50.889273 158.447705,37.9778848 153.57762,31.4089329 C148.707535,24.839981 134.040651,27.7280547 127.415071,22.9145986 C120.846119,18.1577713 118.807478,2.86800352 111.162578,0.772734381 C103.517677,-1.37916365 93.4377332,9.26709137 84.9433989,9.26709137 C76.4490645,9.26709137 66.6522656,-2.51174156 58.7242202,0.489589337 C50.7394893,3.49092137 49.1538802,18.2144002 42.4716717,22.9712275 C35.7894609,27.7846836 20.7828035,25.2363833 16.1392352,31.4655618 C11.4956647,37.6947403 18.6875355,51.398933 16.1392352,58.9308593 C13.5909349,66.4625024 0,72.7477435 0,81.0721912 C0,89.4532677 13.9307072,95.286044 16.3657497,103.214089 C18.8007922,111.142135 11.4956647,124.110152 16.3657497,130.679104 C21.2924636,137.248056 35.9027187,134.359982 42.5282994,139.173438 C49.0972513,143.930265 51.2491505,159.220633 58.8941069,161.315902 C66.5390078,163.411172 76.6189512,152.821568 85.1132855,152.821568 C93.6076199,152.821568 103.404419,163.977461 111.332464,161.315902 C119.317138,158.654344 121.129263,143.873636 127.698215,139.173438 C134.267167,134.359982 149.160566,136.908282 153.860765,130.679104 C158.504334,124.449925 151.312464,110.745732 153.860765,103.214089 C156.409065,95.6824462 170,89.3966388 170,81.0721912 C169.886742,72.6911146 156.012663,66.8022758 153.57762,58.8742304 Z"
viewBox="0 0 170 162"
{...props}
/>
));
export const Shield2 = forwardRef((props: any, ref) => (
<path
ref={ref}
d="M84.9885527,0 L93.479385,4.05205416 L95.6022491,5.05564833 C97.3606141,5.88161997 99.092247,6.68169978 100.797054,7.45588988 L100.797054,7.45588988 L102.829941,8.37249111 C104.513273,9.12596983 106.169743,9.85355973 107.799257,10.5552629 L107.799257,10.5552629 L109.741729,11.3848812 C113.279186,12.8830683 116.686,14.2559679 119.96118,15.5036026 L119.96118,15.5036026 L121.734582,16.1717078 C122.614749,16.499549 123.485112,16.8180734 124.345652,17.1272813 C133.102583,20.2738117 142.998103,22.4938063 154.044271,23.7549991 L154.044271,23.7549991 L170,25.5767398 L169.218886,41.6171231 C167.92794,68.1270232 160.461579,93.2440699 146.909096,116.757897 C133.089143,140.735788 114.909507,157.906328 92.4694616,167.76337 L92.4694616,167.76337 L85.0363737,170.993973 L78.2295636,168.067042 C55.5058081,158.295815 37.0684963,141.009296 23.090904,116.757897 C9.53842111,93.2440699 2.07206015,68.1270232 0.781114405,41.6171231 L0.781114405,41.6171231 L0,25.5767398 L15.9557293,23.7549991 C27.0018972,22.4938063 36.8974173,20.2738117 45.6543487,17.1272813 C52.2537556,14.75599 59.4304985,11.836951 67.1756486,8.36998914 L67.1756486,8.36998914 L69.2090107,7.45313493 C69.8910922,7.14337372 70.5774658,6.82946928 71.2681253,6.51142155 L71.2681253,6.51142155 L73.3529571,5.54484829 C74.7514102,4.89217932 76.1669839,4.22293666 77.5996328,3.53711935 L77.5996328,3.53711935 L84.9885527,0 Z"
viewBox="0 0 170 171"
{...props}
/>
));
export const Shield3 = forwardRef((props: any, ref) => (
<path
ref={ref}
d="M169.884757,34.2381273 C150.508577,34.2381273 134.823371,19.3666292 132.632472,0 L37.2522846,0 C36.4810788,9.34205498 32.220501,18.0512006 25.3185393,24.3940449 C18.4147431,30.7385318 9.37628395,34.2527684 0,34.2381273 L0,43.2296629 C0,87.1514232 20.8749813,128.190824 57.4358052,157.241086 L85,178.913858 L112.564195,157.241086 C149.125019,128.882285 170,87.1514232 170,43.2296629 L169.884757,43.2296629 L169.884757,34.2381273 Z"
viewBox="0 0 170 179"
{...props}
/>
));
export const ShapeIcons = [
{
component: Circle,
name: "Circle",
tags: ["shape", "circle", "round"],
category: "shape",
},
{
component: Badge,
name: "Badge",
tags: ["shape", "badge", "round"],
category: "shape",
},
{
component: Shield2,
name: "Shield2",
tags: ["shape", "shield", "moderator"],
category: "shape",
},
{
component: Shield3,
name: "Shield3",
tags: ["shape", "shield", "moderator"],
category: "shape",
},
];
|