How to use classes method in storybook-root

Best JavaScript code snippet using storybook-root

Icons.js

Source:Icons.js

1import React, { useState } from "react";2import {3 Typography,4 Grid,5 Tabs,6 Tab,7 Paper,8 Menu,9 MenuItem,10 Button11} from "@material-ui/core";12import * as Icons from "@material-ui/icons";13// styles14import useStyles from "./styles";15// components16import PageTitle from "../../components/PageTitle/PageTitle";17// icons sets18import "font-awesome/css/font-awesome.min.css";19export default function IconsPage () {20 const [anchorEl, setAnchorEl] = React.useState(null)21 const handleClick = (e) => {22 setAnchorEl(e.currentTarget)23 }24 const handleClose = () => {25 setAnchorEl(null)26 }27 var classes = useStyles();28 // local29 var [activeTabId, setActiveTabId] = useState(0);30 return (31 <>32 <PageTitle title="Icons" button={(33 <>34 <Button35 variant="contained"36 size="medium"37 color="secondary"38 onClick={e => handleClick(e)}39 >40 Actions41 </Button>42 <Menu43 id="simple-menu"44 anchorEl={anchorEl}45 keepMounted46 open={Boolean(anchorEl)}47 onClose={handleClose}48 >49 <MenuItem onClick={handleClose}><Icons.Print style={{marginRight: 16}}/> Print PDF</MenuItem>50 <MenuItem onClick={handleClose}><Icons.GetApp style={{marginRight: 16}}/> Download</MenuItem>51 <MenuItem onClick={handleClose}><Icons.Email style={{marginRight: 16}}/>Send by mail</MenuItem>52 <MenuItem onClick={handleClose}><Icons.Share style={{marginRight: 16}}/>Share</MenuItem>53 </Menu>54 </>55 )} />56 <Paper className={classes.iconsContainer}>57 <Tabs58 indicatorColor="primary"59 textColor="primary"60 value={activeTabId}61 onChange={(e, id) => setActiveTabId(id)}62 className={classes.iconsBar}63 >64 <Tab label="Material Icons" classes={{ root: classes.tab }} />65 <Tab label="Font Awesome" classes={{ root: classes.tab }} />66 </Tabs>67 {activeTabId === 0 && (68 <div>69 <Grid container spacing={2} className="icon-list">70 <Grid71 className={classes.materailIcon}72 item73 md={3}74 lg={2}75 sm={4}76 xs={12}77 >78 <Icons.AccessAlarm />79 <Typography className={classes.materialIconText}>80 AccessAlarm81 </Typography>82 </Grid>83 <Grid84 className={classes.materailIcon}85 item86 md={3}87 lg={2}88 sm={4}89 xs={12}90 >91 <Icons.AccessAlarms />92 <Typography className={classes.materialIconText}>93 AccessAlarms94 </Typography>95 </Grid>96 <Grid97 className={classes.materailIcon}98 item99 md={3}100 lg={2}101 sm={4}102 xs={12}103 >104 <Icons.Accessibility />105 <Typography className={classes.materialIconText}>106 Accessibility107 </Typography>108 </Grid>109 <Grid110 className={classes.materailIcon}111 item112 md={3}113 lg={2}114 sm={4}115 xs={12}116 >117 <Icons.Accessible />118 <Typography className={classes.materialIconText}>119 Accessible120 </Typography>121 </Grid>122 <Grid123 className={classes.materailIcon}124 item125 md={3}126 lg={2}127 sm={4}128 xs={12}129 >130 <Icons.AccessibleForward />131 <Typography className={classes.materialIconText}>132 AccessibleForward133 </Typography>134 </Grid>135 <Grid136 className={classes.materailIcon}137 item138 md={3}139 lg={2}140 sm={4}141 xs={12}142 >143 <Icons.AccessTime />144 <Typography className={classes.materialIconText}>145 AccessTime146 </Typography>147 </Grid>148 <Grid149 className={classes.materailIcon}150 item151 md={3}152 lg={2}153 sm={4}154 xs={12}155 >156 <Icons.AccountBalance />157 <Typography className={classes.materialIconText}>158 AccountBalance159 </Typography>160 </Grid>161 <Grid162 className={classes.materailIcon}163 item164 md={3}165 lg={2}166 sm={4}167 xs={12}168 >169 <Icons.AccountBalanceWallet />170 <Typography className={classes.materialIconText}>171 AccountBalanceWallet172 </Typography>173 </Grid>174 <Grid175 className={classes.materailIcon}176 item177 md={3}178 lg={2}179 sm={4}180 xs={12}181 >182 <Icons.AccountBox />183 <Typography className={classes.materialIconText}>184 AccountBox185 </Typography>186 </Grid>187 <Grid188 className={classes.materailIcon}189 item190 md={3}191 lg={2}192 sm={4}193 xs={12}194 >195 <Icons.AccountCircle />196 <Typography className={classes.materialIconText}>197 AccountCircle198 </Typography>199 </Grid>200 <Grid201 className={classes.materailIcon}202 item203 md={3}204 lg={2}205 sm={4}206 xs={12}207 >208 <Icons.AcUnit />209 <Typography className={classes.materialIconText}>210 AcUnit211 </Typography>212 </Grid>213 <Grid214 className={classes.materailIcon}215 item216 md={3}217 lg={2}218 sm={4}219 xs={12}220 >221 <Icons.Adb />222 <Typography className={classes.materialIconText}>Adb</Typography>223 </Grid>224 <Grid225 className={classes.materailIcon}226 item227 md={3}228 lg={2}229 sm={4}230 xs={12}231 >232 <Icons.Adjust />233 <Typography className={classes.materialIconText}>234 Adjust235 </Typography>236 </Grid>237 <Grid238 className={classes.materailIcon}239 item240 md={3}241 lg={2}242 sm={4}243 xs={12}244 >245 <Icons.AirlineSeatFlat />246 <Typography className={classes.materialIconText}>247 AirlineSeatFlat248 </Typography>249 </Grid>250 <Grid251 className={classes.materailIcon}252 item253 md={3}254 lg={2}255 sm={4}256 xs={12}257 >258 <Icons.AirlineSeatFlatAngled />259 <Typography className={classes.materialIconText}>260 AirlineSeatFlatAngled261 </Typography>262 </Grid>263 <Grid264 className={classes.materailIcon}265 item266 md={3}267 lg={2}268 sm={4}269 xs={12}270 >271 <Icons.AirlineSeatIndividualSuite />272 <Typography className={classes.materialIconText}>273 AirlineSeatIndividualSuite274 </Typography>275 </Grid>276 <Grid277 className={classes.materailIcon}278 item279 md={3}280 lg={2}281 sm={4}282 xs={12}283 >284 <Icons.AirlineSeatLegroomExtra />285 <Typography className={classes.materialIconText}>286 AirlineSeatLegroomExtra287 </Typography>288 </Grid>289 <Grid290 className={classes.materailIcon}291 item292 md={3}293 lg={2}294 sm={4}295 xs={12}296 >297 <Icons.AirlineSeatLegroomNormal />298 <Typography className={classes.materialIconText}>299 AirlineSeatLegroomNormal300 </Typography>301 </Grid>302 <Grid303 className={classes.materailIcon}304 item305 md={3}306 lg={2}307 sm={4}308 xs={12}309 >310 <Icons.AirlineSeatLegroomReduced />311 <Typography className={classes.materialIconText}>312 AirlineSeatLegroomReduced313 </Typography>314 </Grid>315 <Grid316 className={classes.materailIcon}317 item318 md={3}319 lg={2}320 sm={4}321 xs={12}322 >323 <Icons.AirlineSeatReclineExtra />324 <Typography className={classes.materialIconText}>325 AirlineSeatReclineExtra326 </Typography>327 </Grid>328 <Grid329 className={classes.materailIcon}330 item331 md={3}332 lg={2}333 sm={4}334 xs={12}335 >336 <Icons.AirlineSeatReclineNormal />337 <Typography className={classes.materialIconText}>338 AirlineSeatReclineNormal339 </Typography>340 </Grid>341 <Grid342 className={classes.materailIcon}343 item344 md={3}345 lg={2}346 sm={4}347 xs={12}348 >349 <Icons.AirplanemodeActive />350 <Typography className={classes.materialIconText}>351 AirplanemodeActive352 </Typography>353 </Grid>354 <Grid355 className={classes.materailIcon}356 item357 md={3}358 lg={2}359 sm={4}360 xs={12}361 >362 <Icons.AirplanemodeInactive />363 <Typography className={classes.materialIconText}>364 AirplanemodeInactive365 </Typography>366 </Grid>367 <Grid368 className={classes.materailIcon}369 item370 md={3}371 lg={2}372 sm={4}373 xs={12}374 >375 <Icons.Airplay />376 <Typography className={classes.materialIconText}>377 Airplay378 </Typography>379 </Grid>380 <Grid381 className={classes.materailIcon}382 item383 md={3}384 lg={2}385 sm={4}386 xs={12}387 >388 <Icons.AirportShuttle />389 <Typography className={classes.materialIconText}>390 AirportShuttle391 </Typography>392 </Grid>393 <Grid394 className={classes.materailIcon}395 item396 md={3}397 lg={2}398 sm={4}399 xs={12}400 >401 <Icons.Alarm />402 <Typography className={classes.materialIconText}>403 Alarm404 </Typography>405 </Grid>406 <Grid407 className={classes.materailIcon}408 item409 md={3}410 lg={2}411 sm={4}412 xs={12}413 >414 <Icons.Album />415 <Typography className={classes.materialIconText}>416 Album417 </Typography>418 </Grid>419 <Grid420 className={classes.materailIcon}421 item422 md={3}423 lg={2}424 sm={4}425 xs={12}426 >427 <Icons.AllInbox />428 <Typography className={classes.materialIconText}>429 AllInbox430 </Typography>431 </Grid>432 <Grid433 className={classes.materailIcon}434 item435 md={3}436 lg={2}437 sm={4}438 xs={12}439 >440 <Icons.AllInclusive />441 <Typography className={classes.materialIconText}>442 AllInclusive443 </Typography>444 </Grid>445 <Grid446 className={classes.materailIcon}447 item448 md={3}449 lg={2}450 sm={4}451 xs={12}452 >453 <Icons.AllOut />454 <Typography className={classes.materialIconText}>455 AllOut456 </Typography>457 </Grid>458 <Grid459 className={classes.materailIcon}460 item461 md={3}462 lg={2}463 sm={4}464 xs={12}465 >466 <Icons.AlternateEmail />467 <Typography className={classes.materialIconText}>468 AlternateEmail469 </Typography>470 </Grid>471 <Grid472 className={classes.materailIcon}473 item474 md={3}475 lg={2}476 sm={4}477 xs={12}478 >479 <Icons.Android />480 <Typography className={classes.materialIconText}>481 Android482 </Typography>483 </Grid>484 <Grid485 className={classes.materailIcon}486 item487 md={3}488 lg={2}489 sm={4}490 xs={12}491 >492 <Icons.Announcement />493 <Typography className={classes.materialIconText}>494 Announcement495 </Typography>496 </Grid>497 <Grid498 className={classes.materailIcon}499 item500 md={3}501 lg={2}502 sm={4}503 xs={12}504 >505 <Icons.Apps />506 <Typography className={classes.materialIconText}>Apps</Typography>507 </Grid>508 <Grid509 className={classes.materailIcon}510 item511 md={3}512 lg={2}513 sm={4}514 xs={12}515 >516 <Icons.Archive />517 <Typography className={classes.materialIconText}>518 Archive519 </Typography>520 </Grid>521 <Grid522 className={classes.materailIcon}523 item524 md={3}525 lg={2}526 sm={4}527 xs={12}528 >529 <Icons.ArrowBack />530 <Typography className={classes.materialIconText}>531 ArrowBack532 </Typography>533 </Grid>534 <Grid535 className={classes.materailIcon}536 item537 md={3}538 lg={2}539 sm={4}540 xs={12}541 >542 <Icons.ArrowBackIos />543 <Typography className={classes.materialIconText}>544 ArrowBackIos545 </Typography>546 </Grid>547 <Grid548 className={classes.materailIcon}549 item550 md={3}551 lg={2}552 sm={4}553 xs={12}554 >555 <Icons.ArrowDownward />556 <Typography className={classes.materialIconText}>557 ArrowDownward558 </Typography>559 </Grid>560 <Grid561 className={classes.materailIcon}562 item563 md={3}564 lg={2}565 sm={4}566 xs={12}567 >568 <Icons.ArrowDropDown />569 <Typography className={classes.materialIconText}>570 ArrowDropDown571 </Typography>572 </Grid>573 <Grid574 className={classes.materailIcon}575 item576 md={3}577 lg={2}578 sm={4}579 xs={12}580 >581 <Icons.ArrowDropDownCircle />582 <Typography className={classes.materialIconText}>583 ArrowDropDownCircle584 </Typography>585 </Grid>586 <Grid587 className={classes.materailIcon}588 item589 md={3}590 lg={2}591 sm={4}592 xs={12}593 >594 <Icons.ArrowDropUp />595 <Typography className={classes.materialIconText}>596 ArrowDropUp597 </Typography>598 </Grid>599 <Grid600 className={classes.materailIcon}601 item602 md={3}603 lg={2}604 sm={4}605 xs={12}606 >607 <Icons.ArrowForward />608 <Typography className={classes.materialIconText}>609 ArrowForward610 </Typography>611 </Grid>612 <Grid613 className={classes.materailIcon}614 item615 md={3}616 lg={2}617 sm={4}618 xs={12}619 >620 <Icons.ArrowForwardIos />621 <Typography className={classes.materialIconText}>622 ArrowForwardIos623 </Typography>624 </Grid>625 <Grid626 className={classes.materailIcon}627 item628 md={3}629 lg={2}630 sm={4}631 xs={12}632 >633 <Icons.ArrowLeft />634 <Typography className={classes.materialIconText}>635 ArrowLeft636 </Typography>637 </Grid>638 <Grid639 className={classes.materailIcon}640 item641 md={3}642 lg={2}643 sm={4}644 xs={12}645 >646 <Icons.ArrowRight />647 <Typography className={classes.materialIconText}>648 ArrowRight649 </Typography>650 </Grid>651 <Grid652 className={classes.materailIcon}653 item654 md={3}655 lg={2}656 sm={4}657 xs={12}658 >659 <Icons.ArrowRightAlt />660 <Typography className={classes.materialIconText}>661 ArrowRightAlt662 </Typography>663 </Grid>664 <Grid665 className={classes.materailIcon}666 item667 md={3}668 lg={2}669 sm={4}670 xs={12}671 >672 <Icons.ArrowUpward />673 <Typography className={classes.materialIconText}>674 ArrowUpward675 </Typography>676 </Grid>677 <Grid678 className={classes.materailIcon}679 item680 md={3}681 lg={2}682 sm={4}683 xs={12}684 >685 <Icons.ArtTrack />686 <Typography className={classes.materialIconText}>687 ArtTrack688 </Typography>689 </Grid>690 <Grid691 className={classes.materailIcon}692 item693 md={3}694 lg={2}695 sm={4}696 xs={12}697 >698 <Icons.AspectRatio />699 <Typography className={classes.materialIconText}>700 AspectRatio701 </Typography>702 </Grid>703 <Grid704 className={classes.materailIcon}705 item706 md={3}707 lg={2}708 sm={4}709 xs={12}710 >711 <Icons.Assessment />712 <Typography className={classes.materialIconText}>713 Assessment714 </Typography>715 </Grid>716 <Grid717 className={classes.materailIcon}718 item719 md={3}720 lg={2}721 sm={4}722 xs={12}723 >724 <Icons.Assignment />725 <Typography className={classes.materialIconText}>726 Assignment727 </Typography>728 </Grid>729 <Grid730 className={classes.materailIcon}731 item732 md={3}733 lg={2}734 sm={4}735 xs={12}736 >737 <Icons.AssignmentInd />738 <Typography className={classes.materialIconText}>739 AssignmentInd740 </Typography>741 </Grid>742 <Grid743 className={classes.materailIcon}744 item745 md={3}746 lg={2}747 sm={4}748 xs={12}749 >750 <Icons.AssignmentLate />751 <Typography className={classes.materialIconText}>752 AssignmentLate753 </Typography>754 </Grid>755 <Grid756 className={classes.materailIcon}757 item758 md={3}759 lg={2}760 sm={4}761 xs={12}762 >763 <Icons.AssignmentReturn />764 <Typography className={classes.materialIconText}>765 AssignmentReturn766 </Typography>767 </Grid>768 <Grid769 className={classes.materailIcon}770 item771 md={3}772 lg={2}773 sm={4}774 xs={12}775 >776 <Icons.AssignmentReturned />777 <Typography className={classes.materialIconText}>778 AssignmentReturned779 </Typography>780 </Grid>781 <Grid782 className={classes.materailIcon}783 item784 md={3}785 lg={2}786 sm={4}787 xs={12}788 >789 <Icons.AssignmentTurnedIn />790 <Typography className={classes.materialIconText}>791 AssignmentTurnedIn792 </Typography>793 </Grid>794 <Grid795 className={classes.materailIcon}796 item797 md={3}798 lg={2}799 sm={4}800 xs={12}801 >802 <Icons.Assistant />803 <Typography className={classes.materialIconText}>804 Assistant805 </Typography>806 </Grid>807 <Grid808 className={classes.materailIcon}809 item810 md={3}811 lg={2}812 sm={4}813 xs={12}814 >815 <Icons.AssistantPhoto />816 <Typography className={classes.materialIconText}>817 AssistantPhoto818 </Typography>819 </Grid>820 <Grid821 className={classes.materailIcon}822 item823 md={3}824 lg={2}825 sm={4}826 xs={12}827 >828 <Icons.Atm />829 <Typography className={classes.materialIconText}>Atm</Typography>830 </Grid>831 <Grid832 className={classes.materailIcon}833 item834 md={3}835 lg={2}836 sm={4}837 xs={12}838 >839 <Icons.AttachFile />840 <Typography className={classes.materialIconText}>841 AttachFile842 </Typography>843 </Grid>844 <Grid845 className={classes.materailIcon}846 item847 md={3}848 lg={2}849 sm={4}850 xs={12}851 >852 <Icons.Attachment />853 <Typography className={classes.materialIconText}>854 Attachment855 </Typography>856 </Grid>857 <Grid858 className={classes.materailIcon}859 item860 md={3}861 lg={2}862 sm={4}863 xs={12}864 >865 <Icons.AttachMoney />866 <Typography className={classes.materialIconText}>867 AttachMoney868 </Typography>869 </Grid>870 <Grid871 className={classes.materailIcon}872 item873 md={3}874 lg={2}875 sm={4}876 xs={12}877 >878 <Icons.Audiotrack />879 <Typography className={classes.materialIconText}>880 Audiotrack881 </Typography>882 </Grid>883 <Grid884 className={classes.materailIcon}885 item886 md={3}887 lg={2}888 sm={4}889 xs={12}890 >891 <Icons.Autorenew />892 <Typography className={classes.materialIconText}>893 Autorenew894 </Typography>895 </Grid>896 <Grid897 className={classes.materailIcon}898 item899 md={3}900 lg={2}901 sm={4}902 xs={12}903 >904 <Icons.AvTimer />905 <Typography className={classes.materialIconText}>906 AvTimer907 </Typography>908 </Grid>909 <Grid910 className={classes.materailIcon}911 item912 md={3}913 lg={2}914 sm={4}915 xs={12}916 >917 <Icons.Backspace />918 <Typography className={classes.materialIconText}>919 Backspace920 </Typography>921 </Grid>922 <Grid923 className={classes.materailIcon}924 item925 md={3}926 lg={2}927 sm={4}928 xs={12}929 >930 <Icons.Backup />931 <Typography className={classes.materialIconText}>932 Backup933 </Typography>934 </Grid>935 <Grid936 className={classes.materailIcon}937 item938 md={3}939 lg={2}940 sm={4}941 xs={12}942 >943 <Icons.Ballot />944 <Typography className={classes.materialIconText}>945 Ballot946 </Typography>947 </Grid>948 <Grid949 className={classes.materailIcon}950 item951 md={3}952 lg={2}953 sm={4}954 xs={12}955 >956 <Icons.BarChart />957 <Typography className={classes.materialIconText}>958 BarChart959 </Typography>960 </Grid>961 <Grid962 className={classes.materailIcon}963 item964 md={3}965 lg={2}966 sm={4}967 xs={12}968 >969 <Icons.Battery20 />970 <Typography className={classes.materialIconText}>971 Battery20972 </Typography>973 </Grid>974 <Grid975 className={classes.materailIcon}976 item977 md={3}978 lg={2}979 sm={4}980 xs={12}981 >982 <Icons.Battery30 />983 <Typography className={classes.materialIconText}>984 Battery30985 </Typography>986 </Grid>987 <Grid988 className={classes.materailIcon}989 item990 md={3}991 lg={2}992 sm={4}993 xs={12}994 >995 <Icons.Battery50 />996 <Typography className={classes.materialIconText}>997 Battery50998 </Typography>999 </Grid>1000 <Grid1001 className={classes.materailIcon}1002 item1003 md={3}1004 lg={2}1005 sm={4}1006 xs={12}1007 >1008 <Icons.Battery60 />1009 <Typography className={classes.materialIconText}>1010 Battery601011 </Typography>1012 </Grid>1013 <Grid1014 className={classes.materailIcon}1015 item1016 md={3}1017 lg={2}1018 sm={4}1019 xs={12}1020 >1021 <Icons.Battery80 />1022 <Typography className={classes.materialIconText}>1023 Battery801024 </Typography>1025 </Grid>1026 <Grid1027 className={classes.materailIcon}1028 item1029 md={3}1030 lg={2}1031 sm={4}1032 xs={12}1033 >1034 <Icons.Battery90 />1035 <Typography className={classes.materialIconText}>1036 Battery901037 </Typography>1038 </Grid>1039 <Grid1040 className={classes.materailIcon}1041 item1042 md={3}1043 lg={2}1044 sm={4}1045 xs={12}1046 >1047 <Icons.BatteryAlert />1048 <Typography className={classes.materialIconText}>1049 BatteryAlert1050 </Typography>1051 </Grid>1052 <Grid1053 className={classes.materailIcon}1054 item1055 md={3}1056 lg={2}1057 sm={4}1058 xs={12}1059 >1060 <Icons.BatteryCharging20 />1061 <Typography className={classes.materialIconText}>1062 BatteryCharging201063 </Typography>1064 </Grid>1065 <Grid1066 className={classes.materailIcon}1067 item1068 md={3}1069 lg={2}1070 sm={4}1071 xs={12}1072 >1073 <Icons.BatteryCharging30 />1074 <Typography className={classes.materialIconText}>1075 BatteryCharging301076 </Typography>1077 </Grid>1078 <Grid1079 className={classes.materailIcon}1080 item1081 md={3}1082 lg={2}1083 sm={4}1084 xs={12}1085 >1086 <Icons.BatteryCharging50 />1087 <Typography className={classes.materialIconText}>1088 BatteryCharging501089 </Typography>1090 </Grid>1091 <Grid1092 className={classes.materailIcon}1093 item1094 md={3}1095 lg={2}1096 sm={4}1097 xs={12}1098 >1099 <Icons.BatteryCharging60 />1100 <Typography className={classes.materialIconText}>1101 BatteryCharging601102 </Typography>1103 </Grid>1104 <Grid1105 className={classes.materailIcon}1106 item1107 md={3}1108 lg={2}1109 sm={4}1110 xs={12}1111 >1112 <Icons.BatteryCharging80 />1113 <Typography className={classes.materialIconText}>1114 BatteryCharging801115 </Typography>1116 </Grid>1117 <Grid1118 className={classes.materailIcon}1119 item1120 md={3}1121 lg={2}1122 sm={4}1123 xs={12}1124 >1125 <Icons.BatteryCharging90 />1126 <Typography className={classes.materialIconText}>1127 BatteryCharging901128 </Typography>1129 </Grid>1130 <Grid1131 className={classes.materailIcon}1132 item1133 md={3}1134 lg={2}1135 sm={4}1136 xs={12}1137 >1138 <Icons.BatteryChargingFull />1139 <Typography className={classes.materialIconText}>1140 BatteryChargingFull1141 </Typography>1142 </Grid>1143 <Grid1144 className={classes.materailIcon}1145 item1146 md={3}1147 lg={2}1148 sm={4}1149 xs={12}1150 >1151 <Icons.BatteryFull />1152 <Typography className={classes.materialIconText}>1153 BatteryFull1154 </Typography>1155 </Grid>1156 <Grid1157 className={classes.materailIcon}1158 item1159 md={3}1160 lg={2}1161 sm={4}1162 xs={12}1163 >1164 <Icons.BatteryStd />1165 <Typography className={classes.materialIconText}>1166 BatteryStd1167 </Typography>1168 </Grid>1169 <Grid1170 className={classes.materailIcon}1171 item1172 md={3}1173 lg={2}1174 sm={4}1175 xs={12}1176 >1177 <Icons.BatteryUnknown />1178 <Typography className={classes.materialIconText}>1179 BatteryUnknown1180 </Typography>1181 </Grid>1182 <Grid1183 className={classes.materailIcon}1184 item1185 md={3}1186 lg={2}1187 sm={4}1188 xs={12}1189 >1190 <Icons.BeachAccess />1191 <Typography className={classes.materialIconText}>1192 BeachAccess1193 </Typography>1194 </Grid>1195 <Grid1196 className={classes.materailIcon}1197 item1198 md={3}1199 lg={2}1200 sm={4}1201 xs={12}1202 >1203 <Icons.Beenhere />1204 <Typography className={classes.materialIconText}>1205 Beenhere1206 </Typography>1207 </Grid>1208 <Grid1209 className={classes.materailIcon}1210 item1211 md={3}1212 lg={2}1213 sm={4}1214 xs={12}1215 >1216 <Icons.Block />1217 <Typography className={classes.materialIconText}>1218 Block1219 </Typography>1220 </Grid>1221 <Grid1222 className={classes.materailIcon}1223 item1224 md={3}1225 lg={2}1226 sm={4}1227 xs={12}1228 >1229 <Icons.Bluetooth />1230 <Typography className={classes.materialIconText}>1231 Bluetooth1232 </Typography>1233 </Grid>1234 <Grid1235 className={classes.materailIcon}1236 item1237 md={3}1238 lg={2}1239 sm={4}1240 xs={12}1241 >1242 <Icons.BluetoothAudio />1243 <Typography className={classes.materialIconText}>1244 BluetoothAudio1245 </Typography>1246 </Grid>1247 <Grid1248 className={classes.materailIcon}1249 item1250 md={3}1251 lg={2}1252 sm={4}1253 xs={12}1254 >1255 <Icons.BluetoothConnected />1256 <Typography className={classes.materialIconText}>1257 BluetoothConnected1258 </Typography>1259 </Grid>1260 <Grid1261 className={classes.materailIcon}1262 item1263 md={3}1264 lg={2}1265 sm={4}1266 xs={12}1267 >1268 <Icons.BluetoothDisabled />1269 <Typography className={classes.materialIconText}>1270 BluetoothDisabled1271 </Typography>1272 </Grid>1273 <Grid1274 className={classes.materailIcon}1275 item1276 md={3}1277 lg={2}1278 sm={4}1279 xs={12}1280 >1281 <Icons.BluetoothSearching />1282 <Typography className={classes.materialIconText}>1283 BluetoothSearching1284 </Typography>1285 </Grid>1286 <Grid1287 className={classes.materailIcon}1288 item1289 md={3}1290 lg={2}1291 sm={4}1292 xs={12}1293 >1294 <Icons.BlurCircular />1295 <Typography className={classes.materialIconText}>1296 BlurCircular1297 </Typography>1298 </Grid>1299 <Grid1300 className={classes.materailIcon}1301 item1302 md={3}1303 lg={2}1304 sm={4}1305 xs={12}1306 >1307 <Icons.BlurLinear />1308 <Typography className={classes.materialIconText}>1309 BlurLinear1310 </Typography>1311 </Grid>1312 <Grid1313 className={classes.materailIcon}1314 item1315 md={3}1316 lg={2}1317 sm={4}1318 xs={12}1319 >1320 <Icons.Book />1321 <Typography className={classes.materialIconText}>Book</Typography>1322 </Grid>1323 <Grid1324 className={classes.materailIcon}1325 item1326 md={3}1327 lg={2}1328 sm={4}1329 xs={12}1330 >1331 <Icons.Bookmark />1332 <Typography className={classes.materialIconText}>1333 Bookmark1334 </Typography>1335 </Grid>1336 <Grid1337 className={classes.materailIcon}1338 item1339 md={3}1340 lg={2}1341 sm={4}1342 xs={12}1343 >1344 <Icons.BookmarkBorder />1345 <Typography className={classes.materialIconText}>1346 BookmarkBorder1347 </Typography>1348 </Grid>1349 <Grid1350 className={classes.materailIcon}1351 item1352 md={3}1353 lg={2}1354 sm={4}1355 xs={12}1356 >1357 <Icons.Bookmarks />1358 <Typography className={classes.materialIconText}>1359 Bookmarks1360 </Typography>1361 </Grid>1362 <Grid1363 className={classes.materailIcon}1364 item1365 md={3}1366 lg={2}1367 sm={4}1368 xs={12}1369 >1370 <Icons.BorderAll />1371 <Typography className={classes.materialIconText}>1372 BorderAll1373 </Typography>1374 </Grid>1375 <Grid1376 className={classes.materailIcon}1377 item1378 md={3}1379 lg={2}1380 sm={4}1381 xs={12}1382 >1383 <Icons.BorderBottom />1384 <Typography className={classes.materialIconText}>1385 BorderBottom1386 </Typography>1387 </Grid>1388 <Grid1389 className={classes.materailIcon}1390 item1391 md={3}1392 lg={2}1393 sm={4}1394 xs={12}1395 >1396 <Icons.BorderClear />1397 <Typography className={classes.materialIconText}>1398 BorderClear1399 </Typography>1400 </Grid>1401 <Grid1402 className={classes.materailIcon}1403 item1404 md={3}1405 lg={2}1406 sm={4}1407 xs={12}1408 >1409 <Icons.BorderColor />1410 <Typography className={classes.materialIconText}>1411 BorderColor1412 </Typography>1413 </Grid>1414 <Grid1415 className={classes.materailIcon}1416 item1417 md={3}1418 lg={2}1419 sm={4}1420 xs={12}1421 >1422 <Icons.BorderHorizontal />1423 <Typography className={classes.materialIconText}>1424 BorderHorizontal1425 </Typography>1426 </Grid>1427 <Grid1428 className={classes.materailIcon}1429 item1430 md={3}1431 lg={2}1432 sm={4}1433 xs={12}1434 >1435 <Icons.BorderInner />1436 <Typography className={classes.materialIconText}>1437 BorderInner1438 </Typography>1439 </Grid>1440 <Grid1441 className={classes.materailIcon}1442 item1443 md={3}1444 lg={2}1445 sm={4}1446 xs={12}1447 >1448 <Icons.BorderLeft />1449 <Typography className={classes.materialIconText}>1450 BorderLeft1451 </Typography>1452 </Grid>1453 <Grid1454 className={classes.materailIcon}1455 item1456 md={3}1457 lg={2}1458 sm={4}1459 xs={12}1460 >1461 <Icons.BorderOuter />1462 <Typography className={classes.materialIconText}>1463 BorderOuter1464 </Typography>1465 </Grid>1466 <Grid1467 className={classes.materailIcon}1468 item1469 md={3}1470 lg={2}1471 sm={4}1472 xs={12}1473 >1474 <Icons.BorderRight />1475 <Typography className={classes.materialIconText}>1476 BorderRight1477 </Typography>1478 </Grid>1479 <Grid1480 className={classes.materailIcon}1481 item1482 md={3}1483 lg={2}1484 sm={4}1485 xs={12}1486 >1487 <Icons.BorderStyle />1488 <Typography className={classes.materialIconText}>1489 BorderStyle1490 </Typography>1491 </Grid>1492 <Grid1493 className={classes.materailIcon}1494 item1495 md={3}1496 lg={2}1497 sm={4}1498 xs={12}1499 >1500 <Icons.BorderTop />1501 <Typography className={classes.materialIconText}>1502 BorderTop1503 </Typography>1504 </Grid>1505 <Grid1506 className={classes.materailIcon}1507 item1508 md={3}1509 lg={2}1510 sm={4}1511 xs={12}1512 >1513 <Icons.BorderVertical />1514 <Typography className={classes.materialIconText}>1515 BorderVertical1516 </Typography>1517 </Grid>1518 <Grid1519 className={classes.materailIcon}1520 item1521 md={3}1522 lg={2}1523 sm={4}1524 xs={12}1525 >1526 <Icons.BrandingWatermark />1527 <Typography className={classes.materialIconText}>1528 BrandingWatermark1529 </Typography>1530 </Grid>1531 <Grid1532 className={classes.materailIcon}1533 item1534 md={3}1535 lg={2}1536 sm={4}1537 xs={12}1538 >1539 <Icons.Brightness1 />1540 <Typography className={classes.materialIconText}>1541 Brightness11542 </Typography>1543 </Grid>1544 <Grid1545 className={classes.materailIcon}1546 item1547 md={3}1548 lg={2}1549 sm={4}1550 xs={12}1551 >1552 <Icons.Brightness2 />1553 <Typography className={classes.materialIconText}>1554 Brightness21555 </Typography>1556 </Grid>1557 <Grid1558 className={classes.materailIcon}1559 item1560 md={3}1561 lg={2}1562 sm={4}1563 xs={12}1564 >1565 <Icons.Brightness3 />1566 <Typography className={classes.materialIconText}>1567 Brightness31568 </Typography>1569 </Grid>1570 <Grid1571 className={classes.materailIcon}1572 item1573 md={3}1574 lg={2}1575 sm={4}1576 xs={12}1577 >1578 <Icons.Brightness4 />1579 <Typography className={classes.materialIconText}>1580 Brightness41581 </Typography>1582 </Grid>1583 <Grid1584 className={classes.materailIcon}1585 item1586 md={3}1587 lg={2}1588 sm={4}1589 xs={12}1590 >1591 <Icons.Brightness5 />1592 <Typography className={classes.materialIconText}>1593 Brightness51594 </Typography>1595 </Grid>1596 <Grid1597 className={classes.materailIcon}1598 item1599 md={3}1600 lg={2}1601 sm={4}1602 xs={12}1603 >1604 <Icons.Brightness6 />1605 <Typography className={classes.materialIconText}>1606 Brightness61607 </Typography>1608 </Grid>1609 <Grid1610 className={classes.materailIcon}1611 item1612 md={3}1613 lg={2}1614 sm={4}1615 xs={12}1616 >1617 <Icons.Brightness7 />1618 <Typography className={classes.materialIconText}>1619 Brightness71620 </Typography>1621 </Grid>1622 <Grid1623 className={classes.materailIcon}1624 item1625 md={3}1626 lg={2}1627 sm={4}1628 xs={12}1629 >1630 <Icons.BrightnessAuto />1631 <Typography className={classes.materialIconText}>1632 BrightnessAuto1633 </Typography>1634 </Grid>1635 <Grid1636 className={classes.materailIcon}1637 item1638 md={3}1639 lg={2}1640 sm={4}1641 xs={12}1642 >1643 <Icons.BrightnessHigh />1644 <Typography className={classes.materialIconText}>1645 BrightnessHigh1646 </Typography>1647 </Grid>1648 <Grid1649 className={classes.materailIcon}1650 item1651 md={3}1652 lg={2}1653 sm={4}1654 xs={12}1655 >1656 <Icons.BrightnessLow />1657 <Typography className={classes.materialIconText}>1658 BrightnessLow1659 </Typography>1660 </Grid>1661 <Grid1662 className={classes.materailIcon}1663 item1664 md={3}1665 lg={2}1666 sm={4}1667 xs={12}1668 >1669 <Icons.BrightnessMedium />1670 <Typography className={classes.materialIconText}>1671 BrightnessMedium1672 </Typography>1673 </Grid>1674 <Grid1675 className={classes.materailIcon}1676 item1677 md={3}1678 lg={2}1679 sm={4}1680 xs={12}1681 >1682 <Icons.BrokenImage />1683 <Typography className={classes.materialIconText}>1684 BrokenImage1685 </Typography>1686 </Grid>1687 <Grid1688 className={classes.materailIcon}1689 item1690 md={3}1691 lg={2}1692 sm={4}1693 xs={12}1694 >1695 <Icons.Brush />1696 <Typography className={classes.materialIconText}>1697 Brush1698 </Typography>1699 </Grid>1700 <Grid1701 className={classes.materailIcon}1702 item1703 md={3}1704 lg={2}1705 sm={4}1706 xs={12}1707 >1708 <Icons.BubbleChart />1709 <Typography className={classes.materialIconText}>1710 BubbleChart1711 </Typography>1712 </Grid>1713 <Grid1714 className={classes.materailIcon}1715 item1716 md={3}1717 lg={2}1718 sm={4}1719 xs={12}1720 >1721 <Icons.BugReport />1722 <Typography className={classes.materialIconText}>1723 BugReport1724 </Typography>1725 </Grid>1726 <Grid1727 className={classes.materailIcon}1728 item1729 md={3}1730 lg={2}1731 sm={4}1732 xs={12}1733 >1734 <Icons.Build />1735 <Typography className={classes.materialIconText}>1736 Build1737 </Typography>1738 </Grid>1739 <Grid1740 className={classes.materailIcon}1741 item1742 md={3}1743 lg={2}1744 sm={4}1745 xs={12}1746 >1747 <Icons.BurstMode />1748 <Typography className={classes.materialIconText}>1749 BurstMode1750 </Typography>1751 </Grid>1752 <Grid1753 className={classes.materailIcon}1754 item1755 md={3}1756 lg={2}1757 sm={4}1758 xs={12}1759 >1760 <Icons.Business />1761 <Typography className={classes.materialIconText}>1762 Business1763 </Typography>1764 </Grid>1765 <Grid1766 className={classes.materailIcon}1767 item1768 md={3}1769 lg={2}1770 sm={4}1771 xs={12}1772 >1773 <Icons.BusinessCenter />1774 <Typography className={classes.materialIconText}>1775 BusinessCenter1776 </Typography>1777 </Grid>1778 <Grid1779 className={classes.materailIcon}1780 item1781 md={3}1782 lg={2}1783 sm={4}1784 xs={12}1785 >1786 <Icons.Cached />1787 <Typography className={classes.materialIconText}>1788 Cached1789 </Typography>1790 </Grid>1791 <Grid1792 className={classes.materailIcon}1793 item1794 md={3}1795 lg={2}1796 sm={4}1797 xs={12}1798 >1799 <Icons.Cake />1800 <Typography className={classes.materialIconText}>Cake</Typography>1801 </Grid>1802 <Grid1803 className={classes.materailIcon}1804 item1805 md={3}1806 lg={2}1807 sm={4}1808 xs={12}1809 >1810 <Icons.CalendarToday />1811 <Typography className={classes.materialIconText}>1812 CalendarToday1813 </Typography>1814 </Grid>1815 <Grid1816 className={classes.materailIcon}1817 item1818 md={3}1819 lg={2}1820 sm={4}1821 xs={12}1822 >1823 <Icons.CalendarViewDay />1824 <Typography className={classes.materialIconText}>1825 CalendarViewDay1826 </Typography>1827 </Grid>1828 <Grid1829 className={classes.materailIcon}1830 item1831 md={3}1832 lg={2}1833 sm={4}1834 xs={12}1835 >1836 <Icons.Call />1837 <Typography className={classes.materialIconText}>Call</Typography>1838 </Grid>1839 <Grid1840 className={classes.materailIcon}1841 item1842 md={3}1843 lg={2}1844 sm={4}1845 xs={12}1846 >1847 <Icons.CallEnd />1848 <Typography className={classes.materialIconText}>1849 CallEnd1850 </Typography>1851 </Grid>1852 <Grid1853 className={classes.materailIcon}1854 item1855 md={3}1856 lg={2}1857 sm={4}1858 xs={12}1859 >1860 <Icons.CallMade />1861 <Typography className={classes.materialIconText}>1862 CallMade1863 </Typography>1864 </Grid>1865 <Grid1866 className={classes.materailIcon}1867 item1868 md={3}1869 lg={2}1870 sm={4}1871 xs={12}1872 >1873 <Icons.CallMerge />1874 <Typography className={classes.materialIconText}>1875 CallMerge1876 </Typography>1877 </Grid>1878 <Grid1879 className={classes.materailIcon}1880 item1881 md={3}1882 lg={2}1883 sm={4}1884 xs={12}1885 >1886 <Icons.CallMissed />1887 <Typography className={classes.materialIconText}>1888 CallMissed1889 </Typography>1890 </Grid>1891 <Grid1892 className={classes.materailIcon}1893 item1894 md={3}1895 lg={2}1896 sm={4}1897 xs={12}1898 >1899 <Icons.CallMissedOutgoing />1900 <Typography className={classes.materialIconText}>1901 CallMissedOutgoing1902 </Typography>1903 </Grid>1904 <Grid1905 className={classes.materailIcon}1906 item1907 md={3}1908 lg={2}1909 sm={4}1910 xs={12}1911 >1912 <Icons.CallReceived />1913 <Typography className={classes.materialIconText}>1914 CallReceived1915 </Typography>1916 </Grid>1917 <Grid1918 className={classes.materailIcon}1919 item1920 md={3}1921 lg={2}1922 sm={4}1923 xs={12}1924 >1925 <Icons.CallSplit />1926 <Typography className={classes.materialIconText}>1927 CallSplit1928 </Typography>1929 </Grid>1930 <Grid1931 className={classes.materailIcon}1932 item1933 md={3}1934 lg={2}1935 sm={4}1936 xs={12}1937 >1938 <Icons.CallToAction />1939 <Typography className={classes.materialIconText}>1940 CallToAction1941 </Typography>1942 </Grid>1943 <Grid1944 className={classes.materailIcon}1945 item1946 md={3}1947 lg={2}1948 sm={4}1949 xs={12}1950 >1951 <Icons.Camera />1952 <Typography className={classes.materialIconText}>1953 Camera1954 </Typography>1955 </Grid>1956 <Grid1957 className={classes.materailIcon}1958 item1959 md={3}1960 lg={2}1961 sm={4}1962 xs={12}1963 >1964 <Icons.CameraAlt />1965 <Typography className={classes.materialIconText}>1966 CameraAlt1967 </Typography>1968 </Grid>1969 <Grid1970 className={classes.materailIcon}1971 item1972 md={3}1973 lg={2}1974 sm={4}1975 xs={12}1976 >1977 <Icons.CameraEnhance />1978 <Typography className={classes.materialIconText}>1979 CameraEnhance1980 </Typography>1981 </Grid>1982 <Grid1983 className={classes.materailIcon}1984 item1985 md={3}1986 lg={2}1987 sm={4}1988 xs={12}1989 >1990 <Icons.CameraFront />1991 <Typography className={classes.materialIconText}>1992 CameraFront1993 </Typography>1994 </Grid>1995 <Grid1996 className={classes.materailIcon}1997 item1998 md={3}1999 lg={2}2000 sm={4}2001 xs={12}2002 >2003 <Icons.CameraRear />2004 <Typography className={classes.materialIconText}>2005 CameraRear2006 </Typography>2007 </Grid>2008 <Grid2009 className={classes.materailIcon}2010 item2011 md={3}2012 lg={2}2013 sm={4}2014 xs={12}2015 >2016 <Icons.CameraRoll />2017 <Typography className={classes.materialIconText}>2018 CameraRoll2019 </Typography>2020 </Grid>2021 <Grid2022 className={classes.materailIcon}2023 item2024 md={3}2025 lg={2}2026 sm={4}2027 xs={12}2028 >2029 <Icons.Cancel />2030 <Typography className={classes.materialIconText}>2031 Cancel2032 </Typography>2033 </Grid>2034 <Grid2035 className={classes.materailIcon}2036 item2037 md={3}2038 lg={2}2039 sm={4}2040 xs={12}2041 >2042 <Icons.CancelPresentation />2043 <Typography className={classes.materialIconText}>2044 CancelPresentation2045 </Typography>2046 </Grid>2047 <Grid2048 className={classes.materailIcon}2049 item2050 md={3}2051 lg={2}2052 sm={4}2053 xs={12}2054 >2055 <Icons.CardGiftcard />2056 <Typography className={classes.materialIconText}>2057 CardGiftcard2058 </Typography>2059 </Grid>2060 <Grid2061 className={classes.materailIcon}2062 item2063 md={3}2064 lg={2}2065 sm={4}2066 xs={12}2067 >2068 <Icons.CardMembership />2069 <Typography className={classes.materialIconText}>2070 CardMembership2071 </Typography>2072 </Grid>2073 <Grid2074 className={classes.materailIcon}2075 item2076 md={3}2077 lg={2}2078 sm={4}2079 xs={12}2080 >2081 <Icons.CardTravel />2082 <Typography className={classes.materialIconText}>2083 CardTravel2084 </Typography>2085 </Grid>2086 <Grid2087 className={classes.materailIcon}2088 item2089 md={3}2090 lg={2}2091 sm={4}2092 xs={12}2093 >2094 <Icons.Casino />2095 <Typography className={classes.materialIconText}>2096 Casino2097 </Typography>2098 </Grid>2099 <Grid2100 className={classes.materailIcon}2101 item2102 md={3}2103 lg={2}2104 sm={4}2105 xs={12}2106 >2107 <Icons.Cast />2108 <Typography className={classes.materialIconText}>Cast</Typography>2109 </Grid>2110 <Grid2111 className={classes.materailIcon}2112 item2113 md={3}2114 lg={2}2115 sm={4}2116 xs={12}2117 >2118 <Icons.CastConnected />2119 <Typography className={classes.materialIconText}>2120 CastConnected2121 </Typography>2122 </Grid>2123 <Grid2124 className={classes.materailIcon}2125 item2126 md={3}2127 lg={2}2128 sm={4}2129 xs={12}2130 >2131 <Icons.CastForEducation />2132 <Typography className={classes.materialIconText}>2133 CastForEducation2134 </Typography>2135 </Grid>2136 <Grid2137 className={classes.materailIcon}2138 item2139 md={3}2140 lg={2}2141 sm={4}2142 xs={12}2143 >2144 <Icons.Category />2145 <Typography className={classes.materialIconText}>2146 Category2147 </Typography>2148 </Grid>2149 <Grid2150 className={classes.materailIcon}2151 item2152 md={3}2153 lg={2}2154 sm={4}2155 xs={12}2156 >2157 <Icons.CellWifi />2158 <Typography className={classes.materialIconText}>2159 CellWifi2160 </Typography>2161 </Grid>2162 <Grid2163 className={classes.materailIcon}2164 item2165 md={3}2166 lg={2}2167 sm={4}2168 xs={12}2169 >2170 <Icons.CenterFocusStrong />2171 <Typography className={classes.materialIconText}>2172 CenterFocusStrong2173 </Typography>2174 </Grid>2175 <Grid2176 className={classes.materailIcon}2177 item2178 md={3}2179 lg={2}2180 sm={4}2181 xs={12}2182 >2183 <Icons.CenterFocusWeak />2184 <Typography className={classes.materialIconText}>2185 CenterFocusWeak2186 </Typography>2187 </Grid>2188 <Grid2189 className={classes.materailIcon}2190 item2191 md={3}2192 lg={2}2193 sm={4}2194 xs={12}2195 >2196 <Icons.ChangeHistory />2197 <Typography className={classes.materialIconText}>2198 ChangeHistory2199 </Typography>2200 </Grid>2201 <Grid2202 className={classes.materailIcon}2203 item2204 md={3}2205 lg={2}2206 sm={4}2207 xs={12}2208 >2209 <Icons.Chat />2210 <Typography className={classes.materialIconText}>Chat</Typography>2211 </Grid>2212 <Grid2213 className={classes.materailIcon}2214 item2215 md={3}2216 lg={2}2217 sm={4}2218 xs={12}2219 >2220 <Icons.ChatBubble />2221 <Typography className={classes.materialIconText}>2222 ChatBubble2223 </Typography>2224 </Grid>2225 <Grid2226 className={classes.materailIcon}2227 item2228 md={3}2229 lg={2}2230 sm={4}2231 xs={12}2232 >2233 <Icons.ChatBubbleOutline />2234 <Typography className={classes.materialIconText}>2235 ChatBubbleOutline2236 </Typography>2237 </Grid>2238 <Grid2239 className={classes.materailIcon}2240 item2241 md={3}2242 lg={2}2243 sm={4}2244 xs={12}2245 >2246 <Icons.Check />2247 <Typography className={classes.materialIconText}>2248 Check2249 </Typography>2250 </Grid>2251 <Grid2252 className={classes.materailIcon}2253 item2254 md={3}2255 lg={2}2256 sm={4}2257 xs={12}2258 >2259 <Icons.CheckBox />2260 <Typography className={classes.materialIconText}>2261 CheckBox2262 </Typography>2263 </Grid>2264 <Grid2265 className={classes.materailIcon}2266 item2267 md={3}2268 lg={2}2269 sm={4}2270 xs={12}2271 >2272 <Icons.CheckBoxOutlineBlank />2273 <Typography className={classes.materialIconText}>2274 CheckBoxOutlineBlank2275 </Typography>2276 </Grid>2277 <Grid2278 className={classes.materailIcon}2279 item2280 md={3}2281 lg={2}2282 sm={4}2283 xs={12}2284 >2285 <Icons.CheckCircle />2286 <Typography className={classes.materialIconText}>2287 CheckCircle2288 </Typography>2289 </Grid>2290 <Grid2291 className={classes.materailIcon}2292 item2293 md={3}2294 lg={2}2295 sm={4}2296 xs={12}2297 >2298 <Icons.CheckCircleOutline />2299 <Typography className={classes.materialIconText}>2300 CheckCircleOutline2301 </Typography>2302 </Grid>2303 <Grid2304 className={classes.materailIcon}2305 item2306 md={3}2307 lg={2}2308 sm={4}2309 xs={12}2310 >2311 <Icons.ChevronLeft />2312 <Typography className={classes.materialIconText}>2313 ChevronLeft2314 </Typography>2315 </Grid>2316 <Grid2317 className={classes.materailIcon}2318 item2319 md={3}2320 lg={2}2321 sm={4}2322 xs={12}2323 >2324 <Icons.ChevronRight />2325 <Typography className={classes.materialIconText}>2326 ChevronRight2327 </Typography>2328 </Grid>2329 <Grid2330 className={classes.materailIcon}2331 item2332 md={3}2333 lg={2}2334 sm={4}2335 xs={12}2336 >2337 <Icons.ChildCare />2338 <Typography className={classes.materialIconText}>2339 ChildCare2340 </Typography>2341 </Grid>2342 <Grid2343 className={classes.materailIcon}2344 item2345 md={3}2346 lg={2}2347 sm={4}2348 xs={12}2349 >2350 <Icons.ChildFriendly />2351 <Typography className={classes.materialIconText}>2352 ChildFriendly2353 </Typography>2354 </Grid>2355 <Grid2356 className={classes.materailIcon}2357 item2358 md={3}2359 lg={2}2360 sm={4}2361 xs={12}2362 >2363 <Icons.ChromeReaderMode />2364 <Typography className={classes.materialIconText}>2365 ChromeReaderMode2366 </Typography>2367 </Grid>2368 <Grid2369 className={classes.materailIcon}2370 item2371 md={3}2372 lg={2}2373 sm={4}2374 xs={12}2375 >2376 <Icons.Class />2377 <Typography className={classes.materialIconText}>2378 Class2379 </Typography>2380 </Grid>2381 <Grid2382 className={classes.materailIcon}2383 item2384 md={3}2385 lg={2}2386 sm={4}2387 xs={12}2388 >2389 <Icons.Clear />2390 <Typography className={classes.materialIconText}>2391 Clear2392 </Typography>2393 </Grid>2394 <Grid2395 className={classes.materailIcon}2396 item2397 md={3}2398 lg={2}2399 sm={4}2400 xs={12}2401 >2402 <Icons.ClearAll />2403 <Typography className={classes.materialIconText}>2404 ClearAll2405 </Typography>2406 </Grid>2407 <Grid2408 className={classes.materailIcon}2409 item2410 md={3}2411 lg={2}2412 sm={4}2413 xs={12}2414 >2415 <Icons.Close />2416 <Typography className={classes.materialIconText}>2417 Close2418 </Typography>2419 </Grid>2420 <Grid2421 className={classes.materailIcon}2422 item2423 md={3}2424 lg={2}2425 sm={4}2426 xs={12}2427 >2428 <Icons.ClosedCaption />2429 <Typography className={classes.materialIconText}>2430 ClosedCaption2431 </Typography>2432 </Grid>2433 <Grid2434 className={classes.materailIcon}2435 item2436 md={3}2437 lg={2}2438 sm={4}2439 xs={12}2440 >2441 <Icons.Cloud />2442 <Typography className={classes.materialIconText}>2443 Cloud2444 </Typography>2445 </Grid>2446 <Grid2447 className={classes.materailIcon}2448 item2449 md={3}2450 lg={2}2451 sm={4}2452 xs={12}2453 >2454 <Icons.CloudCircle />2455 <Typography className={classes.materialIconText}>2456 CloudCircle2457 </Typography>2458 </Grid>2459 <Grid2460 className={classes.materailIcon}2461 item2462 md={3}2463 lg={2}2464 sm={4}2465 xs={12}2466 >2467 <Icons.CloudDone />2468 <Typography className={classes.materialIconText}>2469 CloudDone2470 </Typography>2471 </Grid>2472 <Grid2473 className={classes.materailIcon}2474 item2475 md={3}2476 lg={2}2477 sm={4}2478 xs={12}2479 >2480 <Icons.CloudDownload />2481 <Typography className={classes.materialIconText}>2482 CloudDownload2483 </Typography>2484 </Grid>2485 <Grid2486 className={classes.materailIcon}2487 item2488 md={3}2489 lg={2}2490 sm={4}2491 xs={12}2492 >2493 <Icons.CloudQueue />2494 <Typography className={classes.materialIconText}>2495 CloudQueue2496 </Typography>2497 </Grid>2498 <Grid2499 className={classes.materailIcon}2500 item2501 md={3}2502 lg={2}2503 sm={4}2504 xs={12}2505 >2506 <Icons.CloudUpload />2507 <Typography className={classes.materialIconText}>2508 CloudUpload2509 </Typography>2510 </Grid>2511 <Grid2512 className={classes.materailIcon}2513 item2514 md={3}2515 lg={2}2516 sm={4}2517 xs={12}2518 >2519 <Icons.Code />2520 <Typography className={classes.materialIconText}>Code</Typography>2521 </Grid>2522 <Grid2523 className={classes.materailIcon}2524 item2525 md={3}2526 lg={2}2527 sm={4}2528 xs={12}2529 >2530 <Icons.Collections />2531 <Typography className={classes.materialIconText}>2532 Collections2533 </Typography>2534 </Grid>2535 <Grid2536 className={classes.materailIcon}2537 item2538 md={3}2539 lg={2}2540 sm={4}2541 xs={12}2542 >2543 <Icons.CollectionsBookmark />2544 <Typography className={classes.materialIconText}>2545 CollectionsBookmark2546 </Typography>2547 </Grid>2548 <Grid2549 className={classes.materailIcon}2550 item2551 md={3}2552 lg={2}2553 sm={4}2554 xs={12}2555 >2556 <Icons.Colorize />2557 <Typography className={classes.materialIconText}>2558 Colorize2559 </Typography>2560 </Grid>2561 <Grid2562 className={classes.materailIcon}2563 item2564 md={3}2565 lg={2}2566 sm={4}2567 xs={12}2568 >2569 <Icons.ColorLens />2570 <Typography className={classes.materialIconText}>2571 ColorLens2572 </Typography>2573 </Grid>2574 <Grid2575 className={classes.materailIcon}2576 item2577 md={3}2578 lg={2}2579 sm={4}2580 xs={12}2581 >2582 <Icons.Comment />2583 <Typography className={classes.materialIconText}>2584 Comment2585 </Typography>2586 </Grid>2587 <Grid2588 className={classes.materailIcon}2589 item2590 md={3}2591 lg={2}2592 sm={4}2593 xs={12}2594 >2595 <Icons.Commute />2596 <Typography className={classes.materialIconText}>2597 Commute2598 </Typography>2599 </Grid>2600 <Grid2601 className={classes.materailIcon}2602 item2603 md={3}2604 lg={2}2605 sm={4}2606 xs={12}2607 >2608 <Icons.Compare />2609 <Typography className={classes.materialIconText}>2610 Compare2611 </Typography>2612 </Grid>2613 <Grid2614 className={classes.materailIcon}2615 item2616 md={3}2617 lg={2}2618 sm={4}2619 xs={12}2620 >2621 <Icons.CompareArrows />2622 <Typography className={classes.materialIconText}>2623 CompareArrows2624 </Typography>2625 </Grid>2626 <Grid2627 className={classes.materailIcon}2628 item2629 md={3}2630 lg={2}2631 sm={4}2632 xs={12}2633 >2634 <Icons.CompassCalibration />2635 <Typography className={classes.materialIconText}>2636 CompassCalibration2637 </Typography>2638 </Grid>2639 <Grid2640 className={classes.materailIcon}2641 item2642 md={3}2643 lg={2}2644 sm={4}2645 xs={12}2646 >2647 <Icons.Computer />2648 <Typography className={classes.materialIconText}>2649 Computer2650 </Typography>2651 </Grid>2652 <Grid2653 className={classes.materailIcon}2654 item2655 md={3}2656 lg={2}2657 sm={4}2658 xs={12}2659 >2660 <Icons.ConfirmationNumber />2661 <Typography className={classes.materialIconText}>2662 ConfirmationNumber2663 </Typography>2664 </Grid>2665 <Grid2666 className={classes.materailIcon}2667 item2668 md={3}2669 lg={2}2670 sm={4}2671 xs={12}2672 >2673 <Icons.ContactMail />2674 <Typography className={classes.materialIconText}>2675 ContactMail2676 </Typography>2677 </Grid>2678 <Grid2679 className={classes.materailIcon}2680 item2681 md={3}2682 lg={2}2683 sm={4}2684 xs={12}2685 >2686 <Icons.ContactPhone />2687 <Typography className={classes.materialIconText}>2688 ContactPhone2689 </Typography>2690 </Grid>2691 <Grid2692 className={classes.materailIcon}2693 item2694 md={3}2695 lg={2}2696 sm={4}2697 xs={12}2698 >2699 <Icons.Contacts />2700 <Typography className={classes.materialIconText}>2701 Contacts2702 </Typography>2703 </Grid>2704 <Grid2705 className={classes.materailIcon}2706 item2707 md={3}2708 lg={2}2709 sm={4}2710 xs={12}2711 >2712 <Icons.ContactSupport />2713 <Typography className={classes.materialIconText}>2714 ContactSupport2715 </Typography>2716 </Grid>2717 <Grid2718 className={classes.materailIcon}2719 item2720 md={3}2721 lg={2}2722 sm={4}2723 xs={12}2724 >2725 <Icons.ControlCamera />2726 <Typography className={classes.materialIconText}>2727 ControlCamera2728 </Typography>2729 </Grid>2730 <Grid2731 className={classes.materailIcon}2732 item2733 md={3}2734 lg={2}2735 sm={4}2736 xs={12}2737 >2738 <Icons.ControlPoint />2739 <Typography className={classes.materialIconText}>2740 ControlPoint2741 </Typography>2742 </Grid>2743 <Grid2744 className={classes.materailIcon}2745 item2746 md={3}2747 lg={2}2748 sm={4}2749 xs={12}2750 >2751 <Icons.ControlPointDuplicate />2752 <Typography className={classes.materialIconText}>2753 ControlPointDuplicate2754 </Typography>2755 </Grid>2756 <Grid2757 className={classes.materailIcon}2758 item2759 md={3}2760 lg={2}2761 sm={4}2762 xs={12}2763 >2764 <Icons.Copyright />2765 <Typography className={classes.materialIconText}>2766 Copyright2767 </Typography>2768 </Grid>2769 <Grid2770 className={classes.materailIcon}2771 item2772 md={3}2773 lg={2}2774 sm={4}2775 xs={12}2776 >2777 <Icons.Create />2778 <Typography className={classes.materialIconText}>2779 Create2780 </Typography>2781 </Grid>2782 <Grid2783 className={classes.materailIcon}2784 item2785 md={3}2786 lg={2}2787 sm={4}2788 xs={12}2789 >2790 <Icons.CreditCard />2791 <Typography className={classes.materialIconText}>2792 CreditCard2793 </Typography>2794 </Grid>2795 <Grid2796 className={classes.materailIcon}2797 item2798 md={3}2799 lg={2}2800 sm={4}2801 xs={12}2802 >2803 <Icons.Crop />2804 <Typography className={classes.materialIconText}>Crop</Typography>2805 </Grid>2806 <Grid2807 className={classes.materailIcon}2808 item2809 md={3}2810 lg={2}2811 sm={4}2812 xs={12}2813 >2814 <Icons.Crop169 />2815 <Typography className={classes.materialIconText}>2816 Crop1692817 </Typography>2818 </Grid>2819 <Grid2820 className={classes.materailIcon}2821 item2822 md={3}2823 lg={2}2824 sm={4}2825 xs={12}2826 >2827 <Icons.Crop32 />2828 <Typography className={classes.materialIconText}>2829 Crop322830 </Typography>2831 </Grid>2832 <Grid2833 className={classes.materailIcon}2834 item2835 md={3}2836 lg={2}2837 sm={4}2838 xs={12}2839 >2840 <Icons.Crop54 />2841 <Typography className={classes.materialIconText}>2842 Crop542843 </Typography>2844 </Grid>2845 <Grid2846 className={classes.materailIcon}2847 item2848 md={3}2849 lg={2}2850 sm={4}2851 xs={12}2852 >2853 <Icons.Crop75 />2854 <Typography className={classes.materialIconText}>2855 Crop752856 </Typography>2857 </Grid>2858 <Grid2859 className={classes.materailIcon}2860 item2861 md={3}2862 lg={2}2863 sm={4}2864 xs={12}2865 >2866 <Icons.CropDin />2867 <Typography className={classes.materialIconText}>2868 CropDin2869 </Typography>2870 </Grid>2871 <Grid2872 className={classes.materailIcon}2873 item2874 md={3}2875 lg={2}2876 sm={4}2877 xs={12}2878 >2879 <Icons.CropFree />2880 <Typography className={classes.materialIconText}>2881 CropFree2882 </Typography>2883 </Grid>2884 <Grid2885 className={classes.materailIcon}2886 item2887 md={3}2888 lg={2}2889 sm={4}2890 xs={12}2891 >2892 <Icons.CropLandscape />2893 <Typography className={classes.materialIconText}>2894 CropLandscape2895 </Typography>2896 </Grid>2897 <Grid2898 className={classes.materailIcon}2899 item2900 md={3}2901 lg={2}2902 sm={4}2903 xs={12}2904 >2905 <Icons.CropOriginal />2906 <Typography className={classes.materialIconText}>2907 CropOriginal2908 </Typography>2909 </Grid>2910 <Grid2911 className={classes.materailIcon}2912 item2913 md={3}2914 lg={2}2915 sm={4}2916 xs={12}2917 >2918 <Icons.CropPortrait />2919 <Typography className={classes.materialIconText}>2920 CropPortrait2921 </Typography>2922 </Grid>2923 <Grid2924 className={classes.materailIcon}2925 item2926 md={3}2927 lg={2}2928 sm={4}2929 xs={12}2930 >2931 <Icons.CropRotate />2932 <Typography className={classes.materialIconText}>2933 CropRotate2934 </Typography>2935 </Grid>2936 <Grid2937 className={classes.materailIcon}2938 item2939 md={3}2940 lg={2}2941 sm={4}2942 xs={12}2943 >2944 <Icons.CropSquare />2945 <Typography className={classes.materialIconText}>2946 CropSquare2947 </Typography>2948 </Grid>2949 <Grid2950 className={classes.materailIcon}2951 item2952 md={3}2953 lg={2}2954 sm={4}2955 xs={12}2956 >2957 <Icons.Dashboard />2958 <Typography className={classes.materialIconText}>2959 Dashboard2960 </Typography>2961 </Grid>2962 <Grid2963 className={classes.materailIcon}2964 item2965 md={3}2966 lg={2}2967 sm={4}2968 xs={12}2969 >2970 <Icons.DataUsage />2971 <Typography className={classes.materialIconText}>2972 DataUsage2973 </Typography>2974 </Grid>2975 <Grid2976 className={classes.materailIcon}2977 item2978 md={3}2979 lg={2}2980 sm={4}2981 xs={12}2982 >2983 <Icons.DateRange />2984 <Typography className={classes.materialIconText}>2985 DateRange2986 </Typography>2987 </Grid>2988 <Grid2989 className={classes.materailIcon}2990 item2991 md={3}2992 lg={2}2993 sm={4}2994 xs={12}2995 >2996 <Icons.Dehaze />2997 <Typography className={classes.materialIconText}>2998 Dehaze2999 </Typography>3000 </Grid>3001 <Grid3002 className={classes.materailIcon}3003 item3004 md={3}3005 lg={2}3006 sm={4}3007 xs={12}3008 >3009 <Icons.Delete />3010 <Typography className={classes.materialIconText}>3011 Delete3012 </Typography>3013 </Grid>3014 <Grid3015 className={classes.materailIcon}3016 item3017 md={3}3018 lg={2}3019 sm={4}3020 xs={12}3021 >3022 <Icons.DeleteForever />3023 <Typography className={classes.materialIconText}>3024 DeleteForever3025 </Typography>3026 </Grid>3027 <Grid3028 className={classes.materailIcon}3029 item3030 md={3}3031 lg={2}3032 sm={4}3033 xs={12}3034 >3035 <Icons.DeleteOutline />3036 <Typography className={classes.materialIconText}>3037 DeleteOutline3038 </Typography>3039 </Grid>3040 <Grid3041 className={classes.materailIcon}3042 item3043 md={3}3044 lg={2}3045 sm={4}3046 xs={12}3047 >3048 <Icons.DeleteSweep />3049 <Typography className={classes.materialIconText}>3050 DeleteSweep3051 </Typography>3052 </Grid>3053 <Grid3054 className={classes.materailIcon}3055 item3056 md={3}3057 lg={2}3058 sm={4}3059 xs={12}3060 >3061 <Icons.DepartureBoard />3062 <Typography className={classes.materialIconText}>3063 DepartureBoard3064 </Typography>3065 </Grid>3066 <Grid3067 className={classes.materailIcon}3068 item3069 md={3}3070 lg={2}3071 sm={4}3072 xs={12}3073 >3074 <Icons.Description />3075 <Typography className={classes.materialIconText}>3076 Description3077 </Typography>3078 </Grid>3079 <Grid3080 className={classes.materailIcon}3081 item3082 md={3}3083 lg={2}3084 sm={4}3085 xs={12}3086 >3087 <Icons.DesktopAccessDisabled />3088 <Typography className={classes.materialIconText}>3089 DesktopAccessDisabled3090 </Typography>3091 </Grid>3092 <Grid3093 className={classes.materailIcon}3094 item3095 md={3}3096 lg={2}3097 sm={4}3098 xs={12}3099 >3100 <Icons.DesktopMac />3101 <Typography className={classes.materialIconText}>3102 DesktopMac3103 </Typography>3104 </Grid>3105 <Grid3106 className={classes.materailIcon}3107 item3108 md={3}3109 lg={2}3110 sm={4}3111 xs={12}3112 >3113 <Icons.DesktopWindows />3114 <Typography className={classes.materialIconText}>3115 DesktopWindows3116 </Typography>3117 </Grid>3118 <Grid3119 className={classes.materailIcon}3120 item3121 md={3}3122 lg={2}3123 sm={4}3124 xs={12}3125 >3126 <Icons.Details />3127 <Typography className={classes.materialIconText}>3128 Details3129 </Typography>3130 </Grid>3131 <Grid3132 className={classes.materailIcon}3133 item3134 md={3}3135 lg={2}3136 sm={4}3137 xs={12}3138 >3139 <Icons.DeveloperBoard />3140 <Typography className={classes.materialIconText}>3141 DeveloperBoard3142 </Typography>3143 </Grid>3144 <Grid3145 className={classes.materailIcon}3146 item3147 md={3}3148 lg={2}3149 sm={4}3150 xs={12}3151 >3152 <Icons.DeveloperMode />3153 <Typography className={classes.materialIconText}>3154 DeveloperMode3155 </Typography>3156 </Grid>3157 <Grid3158 className={classes.materailIcon}3159 item3160 md={3}3161 lg={2}3162 sm={4}3163 xs={12}3164 >3165 <Icons.DeviceHub />3166 <Typography className={classes.materialIconText}>3167 DeviceHub3168 </Typography>3169 </Grid>3170 <Grid3171 className={classes.materailIcon}3172 item3173 md={3}3174 lg={2}3175 sm={4}3176 xs={12}3177 >3178 <Icons.Devices />3179 <Typography className={classes.materialIconText}>3180 Devices3181 </Typography>3182 </Grid>3183 <Grid3184 className={classes.materailIcon}3185 item3186 md={3}3187 lg={2}3188 sm={4}3189 xs={12}3190 >3191 <Icons.DevicesOther />3192 <Typography className={classes.materialIconText}>3193 DevicesOther3194 </Typography>3195 </Grid>3196 <Grid3197 className={classes.materailIcon}3198 item3199 md={3}3200 lg={2}3201 sm={4}3202 xs={12}3203 >3204 <Icons.DeviceUnknown />3205 <Typography className={classes.materialIconText}>3206 DeviceUnknown3207 </Typography>3208 </Grid>3209 <Grid3210 className={classes.materailIcon}3211 item3212 md={3}3213 lg={2}3214 sm={4}3215 xs={12}3216 >3217 <Icons.DialerSip />3218 <Typography className={classes.materialIconText}>3219 DialerSip3220 </Typography>3221 </Grid>3222 <Grid3223 className={classes.materailIcon}3224 item3225 md={3}3226 lg={2}3227 sm={4}3228 xs={12}3229 >3230 <Icons.Dialpad />3231 <Typography className={classes.materialIconText}>3232 Dialpad3233 </Typography>3234 </Grid>3235 <Grid3236 className={classes.materailIcon}3237 item3238 md={3}3239 lg={2}3240 sm={4}3241 xs={12}3242 >3243 <Icons.Directions />3244 <Typography className={classes.materialIconText}>3245 Directions3246 </Typography>3247 </Grid>3248 <Grid3249 className={classes.materailIcon}3250 item3251 md={3}3252 lg={2}3253 sm={4}3254 xs={12}3255 >3256 <Icons.DirectionsBike />3257 <Typography className={classes.materialIconText}>3258 DirectionsBike3259 </Typography>3260 </Grid>3261 <Grid3262 className={classes.materailIcon}3263 item3264 md={3}3265 lg={2}3266 sm={4}3267 xs={12}3268 >3269 <Icons.DirectionsBoat />3270 <Typography className={classes.materialIconText}>3271 DirectionsBoat3272 </Typography>3273 </Grid>3274 <Grid3275 className={classes.materailIcon}3276 item3277 md={3}3278 lg={2}3279 sm={4}3280 xs={12}3281 >3282 <Icons.DirectionsBus />3283 <Typography className={classes.materialIconText}>3284 DirectionsBus3285 </Typography>3286 </Grid>3287 <Grid3288 className={classes.materailIcon}3289 item3290 md={3}3291 lg={2}3292 sm={4}3293 xs={12}3294 >3295 <Icons.DirectionsCar />3296 <Typography className={classes.materialIconText}>3297 DirectionsCar3298 </Typography>3299 </Grid>3300 <Grid3301 className={classes.materailIcon}3302 item3303 md={3}3304 lg={2}3305 sm={4}3306 xs={12}3307 >3308 <Icons.DirectionsRailway />3309 <Typography className={classes.materialIconText}>3310 DirectionsRailway3311 </Typography>3312 </Grid>3313 <Grid3314 className={classes.materailIcon}3315 item3316 md={3}3317 lg={2}3318 sm={4}3319 xs={12}3320 >3321 <Icons.DirectionsRun />3322 <Typography className={classes.materialIconText}>3323 DirectionsRun3324 </Typography>3325 </Grid>3326 <Grid3327 className={classes.materailIcon}3328 item3329 md={3}3330 lg={2}3331 sm={4}3332 xs={12}3333 >3334 <Icons.DirectionsSubway />3335 <Typography className={classes.materialIconText}>3336 DirectionsSubway3337 </Typography>3338 </Grid>3339 <Grid3340 className={classes.materailIcon}3341 item3342 md={3}3343 lg={2}3344 sm={4}3345 xs={12}3346 >3347 <Icons.DirectionsTransit />3348 <Typography className={classes.materialIconText}>3349 DirectionsTransit3350 </Typography>3351 </Grid>3352 <Grid3353 className={classes.materailIcon}3354 item3355 md={3}3356 lg={2}3357 sm={4}3358 xs={12}3359 >3360 <Icons.DirectionsWalk />3361 <Typography className={classes.materialIconText}>3362 DirectionsWalk3363 </Typography>3364 </Grid>3365 <Grid3366 className={classes.materailIcon}3367 item3368 md={3}3369 lg={2}3370 sm={4}3371 xs={12}3372 >3373 <Icons.DiscFull />3374 <Typography className={classes.materialIconText}>3375 DiscFull3376 </Typography>3377 </Grid>3378 <Grid3379 className={classes.materailIcon}3380 item3381 md={3}3382 lg={2}3383 sm={4}3384 xs={12}3385 >3386 <Icons.Dns />3387 <Typography className={classes.materialIconText}>Dns</Typography>3388 </Grid>3389 <Grid3390 className={classes.materailIcon}3391 item3392 md={3}3393 lg={2}3394 sm={4}3395 xs={12}3396 >3397 <Icons.Dock />3398 <Typography className={classes.materialIconText}>Dock</Typography>3399 </Grid>3400 <Grid3401 className={classes.materailIcon}3402 item3403 md={3}3404 lg={2}3405 sm={4}3406 xs={12}3407 >3408 <Icons.Domain />3409 <Typography className={classes.materialIconText}>3410 Domain3411 </Typography>3412 </Grid>3413 <Grid3414 className={classes.materailIcon}3415 item3416 md={3}3417 lg={2}3418 sm={4}3419 xs={12}3420 >3421 <Icons.DomainDisabled />3422 <Typography className={classes.materialIconText}>3423 DomainDisabled3424 </Typography>3425 </Grid>3426 <Grid3427 className={classes.materailIcon}3428 item3429 md={3}3430 lg={2}3431 sm={4}3432 xs={12}3433 >3434 <Icons.Done />3435 <Typography className={classes.materialIconText}>Done</Typography>3436 </Grid>3437 <Grid3438 className={classes.materailIcon}3439 item3440 md={3}3441 lg={2}3442 sm={4}3443 xs={12}3444 >3445 <Icons.DoneAll />3446 <Typography className={classes.materialIconText}>3447 DoneAll3448 </Typography>3449 </Grid>3450 <Grid3451 className={classes.materailIcon}3452 item3453 md={3}3454 lg={2}3455 sm={4}3456 xs={12}3457 >3458 <Icons.DoneOutline />3459 <Typography className={classes.materialIconText}>3460 DoneOutline3461 </Typography>3462 </Grid>3463 <Grid3464 className={classes.materailIcon}3465 item3466 md={3}3467 lg={2}3468 sm={4}3469 xs={12}3470 >3471 <Icons.DonutLarge />3472 <Typography className={classes.materialIconText}>3473 DonutLarge3474 </Typography>3475 </Grid>3476 <Grid3477 className={classes.materailIcon}3478 item3479 md={3}3480 lg={2}3481 sm={4}3482 xs={12}3483 >3484 <Icons.DonutSmall />3485 <Typography className={classes.materialIconText}>3486 DonutSmall3487 </Typography>3488 </Grid>3489 <Grid3490 className={classes.materailIcon}3491 item3492 md={3}3493 lg={2}3494 sm={4}3495 xs={12}3496 >3497 <Icons.Drafts />3498 <Typography className={classes.materialIconText}>3499 Drafts3500 </Typography>3501 </Grid>3502 <Grid3503 className={classes.materailIcon}3504 item3505 md={3}3506 lg={2}3507 sm={4}3508 xs={12}3509 >3510 <Icons.DragHandle />3511 <Typography className={classes.materialIconText}>3512 DragHandle3513 </Typography>3514 </Grid>3515 <Grid3516 className={classes.materailIcon}3517 item3518 md={3}3519 lg={2}3520 sm={4}3521 xs={12}3522 >3523 <Icons.DragIndicator />3524 <Typography className={classes.materialIconText}>3525 DragIndicator3526 </Typography>3527 </Grid>3528 <Grid3529 className={classes.materailIcon}3530 item3531 md={3}3532 lg={2}3533 sm={4}3534 xs={12}3535 >3536 <Icons.DriveEta />3537 <Typography className={classes.materialIconText}>3538 DriveEta3539 </Typography>3540 </Grid>3541 <Grid3542 className={classes.materailIcon}3543 item3544 md={3}3545 lg={2}3546 sm={4}3547 xs={12}3548 >3549 <Icons.Duo />3550 <Typography className={classes.materialIconText}>Duo</Typography>3551 </Grid>3552 <Grid3553 className={classes.materailIcon}3554 item3555 md={3}3556 lg={2}3557 sm={4}3558 xs={12}3559 >3560 <Icons.Dvr />3561 <Typography className={classes.materialIconText}>Dvr</Typography>3562 </Grid>3563 <Grid3564 className={classes.materailIcon}3565 item3566 md={3}3567 lg={2}3568 sm={4}3569 xs={12}3570 >3571 <Icons.Edit />3572 <Typography className={classes.materialIconText}>Edit</Typography>3573 </Grid>3574 <Grid3575 className={classes.materailIcon}3576 item3577 md={3}3578 lg={2}3579 sm={4}3580 xs={12}3581 >3582 <Icons.EditAttributes />3583 <Typography className={classes.materialIconText}>3584 EditAttributes3585 </Typography>3586 </Grid>3587 <Grid3588 className={classes.materailIcon}3589 item3590 md={3}3591 lg={2}3592 sm={4}3593 xs={12}3594 >3595 <Icons.EditLocation />3596 <Typography className={classes.materialIconText}>3597 EditLocation3598 </Typography>3599 </Grid>3600 <Grid3601 className={classes.materailIcon}3602 item3603 md={3}3604 lg={2}3605 sm={4}3606 xs={12}3607 >3608 <Icons.Eject />3609 <Typography className={classes.materialIconText}>3610 Eject3611 </Typography>3612 </Grid>3613 <Grid3614 className={classes.materailIcon}3615 item3616 md={3}3617 lg={2}3618 sm={4}3619 xs={12}3620 >3621 <Icons.Email />3622 <Typography className={classes.materialIconText}>3623 Email3624 </Typography>3625 </Grid>3626 <Grid3627 className={classes.materailIcon}3628 item3629 md={3}3630 lg={2}3631 sm={4}3632 xs={12}3633 >3634 <Icons.EnhancedEncryption />3635 <Typography className={classes.materialIconText}>3636 EnhancedEncryption3637 </Typography>3638 </Grid>3639 <Grid3640 className={classes.materailIcon}3641 item3642 md={3}3643 lg={2}3644 sm={4}3645 xs={12}3646 >3647 <Icons.Equalizer />3648 <Typography className={classes.materialIconText}>3649 Equalizer3650 </Typography>3651 </Grid>3652 <Grid3653 className={classes.materailIcon}3654 item3655 md={3}3656 lg={2}3657 sm={4}3658 xs={12}3659 >3660 <Icons.Error />3661 <Typography className={classes.materialIconText}>3662 Error3663 </Typography>3664 </Grid>3665 <Grid3666 className={classes.materailIcon}3667 item3668 md={3}3669 lg={2}3670 sm={4}3671 xs={12}3672 >3673 <Icons.ErrorOutline />3674 <Typography className={classes.materialIconText}>3675 ErrorOutline3676 </Typography>3677 </Grid>3678 <Grid3679 className={classes.materailIcon}3680 item3681 md={3}3682 lg={2}3683 sm={4}3684 xs={12}3685 >3686 <Icons.EuroSymbol />3687 <Typography className={classes.materialIconText}>3688 EuroSymbol3689 </Typography>3690 </Grid>3691 <Grid3692 className={classes.materailIcon}3693 item3694 md={3}3695 lg={2}3696 sm={4}3697 xs={12}3698 >3699 <Icons.Event />3700 <Typography className={classes.materialIconText}>3701 Event3702 </Typography>3703 </Grid>3704 <Grid3705 className={classes.materailIcon}3706 item3707 md={3}3708 lg={2}3709 sm={4}3710 xs={12}3711 >3712 <Icons.EventAvailable />3713 <Typography className={classes.materialIconText}>3714 EventAvailable3715 </Typography>3716 </Grid>3717 <Grid3718 className={classes.materailIcon}3719 item3720 md={3}3721 lg={2}3722 sm={4}3723 xs={12}3724 >3725 <Icons.EventBusy />3726 <Typography className={classes.materialIconText}>3727 EventBusy3728 </Typography>3729 </Grid>3730 <Grid3731 className={classes.materailIcon}3732 item3733 md={3}3734 lg={2}3735 sm={4}3736 xs={12}3737 >3738 <Icons.EventNote />3739 <Typography className={classes.materialIconText}>3740 EventNote3741 </Typography>3742 </Grid>3743 <Grid3744 className={classes.materailIcon}3745 item3746 md={3}3747 lg={2}3748 sm={4}3749 xs={12}3750 >3751 <Icons.EventSeat />3752 <Typography className={classes.materialIconText}>3753 EventSeat3754 </Typography>3755 </Grid>3756 <Grid3757 className={classes.materailIcon}3758 item3759 md={3}3760 lg={2}3761 sm={4}3762 xs={12}3763 >3764 <Icons.EvStation />3765 <Typography className={classes.materialIconText}>3766 EvStation3767 </Typography>3768 </Grid>3769 <Grid3770 className={classes.materailIcon}3771 item3772 md={3}3773 lg={2}3774 sm={4}3775 xs={12}3776 >3777 <Icons.ExitToApp />3778 <Typography className={classes.materialIconText}>3779 ExitToApp3780 </Typography>3781 </Grid>3782 <Grid3783 className={classes.materailIcon}3784 item3785 md={3}3786 lg={2}3787 sm={4}3788 xs={12}3789 >3790 <Icons.ExpandLess />3791 <Typography className={classes.materialIconText}>3792 ExpandLess3793 </Typography>3794 </Grid>3795 <Grid3796 className={classes.materailIcon}3797 item3798 md={3}3799 lg={2}3800 sm={4}3801 xs={12}3802 >3803 <Icons.ExpandMore />3804 <Typography className={classes.materialIconText}>3805 ExpandMore3806 </Typography>3807 </Grid>3808 <Grid3809 className={classes.materailIcon}3810 item3811 md={3}3812 lg={2}3813 sm={4}3814 xs={12}3815 >3816 <Icons.Explicit />3817 <Typography className={classes.materialIconText}>3818 Explicit3819 </Typography>3820 </Grid>3821 <Grid3822 className={classes.materailIcon}3823 item3824 md={3}3825 lg={2}3826 sm={4}3827 xs={12}3828 >3829 <Icons.Explore />3830 <Typography className={classes.materialIconText}>3831 Explore3832 </Typography>3833 </Grid>3834 <Grid3835 className={classes.materailIcon}3836 item3837 md={3}3838 lg={2}3839 sm={4}3840 xs={12}3841 >3842 <Icons.Exposure />3843 <Typography className={classes.materialIconText}>3844 Exposure3845 </Typography>3846 </Grid>3847 <Grid3848 className={classes.materailIcon}3849 item3850 md={3}3851 lg={2}3852 sm={4}3853 xs={12}3854 >3855 <Icons.ExposureNeg1 />3856 <Typography className={classes.materialIconText}>3857 ExposureNeg13858 </Typography>3859 </Grid>3860 <Grid3861 className={classes.materailIcon}3862 item3863 md={3}3864 lg={2}3865 sm={4}3866 xs={12}3867 >3868 <Icons.ExposureNeg2 />3869 <Typography className={classes.materialIconText}>3870 ExposureNeg23871 </Typography>3872 </Grid>3873 <Grid3874 className={classes.materailIcon}3875 item3876 md={3}3877 lg={2}3878 sm={4}3879 xs={12}3880 >3881 <Icons.ExposurePlus1 />3882 <Typography className={classes.materialIconText}>3883 ExposurePlus13884 </Typography>3885 </Grid>3886 <Grid3887 className={classes.materailIcon}3888 item3889 md={3}3890 lg={2}3891 sm={4}3892 xs={12}3893 >3894 <Icons.ExposurePlus2 />3895 <Typography className={classes.materialIconText}>3896 ExposurePlus23897 </Typography>3898 </Grid>3899 <Grid3900 className={classes.materailIcon}3901 item3902 md={3}3903 lg={2}3904 sm={4}3905 xs={12}3906 >3907 <Icons.ExposureZero />3908 <Typography className={classes.materialIconText}>3909 ExposureZero3910 </Typography>3911 </Grid>3912 <Grid3913 className={classes.materailIcon}3914 item3915 md={3}3916 lg={2}3917 sm={4}3918 xs={12}3919 >3920 <Icons.Extension />3921 <Typography className={classes.materialIconText}>3922 Extension3923 </Typography>3924 </Grid>3925 <Grid3926 className={classes.materailIcon}3927 item3928 md={3}3929 lg={2}3930 sm={4}3931 xs={12}3932 >3933 <Icons.Face />3934 <Typography className={classes.materialIconText}>Face</Typography>3935 </Grid>3936 <Grid3937 className={classes.materailIcon}3938 item3939 md={3}3940 lg={2}3941 sm={4}3942 xs={12}3943 >3944 <Icons.Fastfood />3945 <Typography className={classes.materialIconText}>3946 Fastfood3947 </Typography>3948 </Grid>3949 <Grid3950 className={classes.materailIcon}3951 item3952 md={3}3953 lg={2}3954 sm={4}3955 xs={12}3956 >3957 <Icons.FastForward />3958 <Typography className={classes.materialIconText}>3959 FastForward3960 </Typography>3961 </Grid>3962 <Grid3963 className={classes.materailIcon}3964 item3965 md={3}3966 lg={2}3967 sm={4}3968 xs={12}3969 >3970 <Icons.FastRewind />3971 <Typography className={classes.materialIconText}>3972 FastRewind3973 </Typography>3974 </Grid>3975 <Grid3976 className={classes.materailIcon}3977 item3978 md={3}3979 lg={2}3980 sm={4}3981 xs={12}3982 >3983 <Icons.Favorite />3984 <Typography className={classes.materialIconText}>3985 Favorite3986 </Typography>3987 </Grid>3988 <Grid3989 className={classes.materailIcon}3990 item3991 md={3}3992 lg={2}3993 sm={4}3994 xs={12}3995 >3996 <Icons.FavoriteBorder />3997 <Typography className={classes.materialIconText}>3998 FavoriteBorder3999 </Typography>4000 </Grid>4001 <Grid4002 className={classes.materailIcon}4003 item4004 md={3}4005 lg={2}4006 sm={4}4007 xs={12}4008 >4009 <Icons.FeaturedPlayList />4010 <Typography className={classes.materialIconText}>4011 FeaturedPlayList4012 </Typography>4013 </Grid>4014 <Grid4015 className={classes.materailIcon}4016 item4017 md={3}4018 lg={2}4019 sm={4}4020 xs={12}4021 >4022 <Icons.FeaturedVideo />4023 <Typography className={classes.materialIconText}>4024 FeaturedVideo4025 </Typography>4026 </Grid>4027 <Grid4028 className={classes.materailIcon}4029 item4030 md={3}4031 lg={2}4032 sm={4}4033 xs={12}4034 >4035 <Icons.Feedback />4036 <Typography className={classes.materialIconText}>4037 Feedback4038 </Typography>4039 </Grid>4040 <Grid4041 className={classes.materailIcon}4042 item4043 md={3}4044 lg={2}4045 sm={4}4046 xs={12}4047 >4048 <Icons.FiberDvr />4049 <Typography className={classes.materialIconText}>4050 FiberDvr4051 </Typography>4052 </Grid>4053 <Grid4054 className={classes.materailIcon}4055 item4056 md={3}4057 lg={2}4058 sm={4}4059 xs={12}4060 >4061 <Icons.FiberManualRecord />4062 <Typography className={classes.materialIconText}>4063 FiberManualRecord4064 </Typography>4065 </Grid>4066 <Grid4067 className={classes.materailIcon}4068 item4069 md={3}4070 lg={2}4071 sm={4}4072 xs={12}4073 >4074 <Icons.FiberPin />4075 <Typography className={classes.materialIconText}>4076 FiberPin4077 </Typography>4078 </Grid>4079 <Grid4080 className={classes.materailIcon}4081 item4082 md={3}4083 lg={2}4084 sm={4}4085 xs={12}4086 >4087 <Icons.FiberSmartRecord />4088 <Typography className={classes.materialIconText}>4089 FiberSmartRecord4090 </Typography>4091 </Grid>4092 <Grid4093 className={classes.materailIcon}4094 item4095 md={3}4096 lg={2}4097 sm={4}4098 xs={12}4099 >4100 <Icons.FileCopy />4101 <Typography className={classes.materialIconText}>4102 FileCopy4103 </Typography>4104 </Grid>4105 <Grid4106 className={classes.materailIcon}4107 item4108 md={3}4109 lg={2}4110 sm={4}4111 xs={12}4112 >4113 <Icons.Filter />4114 <Typography className={classes.materialIconText}>4115 Filter4116 </Typography>4117 </Grid>4118 <Grid4119 className={classes.materailIcon}4120 item4121 md={3}4122 lg={2}4123 sm={4}4124 xs={12}4125 >4126 <Icons.Filter1 />4127 <Typography className={classes.materialIconText}>4128 Filter14129 </Typography>4130 </Grid>4131 <Grid4132 className={classes.materailIcon}4133 item4134 md={3}4135 lg={2}4136 sm={4}4137 xs={12}4138 >4139 <Icons.Filter2 />4140 <Typography className={classes.materialIconText}>4141 Filter24142 </Typography>4143 </Grid>4144 <Grid4145 className={classes.materailIcon}4146 item4147 md={3}4148 lg={2}4149 sm={4}4150 xs={12}4151 >4152 <Icons.Filter3 />4153 <Typography className={classes.materialIconText}>4154 Filter34155 </Typography>4156 </Grid>4157 <Grid4158 className={classes.materailIcon}4159 item4160 md={3}4161 lg={2}4162 sm={4}4163 xs={12}4164 >4165 <Icons.Filter4 />4166 <Typography className={classes.materialIconText}>4167 Filter44168 </Typography>4169 </Grid>4170 <Grid4171 className={classes.materailIcon}4172 item4173 md={3}4174 lg={2}4175 sm={4}4176 xs={12}4177 >4178 <Icons.Filter5 />4179 <Typography className={classes.materialIconText}>4180 Filter54181 </Typography>4182 </Grid>4183 <Grid4184 className={classes.materailIcon}4185 item4186 md={3}4187 lg={2}4188 sm={4}4189 xs={12}4190 >4191 <Icons.Filter6 />4192 <Typography className={classes.materialIconText}>4193 Filter64194 </Typography>4195 </Grid>4196 <Grid4197 className={classes.materailIcon}4198 item4199 md={3}4200 lg={2}4201 sm={4}4202 xs={12}4203 >4204 <Icons.Filter7 />4205 <Typography className={classes.materialIconText}>4206 Filter74207 </Typography>4208 </Grid>4209 <Grid4210 className={classes.materailIcon}4211 item4212 md={3}4213 lg={2}4214 sm={4}4215 xs={12}4216 >4217 <Icons.Filter8 />4218 <Typography className={classes.materialIconText}>4219 Filter84220 </Typography>4221 </Grid>4222 <Grid4223 className={classes.materailIcon}4224 item4225 md={3}4226 lg={2}4227 sm={4}4228 xs={12}4229 >4230 <Icons.Filter9 />4231 <Typography className={classes.materialIconText}>4232 Filter94233 </Typography>4234 </Grid>4235 <Grid4236 className={classes.materailIcon}4237 item4238 md={3}4239 lg={2}4240 sm={4}4241 xs={12}4242 >4243 <Icons.Filter9Plus />4244 <Typography className={classes.materialIconText}>4245 Filter9Plus4246 </Typography>4247 </Grid>4248 <Grid4249 className={classes.materailIcon}4250 item4251 md={3}4252 lg={2}4253 sm={4}4254 xs={12}4255 >4256 <Icons.FilterBAndW />4257 <Typography className={classes.materialIconText}>4258 FilterBAndW4259 </Typography>4260 </Grid>4261 <Grid4262 className={classes.materailIcon}4263 item4264 md={3}4265 lg={2}4266 sm={4}4267 xs={12}4268 >4269 <Icons.FilterCenterFocus />4270 <Typography className={classes.materialIconText}>4271 FilterCenterFocus4272 </Typography>4273 </Grid>4274 <Grid4275 className={classes.materailIcon}4276 item4277 md={3}4278 lg={2}4279 sm={4}4280 xs={12}4281 >4282 <Icons.FilterDrama />4283 <Typography className={classes.materialIconText}>4284 FilterDrama4285 </Typography>4286 </Grid>4287 <Grid4288 className={classes.materailIcon}4289 item4290 md={3}4291 lg={2}4292 sm={4}4293 xs={12}4294 >4295 <Icons.FilterFrames />4296 <Typography className={classes.materialIconText}>4297 FilterFrames4298 </Typography>4299 </Grid>4300 <Grid4301 className={classes.materailIcon}4302 item4303 md={3}4304 lg={2}4305 sm={4}4306 xs={12}4307 >4308 <Icons.FilterHdr />4309 <Typography className={classes.materialIconText}>4310 FilterHdr4311 </Typography>4312 </Grid>4313 <Grid4314 className={classes.materailIcon}4315 item4316 md={3}4317 lg={2}4318 sm={4}4319 xs={12}4320 >4321 <Icons.FilterList />4322 <Typography className={classes.materialIconText}>4323 FilterList4324 </Typography>4325 </Grid>4326 <Grid4327 className={classes.materailIcon}4328 item4329 md={3}4330 lg={2}4331 sm={4}4332 xs={12}4333 >4334 <Icons.FilterNone />4335 <Typography className={classes.materialIconText}>4336 FilterNone4337 </Typography>4338 </Grid>4339 <Grid4340 className={classes.materailIcon}4341 item4342 md={3}4343 lg={2}4344 sm={4}4345 xs={12}4346 >4347 <Icons.FilterTiltShift />4348 <Typography className={classes.materialIconText}>4349 FilterTiltShift4350 </Typography>4351 </Grid>4352 <Grid4353 className={classes.materailIcon}4354 item4355 md={3}4356 lg={2}4357 sm={4}4358 xs={12}4359 >4360 <Icons.FilterVintage />4361 <Typography className={classes.materialIconText}>4362 FilterVintage4363 </Typography>4364 </Grid>4365 <Grid4366 className={classes.materailIcon}4367 item4368 md={3}4369 lg={2}4370 sm={4}4371 xs={12}4372 >4373 <Icons.FindInPage />4374 <Typography className={classes.materialIconText}>4375 FindInPage4376 </Typography>4377 </Grid>4378 <Grid4379 className={classes.materailIcon}4380 item4381 md={3}4382 lg={2}4383 sm={4}4384 xs={12}4385 >4386 <Icons.FindReplace />4387 <Typography className={classes.materialIconText}>4388 FindReplace4389 </Typography>4390 </Grid>4391 <Grid4392 className={classes.materailIcon}4393 item4394 md={3}4395 lg={2}4396 sm={4}4397 xs={12}4398 >4399 <Icons.Fingerprint />4400 <Typography className={classes.materialIconText}>4401 Fingerprint4402 </Typography>4403 </Grid>4404 <Grid4405 className={classes.materailIcon}4406 item4407 md={3}4408 lg={2}4409 sm={4}4410 xs={12}4411 >4412 <Icons.FirstPage />4413 <Typography className={classes.materialIconText}>4414 FirstPage4415 </Typography>4416 </Grid>4417 <Grid4418 className={classes.materailIcon}4419 item4420 md={3}4421 lg={2}4422 sm={4}4423 xs={12}4424 >4425 <Icons.FitnessCenter />4426 <Typography className={classes.materialIconText}>4427 FitnessCenter4428 </Typography>4429 </Grid>4430 <Grid4431 className={classes.materailIcon}4432 item4433 md={3}4434 lg={2}4435 sm={4}4436 xs={12}4437 >4438 <Icons.Flag />4439 <Typography className={classes.materialIconText}>Flag</Typography>4440 </Grid>4441 <Grid4442 className={classes.materailIcon}4443 item4444 md={3}4445 lg={2}4446 sm={4}4447 xs={12}4448 >4449 <Icons.Flare />4450 <Typography className={classes.materialIconText}>4451 Flare4452 </Typography>4453 </Grid>4454 <Grid4455 className={classes.materailIcon}4456 item4457 md={3}4458 lg={2}4459 sm={4}4460 xs={12}4461 >4462 <Icons.FlashAuto />4463 <Typography className={classes.materialIconText}>4464 FlashAuto4465 </Typography>4466 </Grid>4467 <Grid4468 className={classes.materailIcon}4469 item4470 md={3}4471 lg={2}4472 sm={4}4473 xs={12}4474 >4475 <Icons.Flight />4476 <Typography className={classes.materialIconText}>4477 Flight4478 </Typography>4479 </Grid>4480 <Grid4481 className={classes.materailIcon}4482 item4483 md={3}4484 lg={2}4485 sm={4}4486 xs={12}4487 >4488 <Icons.FlightLand />4489 <Typography className={classes.materialIconText}>4490 FlightLand4491 </Typography>4492 </Grid>4493 <Grid4494 className={classes.materailIcon}4495 item4496 md={3}4497 lg={2}4498 sm={4}4499 xs={12}4500 >4501 <Icons.FlightTakeoff />4502 <Typography className={classes.materialIconText}>4503 FlightTakeoff4504 </Typography>4505 </Grid>4506 <Grid4507 className={classes.materailIcon}4508 item4509 md={3}4510 lg={2}4511 sm={4}4512 xs={12}4513 >4514 <Icons.Flip />4515 <Typography className={classes.materialIconText}>Flip</Typography>4516 </Grid>4517 <Grid4518 className={classes.materailIcon}4519 item4520 md={3}4521 lg={2}4522 sm={4}4523 xs={12}4524 >4525 <Icons.FlipToBack />4526 <Typography className={classes.materialIconText}>4527 FlipToBack4528 </Typography>4529 </Grid>4530 <Grid4531 className={classes.materailIcon}4532 item4533 md={3}4534 lg={2}4535 sm={4}4536 xs={12}4537 >4538 <Icons.FlipToFront />4539 <Typography className={classes.materialIconText}>4540 FlipToFront4541 </Typography>4542 </Grid>4543 <Grid4544 className={classes.materailIcon}4545 item4546 md={3}4547 lg={2}4548 sm={4}4549 xs={12}4550 >4551 <Icons.Folder />4552 <Typography className={classes.materialIconText}>4553 Folder4554 </Typography>4555 </Grid>4556 <Grid4557 className={classes.materailIcon}4558 item4559 md={3}4560 lg={2}4561 sm={4}4562 xs={12}4563 >4564 <Icons.FolderOpen />4565 <Typography className={classes.materialIconText}>4566 FolderOpen4567 </Typography>4568 </Grid>4569 <Grid4570 className={classes.materailIcon}4571 item4572 md={3}4573 lg={2}4574 sm={4}4575 xs={12}4576 >4577 <Icons.FolderShared />4578 <Typography className={classes.materialIconText}>4579 FolderShared4580 </Typography>4581 </Grid>4582 <Grid4583 className={classes.materailIcon}4584 item4585 md={3}4586 lg={2}4587 sm={4}4588 xs={12}4589 >4590 <Icons.FolderSpecial />4591 <Typography className={classes.materialIconText}>4592 FolderSpecial4593 </Typography>4594 </Grid>4595 <Grid4596 className={classes.materailIcon}4597 item4598 md={3}4599 lg={2}4600 sm={4}4601 xs={12}4602 >4603 <Icons.FontDownload />4604 <Typography className={classes.materialIconText}>4605 FontDownload4606 </Typography>4607 </Grid>4608 <Grid4609 className={classes.materailIcon}4610 item4611 md={3}4612 lg={2}4613 sm={4}4614 xs={12}4615 >4616 <Icons.FormatAlignCenter />4617 <Typography className={classes.materialIconText}>4618 FormatAlignCenter4619 </Typography>4620 </Grid>4621 <Grid4622 className={classes.materailIcon}4623 item4624 md={3}4625 lg={2}4626 sm={4}4627 xs={12}4628 >4629 <Icons.FormatAlignJustify />4630 <Typography className={classes.materialIconText}>4631 FormatAlignJustify4632 </Typography>4633 </Grid>4634 <Grid4635 className={classes.materailIcon}4636 item4637 md={3}4638 lg={2}4639 sm={4}4640 xs={12}4641 >4642 <Icons.FormatAlignLeft />4643 <Typography className={classes.materialIconText}>4644 FormatAlignLeft4645 </Typography>4646 </Grid>4647 <Grid4648 className={classes.materailIcon}4649 item4650 md={3}4651 lg={2}4652 sm={4}4653 xs={12}4654 >4655 <Icons.FormatAlignRight />4656 <Typography className={classes.materialIconText}>4657 FormatAlignRight4658 </Typography>4659 </Grid>4660 <Grid4661 className={classes.materailIcon}4662 item4663 md={3}4664 lg={2}4665 sm={4}4666 xs={12}4667 >4668 <Icons.FormatBold />4669 <Typography className={classes.materialIconText}>4670 FormatBold4671 </Typography>4672 </Grid>4673 <Grid4674 className={classes.materailIcon}4675 item4676 md={3}4677 lg={2}4678 sm={4}4679 xs={12}4680 >4681 <Icons.FormatClear />4682 <Typography className={classes.materialIconText}>4683 FormatClear4684 </Typography>4685 </Grid>4686 <Grid4687 className={classes.materailIcon}4688 item4689 md={3}4690 lg={2}4691 sm={4}4692 xs={12}4693 >4694 <Icons.FormatColorFill />4695 <Typography className={classes.materialIconText}>4696 FormatColorFill4697 </Typography>4698 </Grid>4699 <Grid4700 className={classes.materailIcon}4701 item4702 md={3}4703 lg={2}4704 sm={4}4705 xs={12}4706 >4707 <Icons.FormatColorReset />4708 <Typography className={classes.materialIconText}>4709 FormatColorReset4710 </Typography>4711 </Grid>4712 <Grid4713 className={classes.materailIcon}4714 item4715 md={3}4716 lg={2}4717 sm={4}4718 xs={12}4719 >4720 <Icons.FormatColorText />4721 <Typography className={classes.materialIconText}>4722 FormatColorText4723 </Typography>4724 </Grid>4725 <Grid4726 className={classes.materailIcon}4727 item4728 md={3}4729 lg={2}4730 sm={4}4731 xs={12}4732 >4733 <Icons.FormatIndentDecrease />4734 <Typography className={classes.materialIconText}>4735 FormatIndentDecrease4736 </Typography>4737 </Grid>4738 <Grid4739 className={classes.materailIcon}4740 item4741 md={3}4742 lg={2}4743 sm={4}4744 xs={12}4745 >4746 <Icons.FormatIndentIncrease />4747 <Typography className={classes.materialIconText}>4748 FormatIndentIncrease4749 </Typography>4750 </Grid>4751 <Grid4752 className={classes.materailIcon}4753 item4754 md={3}4755 lg={2}4756 sm={4}4757 xs={12}4758 >4759 <Icons.FormatItalic />4760 <Typography className={classes.materialIconText}>4761 FormatItalic4762 </Typography>4763 </Grid>4764 <Grid4765 className={classes.materailIcon}4766 item4767 md={3}4768 lg={2}4769 sm={4}4770 xs={12}4771 >4772 <Icons.FormatLineSpacing />4773 <Typography className={classes.materialIconText}>4774 FormatLineSpacing4775 </Typography>4776 </Grid>4777 <Grid4778 className={classes.materailIcon}4779 item4780 md={3}4781 lg={2}4782 sm={4}4783 xs={12}4784 >4785 <Icons.FormatListBulleted />4786 <Typography className={classes.materialIconText}>4787 FormatListBulleted4788 </Typography>4789 </Grid>4790 <Grid4791 className={classes.materailIcon}4792 item4793 md={3}4794 lg={2}4795 sm={4}4796 xs={12}4797 >4798 <Icons.FormatListNumbered />4799 <Typography className={classes.materialIconText}>4800 FormatListNumbered4801 </Typography>4802 </Grid>4803 <Grid4804 className={classes.materailIcon}4805 item4806 md={3}4807 lg={2}4808 sm={4}4809 xs={12}4810 >4811 <Icons.FormatListNumberedRtl />4812 <Typography className={classes.materialIconText}>4813 FormatListNumberedRtl4814 </Typography>4815 </Grid>4816 <Grid4817 className={classes.materailIcon}4818 item4819 md={3}4820 lg={2}4821 sm={4}4822 xs={12}4823 >4824 <Icons.FormatPaint />4825 <Typography className={classes.materialIconText}>4826 FormatPaint4827 </Typography>4828 </Grid>4829 <Grid4830 className={classes.materailIcon}4831 item4832 md={3}4833 lg={2}4834 sm={4}4835 xs={12}4836 >4837 <Icons.FormatQuote />4838 <Typography className={classes.materialIconText}>4839 FormatQuote4840 </Typography>4841 </Grid>4842 <Grid4843 className={classes.materailIcon}4844 item4845 md={3}4846 lg={2}4847 sm={4}4848 xs={12}4849 >4850 <Icons.FormatShapes />4851 <Typography className={classes.materialIconText}>4852 FormatShapes4853 </Typography>4854 </Grid>4855 <Grid4856 className={classes.materailIcon}4857 item4858 md={3}4859 lg={2}4860 sm={4}4861 xs={12}4862 >4863 <Icons.FormatSize />4864 <Typography className={classes.materialIconText}>4865 FormatSize4866 </Typography>4867 </Grid>4868 <Grid4869 className={classes.materailIcon}4870 item4871 md={3}4872 lg={2}4873 sm={4}4874 xs={12}4875 >4876 <Icons.FormatStrikethrough />4877 <Typography className={classes.materialIconText}>4878 FormatStrikethrough4879 </Typography>4880 </Grid>4881 <Grid4882 className={classes.materailIcon}4883 item4884 md={3}4885 lg={2}4886 sm={4}4887 xs={12}4888 >4889 <Icons.FormatTextdirectionLToR />4890 <Typography className={classes.materialIconText}>4891 FormatTextdirectionLToR4892 </Typography>4893 </Grid>4894 <Grid4895 className={classes.materailIcon}4896 item4897 md={3}4898 lg={2}4899 sm={4}4900 xs={12}4901 >4902 <Icons.FormatTextdirectionRToL />4903 <Typography className={classes.materialIconText}>4904 FormatTextdirectionRToL4905 </Typography>4906 </Grid>4907 <Grid4908 className={classes.materailIcon}4909 item4910 md={3}4911 lg={2}4912 sm={4}4913 xs={12}4914 >4915 <Icons.FormatUnderlined />4916 <Typography className={classes.materialIconText}>4917 FormatUnderlined4918 </Typography>4919 </Grid>4920 <Grid4921 className={classes.materailIcon}4922 item4923 md={3}4924 lg={2}4925 sm={4}4926 xs={12}4927 >4928 <Icons.Forum />4929 <Typography className={classes.materialIconText}>4930 Forum4931 </Typography>4932 </Grid>4933 <Grid4934 className={classes.materailIcon}4935 item4936 md={3}4937 lg={2}4938 sm={4}4939 xs={12}4940 >4941 <Icons.Forward />4942 <Typography className={classes.materialIconText}>4943 Forward4944 </Typography>4945 </Grid>4946 <Grid4947 className={classes.materailIcon}4948 item4949 md={3}4950 lg={2}4951 sm={4}4952 xs={12}4953 >4954 <Icons.Forward10 />4955 <Typography className={classes.materialIconText}>4956 Forward104957 </Typography>4958 </Grid>4959 <Grid4960 className={classes.materailIcon}4961 item4962 md={3}4963 lg={2}4964 sm={4}4965 xs={12}4966 >4967 <Icons.Forward30 />4968 <Typography className={classes.materialIconText}>4969 Forward304970 </Typography>4971 </Grid>4972 <Grid4973 className={classes.materailIcon}4974 item4975 md={3}4976 lg={2}4977 sm={4}4978 xs={12}4979 >4980 <Icons.Forward5 />4981 <Typography className={classes.materialIconText}>4982 Forward54983 </Typography>4984 </Grid>4985 <Grid4986 className={classes.materailIcon}4987 item4988 md={3}4989 lg={2}4990 sm={4}4991 xs={12}4992 >4993 <Icons.FourK />4994 <Typography className={classes.materialIconText}>4995 FourK4996 </Typography>4997 </Grid>4998 <Grid4999 className={classes.materailIcon}5000 item5001 md={3}5002 lg={2}5003 sm={4}5004 xs={12}5005 >5006 <Icons.FreeBreakfast />5007 <Typography className={classes.materialIconText}>5008 FreeBreakfast5009 </Typography>5010 </Grid>5011 <Grid5012 className={classes.materailIcon}5013 item5014 md={3}5015 lg={2}5016 sm={4}5017 xs={12}5018 >5019 <Icons.Fullscreen />5020 <Typography className={classes.materialIconText}>5021 Fullscreen5022 </Typography>5023 </Grid>5024 <Grid5025 className={classes.materailIcon}5026 item5027 md={3}5028 lg={2}5029 sm={4}5030 xs={12}5031 >5032 <Icons.FullscreenExit />5033 <Typography className={classes.materialIconText}>5034 FullscreenExit5035 </Typography>5036 </Grid>5037 <Grid5038 className={classes.materailIcon}5039 item5040 md={3}5041 lg={2}5042 sm={4}5043 xs={12}5044 >5045 <Icons.Functions />5046 <Typography className={classes.materialIconText}>5047 Functions5048 </Typography>5049 </Grid>5050 <Grid5051 className={classes.materailIcon}5052 item5053 md={3}5054 lg={2}5055 sm={4}5056 xs={12}5057 >5058 <Icons.Gamepad />5059 <Typography className={classes.materialIconText}>5060 Gamepad5061 </Typography>5062 </Grid>5063 <Grid5064 className={classes.materailIcon}5065 item5066 md={3}5067 lg={2}5068 sm={4}5069 xs={12}5070 >5071 <Icons.Games />5072 <Typography className={classes.materialIconText}>5073 Games5074 </Typography>5075 </Grid>5076 <Grid5077 className={classes.materailIcon}5078 item5079 md={3}5080 lg={2}5081 sm={4}5082 xs={12}5083 >5084 <Icons.Gavel />5085 <Typography className={classes.materialIconText}>5086 Gavel5087 </Typography>5088 </Grid>5089 <Grid5090 className={classes.materailIcon}5091 item5092 md={3}5093 lg={2}5094 sm={4}5095 xs={12}5096 >5097 <Icons.Gesture />5098 <Typography className={classes.materialIconText}>5099 Gesture5100 </Typography>5101 </Grid>5102 <Grid5103 className={classes.materailIcon}5104 item5105 md={3}5106 lg={2}5107 sm={4}5108 xs={12}5109 >5110 <Icons.GetApp />5111 <Typography className={classes.materialIconText}>5112 GetApp5113 </Typography>5114 </Grid>5115 <Grid5116 className={classes.materailIcon}5117 item5118 md={3}5119 lg={2}5120 sm={4}5121 xs={12}5122 >5123 <Icons.Gif />5124 <Typography className={classes.materialIconText}>Gif</Typography>5125 </Grid>5126 <Grid5127 className={classes.materailIcon}5128 item5129 md={3}5130 lg={2}5131 sm={4}5132 xs={12}5133 >5134 <Icons.GolfCourse />5135 <Typography className={classes.materialIconText}>5136 GolfCourse5137 </Typography>5138 </Grid>5139 <Grid5140 className={classes.materailIcon}5141 item5142 md={3}5143 lg={2}5144 sm={4}5145 xs={12}5146 >5147 <Icons.GpsFixed />5148 <Typography className={classes.materialIconText}>5149 GpsFixed5150 </Typography>5151 </Grid>5152 <Grid5153 className={classes.materailIcon}5154 item5155 md={3}5156 lg={2}5157 sm={4}5158 xs={12}5159 >5160 <Icons.GpsNotFixed />5161 <Typography className={classes.materialIconText}>5162 GpsNotFixed5163 </Typography>5164 </Grid>5165 <Grid5166 className={classes.materailIcon}5167 item5168 md={3}5169 lg={2}5170 sm={4}5171 xs={12}5172 >5173 <Icons.Grade />5174 <Typography className={classes.materialIconText}>5175 Grade5176 </Typography>5177 </Grid>5178 <Grid5179 className={classes.materailIcon}5180 item5181 md={3}5182 lg={2}5183 sm={4}5184 xs={12}5185 >5186 <Icons.Gradient />5187 <Typography className={classes.materialIconText}>5188 Gradient5189 </Typography>5190 </Grid>5191 <Grid5192 className={classes.materailIcon}5193 item5194 md={3}5195 lg={2}5196 sm={4}5197 xs={12}5198 >5199 <Icons.Grain />5200 <Typography className={classes.materialIconText}>5201 Grain5202 </Typography>5203 </Grid>5204 <Grid5205 className={classes.materailIcon}5206 item5207 md={3}5208 lg={2}5209 sm={4}5210 xs={12}5211 >5212 <Icons.GraphicEq />5213 <Typography className={classes.materialIconText}>5214 GraphicEq5215 </Typography>5216 </Grid>5217 <Grid5218 className={classes.materailIcon}5219 item5220 md={3}5221 lg={2}5222 sm={4}5223 xs={12}5224 >5225 <Icons.Group />5226 <Typography className={classes.materialIconText}>5227 Group5228 </Typography>5229 </Grid>5230 <Grid5231 className={classes.materailIcon}5232 item5233 md={3}5234 lg={2}5235 sm={4}5236 xs={12}5237 >5238 <Icons.GroupWork />5239 <Typography className={classes.materialIconText}>5240 GroupWork5241 </Typography>5242 </Grid>5243 <Grid5244 className={classes.materailIcon}5245 item5246 md={3}5247 lg={2}5248 sm={4}5249 xs={12}5250 >5251 <Icons.GTranslate />5252 <Typography className={classes.materialIconText}>5253 GTranslate5254 </Typography>5255 </Grid>5256 <Grid5257 className={classes.materailIcon}5258 item5259 md={3}5260 lg={2}5261 sm={4}5262 xs={12}5263 >5264 <Icons.Hd />5265 <Typography className={classes.materialIconText}>Hd</Typography>5266 </Grid>5267 <Grid5268 className={classes.materailIcon}5269 item5270 md={3}5271 lg={2}5272 sm={4}5273 xs={12}5274 >5275 <Icons.HdrStrong />5276 <Typography className={classes.materialIconText}>5277 HdrStrong5278 </Typography>5279 </Grid>5280 <Grid5281 className={classes.materailIcon}5282 item5283 md={3}5284 lg={2}5285 sm={4}5286 xs={12}5287 >5288 <Icons.HdrWeak />5289 <Typography className={classes.materialIconText}>5290 HdrWeak5291 </Typography>5292 </Grid>5293 <Grid5294 className={classes.materailIcon}5295 item5296 md={3}5297 lg={2}5298 sm={4}5299 xs={12}5300 >5301 <Icons.Headset />5302 <Typography className={classes.materialIconText}>5303 Headset5304 </Typography>5305 </Grid>5306 <Grid5307 className={classes.materailIcon}5308 item5309 md={3}5310 lg={2}5311 sm={4}5312 xs={12}5313 >5314 <Icons.HeadsetMic />5315 <Typography className={classes.materialIconText}>5316 HeadsetMic5317 </Typography>5318 </Grid>5319 <Grid5320 className={classes.materailIcon}5321 item5322 md={3}5323 lg={2}5324 sm={4}5325 xs={12}5326 >5327 <Icons.Healing />5328 <Typography className={classes.materialIconText}>5329 Healing5330 </Typography>5331 </Grid>5332 <Grid5333 className={classes.materailIcon}5334 item5335 md={3}5336 lg={2}5337 sm={4}5338 xs={12}5339 >5340 <Icons.Hearing />5341 <Typography className={classes.materialIconText}>5342 Hearing5343 </Typography>5344 </Grid>5345 <Grid5346 className={classes.materailIcon}5347 item5348 md={3}5349 lg={2}5350 sm={4}5351 xs={12}5352 >5353 <Icons.Help />5354 <Typography className={classes.materialIconText}>Help</Typography>5355 </Grid>5356 <Grid5357 className={classes.materailIcon}5358 item5359 md={3}5360 lg={2}5361 sm={4}5362 xs={12}5363 >5364 <Icons.HelpOutline />5365 <Typography className={classes.materialIconText}>5366 HelpOutline5367 </Typography>5368 </Grid>5369 <Grid5370 className={classes.materailIcon}5371 item5372 md={3}5373 lg={2}5374 sm={4}5375 xs={12}5376 >5377 <Icons.Highlight />5378 <Typography className={classes.materialIconText}>5379 Highlight5380 </Typography>5381 </Grid>5382 <Grid5383 className={classes.materailIcon}5384 item5385 md={3}5386 lg={2}5387 sm={4}5388 xs={12}5389 >5390 <Icons.HighQuality />5391 <Typography className={classes.materialIconText}>5392 HighQuality5393 </Typography>5394 </Grid>5395 <Grid5396 className={classes.materailIcon}5397 item5398 md={3}5399 lg={2}5400 sm={4}5401 xs={12}5402 >5403 <Icons.History />5404 <Typography className={classes.materialIconText}>5405 History5406 </Typography>5407 </Grid>5408 <Grid5409 className={classes.materailIcon}5410 item5411 md={3}5412 lg={2}5413 sm={4}5414 xs={12}5415 >5416 <Icons.Home />5417 <Typography className={classes.materialIconText}>Home</Typography>5418 </Grid>5419 <Grid5420 className={classes.materailIcon}5421 item5422 md={3}5423 lg={2}5424 sm={4}5425 xs={12}5426 >5427 <Icons.HorizontalSplit />5428 <Typography className={classes.materialIconText}>5429 HorizontalSplit5430 </Typography>5431 </Grid>5432 <Grid5433 className={classes.materailIcon}5434 item5435 md={3}5436 lg={2}5437 sm={4}5438 xs={12}5439 >5440 <Icons.Hotel />5441 <Typography className={classes.materialIconText}>5442 Hotel5443 </Typography>5444 </Grid>5445 <Grid5446 className={classes.materailIcon}5447 item5448 md={3}5449 lg={2}5450 sm={4}5451 xs={12}5452 >5453 <Icons.HotTub />5454 <Typography className={classes.materialIconText}>5455 HotTub5456 </Typography>5457 </Grid>5458 <Grid5459 className={classes.materailIcon}5460 item5461 md={3}5462 lg={2}5463 sm={4}5464 xs={12}5465 >5466 <Icons.HourglassEmpty />5467 <Typography className={classes.materialIconText}>5468 HourglassEmpty5469 </Typography>5470 </Grid>5471 <Grid5472 className={classes.materailIcon}5473 item5474 md={3}5475 lg={2}5476 sm={4}5477 xs={12}5478 >5479 <Icons.HourglassFull />5480 <Typography className={classes.materialIconText}>5481 HourglassFull5482 </Typography>5483 </Grid>5484 <Grid5485 className={classes.materailIcon}5486 item5487 md={3}5488 lg={2}5489 sm={4}5490 xs={12}5491 >5492 <Icons.HowToReg />5493 <Typography className={classes.materialIconText}>5494 HowToReg5495 </Typography>5496 </Grid>5497 <Grid5498 className={classes.materailIcon}5499 item5500 md={3}5501 lg={2}5502 sm={4}5503 xs={12}5504 >5505 <Icons.HowToVote />5506 <Typography className={classes.materialIconText}>5507 HowToVote5508 </Typography>5509 </Grid>5510 <Grid5511 className={classes.materailIcon}5512 item5513 md={3}5514 lg={2}5515 sm={4}5516 xs={12}5517 >5518 <Icons.Http />5519 <Typography className={classes.materialIconText}>Http</Typography>5520 </Grid>5521 <Grid5522 className={classes.materailIcon}5523 item5524 md={3}5525 lg={2}5526 sm={4}5527 xs={12}5528 >5529 <Icons.Https />5530 <Typography className={classes.materialIconText}>5531 Https5532 </Typography>5533 </Grid>5534 <Grid5535 className={classes.materailIcon}5536 item5537 md={3}5538 lg={2}5539 sm={4}5540 xs={12}5541 >5542 <Icons.Image />5543 <Typography className={classes.materialIconText}>5544 Image5545 </Typography>5546 </Grid>5547 <Grid5548 className={classes.materailIcon}5549 item5550 md={3}5551 lg={2}5552 sm={4}5553 xs={12}5554 >5555 <Icons.ImageAspectRatio />5556 <Typography className={classes.materialIconText}>5557 ImageAspectRatio5558 </Typography>5559 </Grid>5560 <Grid5561 className={classes.materailIcon}5562 item5563 md={3}5564 lg={2}5565 sm={4}5566 xs={12}5567 >5568 <Icons.ImageSearch />5569 <Typography className={classes.materialIconText}>5570 ImageSearch5571 </Typography>5572 </Grid>5573 <Grid5574 className={classes.materailIcon}5575 item5576 md={3}5577 lg={2}5578 sm={4}5579 xs={12}5580 >5581 <Icons.ImportantDevices />5582 <Typography className={classes.materialIconText}>5583 ImportantDevices5584 </Typography>5585 </Grid>5586 <Grid5587 className={classes.materailIcon}5588 item5589 md={3}5590 lg={2}5591 sm={4}5592 xs={12}5593 >5594 <Icons.ImportContacts />5595 <Typography className={classes.materialIconText}>5596 ImportContacts5597 </Typography>5598 </Grid>5599 <Grid5600 className={classes.materailIcon}5601 item5602 md={3}5603 lg={2}5604 sm={4}5605 xs={12}5606 >5607 <Icons.ImportExport />5608 <Typography className={classes.materialIconText}>5609 ImportExport5610 </Typography>5611 </Grid>5612 <Grid5613 className={classes.materailIcon}5614 item5615 md={3}5616 lg={2}5617 sm={4}5618 xs={12}5619 >5620 <Icons.Inbox />5621 <Typography className={classes.materialIconText}>5622 Inbox5623 </Typography>5624 </Grid>5625 <Grid5626 className={classes.materailIcon}5627 item5628 md={3}5629 lg={2}5630 sm={4}5631 xs={12}5632 >5633 <Icons.IndeterminateCheckBox />5634 <Typography className={classes.materialIconText}>5635 IndeterminateCheckBox5636 </Typography>5637 </Grid>5638 <Grid5639 className={classes.materailIcon}5640 item5641 md={3}5642 lg={2}5643 sm={4}5644 xs={12}5645 >5646 <Icons.Info />5647 <Typography className={classes.materialIconText}>Info</Typography>5648 </Grid>5649 <Grid5650 className={classes.materailIcon}5651 item5652 md={3}5653 lg={2}5654 sm={4}5655 xs={12}5656 >5657 <Icons.Input />5658 <Typography className={classes.materialIconText}>5659 Input5660 </Typography>5661 </Grid>5662 <Grid5663 className={classes.materailIcon}5664 item5665 md={3}5666 lg={2}5667 sm={4}5668 xs={12}5669 >5670 <Icons.InsertChart />5671 <Typography className={classes.materialIconText}>5672 InsertChart5673 </Typography>5674 </Grid>5675 <Grid5676 className={classes.materailIcon}5677 item5678 md={3}5679 lg={2}5680 sm={4}5681 xs={12}5682 >5683 <Icons.InsertComment />5684 <Typography className={classes.materialIconText}>5685 InsertComment5686 </Typography>5687 </Grid>5688 <Grid5689 className={classes.materailIcon}5690 item5691 md={3}5692 lg={2}5693 sm={4}5694 xs={12}5695 >5696 <Icons.InsertDriveFile />5697 <Typography className={classes.materialIconText}>5698 InsertDriveFile5699 </Typography>5700 </Grid>5701 <Grid5702 className={classes.materailIcon}5703 item5704 md={3}5705 lg={2}5706 sm={4}5707 xs={12}5708 >5709 <Icons.InsertEmoticon />5710 <Typography className={classes.materialIconText}>5711 InsertEmoticon5712 </Typography>5713 </Grid>5714 <Grid5715 className={classes.materailIcon}5716 item5717 md={3}5718 lg={2}5719 sm={4}5720 xs={12}5721 >5722 <Icons.InsertInvitation />5723 <Typography className={classes.materialIconText}>5724 InsertInvitation5725 </Typography>5726 </Grid>5727 <Grid5728 className={classes.materailIcon}5729 item5730 md={3}5731 lg={2}5732 sm={4}5733 xs={12}5734 >5735 <Icons.InsertLink />5736 <Typography className={classes.materialIconText}>5737 InsertLink5738 </Typography>5739 </Grid>5740 <Grid5741 className={classes.materailIcon}5742 item5743 md={3}5744 lg={2}5745 sm={4}5746 xs={12}5747 >5748 <Icons.InsertPhoto />5749 <Typography className={classes.materialIconText}>5750 InsertPhoto5751 </Typography>5752 </Grid>5753 <Grid5754 className={classes.materailIcon}5755 item5756 md={3}5757 lg={2}5758 sm={4}5759 xs={12}5760 >5761 <Icons.InvertColors />5762 <Typography className={classes.materialIconText}>5763 InvertColors5764 </Typography>5765 </Grid>5766 <Grid5767 className={classes.materailIcon}5768 item5769 md={3}5770 lg={2}5771 sm={4}5772 xs={12}5773 >5774 <Icons.Iso />5775 <Typography className={classes.materialIconText}>Iso</Typography>5776 </Grid>5777 <Grid5778 className={classes.materailIcon}5779 item5780 md={3}5781 lg={2}5782 sm={4}5783 xs={12}5784 >5785 <Icons.Keyboard />5786 <Typography className={classes.materialIconText}>5787 Keyboard5788 </Typography>5789 </Grid>5790 <Grid5791 className={classes.materailIcon}5792 item5793 md={3}5794 lg={2}5795 sm={4}5796 xs={12}5797 >5798 <Icons.KeyboardArrowDown />5799 <Typography className={classes.materialIconText}>5800 KeyboardArrowDown5801 </Typography>5802 </Grid>5803 <Grid5804 className={classes.materailIcon}5805 item5806 md={3}5807 lg={2}5808 sm={4}5809 xs={12}5810 >5811 <Icons.KeyboardArrowLeft />5812 <Typography className={classes.materialIconText}>5813 KeyboardArrowLeft5814 </Typography>5815 </Grid>5816 <Grid5817 className={classes.materailIcon}5818 item5819 md={3}5820 lg={2}5821 sm={4}5822 xs={12}5823 >5824 <Icons.KeyboardArrowRight />5825 <Typography className={classes.materialIconText}>5826 KeyboardArrowRight5827 </Typography>5828 </Grid>5829 <Grid5830 className={classes.materailIcon}5831 item5832 md={3}5833 lg={2}5834 sm={4}5835 xs={12}5836 >5837 <Icons.KeyboardArrowUp />5838 <Typography className={classes.materialIconText}>5839 KeyboardArrowUp5840 </Typography>5841 </Grid>5842 <Grid5843 className={classes.materailIcon}5844 item5845 md={3}5846 lg={2}5847 sm={4}5848 xs={12}5849 >5850 <Icons.KeyboardBackspace />5851 <Typography className={classes.materialIconText}>5852 KeyboardBackspace5853 </Typography>5854 </Grid>5855 <Grid5856 className={classes.materailIcon}5857 item5858 md={3}5859 lg={2}5860 sm={4}5861 xs={12}5862 >5863 <Icons.KeyboardCapslock />5864 <Typography className={classes.materialIconText}>5865 KeyboardCapslock5866 </Typography>5867 </Grid>5868 <Grid5869 className={classes.materailIcon}5870 item5871 md={3}5872 lg={2}5873 sm={4}5874 xs={12}5875 >5876 <Icons.KeyboardHide />5877 <Typography className={classes.materialIconText}>5878 KeyboardHide5879 </Typography>5880 </Grid>5881 <Grid5882 className={classes.materailIcon}5883 item5884 md={3}5885 lg={2}5886 sm={4}5887 xs={12}5888 >5889 <Icons.KeyboardReturn />5890 <Typography className={classes.materialIconText}>5891 KeyboardReturn5892 </Typography>5893 </Grid>5894 <Grid5895 className={classes.materailIcon}5896 item5897 md={3}5898 lg={2}5899 sm={4}5900 xs={12}5901 >5902 <Icons.KeyboardTab />5903 <Typography className={classes.materialIconText}>5904 KeyboardTab5905 </Typography>5906 </Grid>5907 <Grid5908 className={classes.materailIcon}5909 item5910 md={3}5911 lg={2}5912 sm={4}5913 xs={12}5914 >5915 <Icons.KeyboardVoice />5916 <Typography className={classes.materialIconText}>5917 KeyboardVoice5918 </Typography>5919 </Grid>5920 <Grid5921 className={classes.materailIcon}5922 item5923 md={3}5924 lg={2}5925 sm={4}5926 xs={12}5927 >5928 <Icons.Kitchen />5929 <Typography className={classes.materialIconText}>5930 Kitchen5931 </Typography>5932 </Grid>5933 <Grid5934 className={classes.materailIcon}5935 item5936 md={3}5937 lg={2}5938 sm={4}5939 xs={12}5940 >5941 <Icons.Label />5942 <Typography className={classes.materialIconText}>5943 Label5944 </Typography>5945 </Grid>5946 <Grid5947 className={classes.materailIcon}5948 item5949 md={3}5950 lg={2}5951 sm={4}5952 xs={12}5953 >5954 <Icons.LabelImportant />5955 <Typography className={classes.materialIconText}>5956 LabelImportant5957 </Typography>5958 </Grid>5959 <Grid5960 className={classes.materailIcon}5961 item5962 md={3}5963 lg={2}5964 sm={4}5965 xs={12}5966 >5967 <Icons.Landscape />5968 <Typography className={classes.materialIconText}>5969 Landscape5970 </Typography>5971 </Grid>5972 <Grid5973 className={classes.materailIcon}5974 item5975 md={3}5976 lg={2}5977 sm={4}5978 xs={12}5979 >5980 <Icons.Language />5981 <Typography className={classes.materialIconText}>5982 Language5983 </Typography>5984 </Grid>5985 <Grid5986 className={classes.materailIcon}5987 item5988 md={3}5989 lg={2}5990 sm={4}5991 xs={12}5992 >5993 <Icons.Laptop />5994 <Typography className={classes.materialIconText}>5995 Laptop5996 </Typography>5997 </Grid>5998 <Grid5999 className={classes.materailIcon}6000 item6001 md={3}6002 lg={2}6003 sm={4}6004 xs={12}6005 >6006 <Icons.LaptopChromebook />6007 <Typography className={classes.materialIconText}>6008 LaptopChromebook6009 </Typography>6010 </Grid>6011 <Grid6012 className={classes.materailIcon}6013 item6014 md={3}6015 lg={2}6016 sm={4}6017 xs={12}6018 >6019 <Icons.LaptopMac />6020 <Typography className={classes.materialIconText}>6021 LaptopMac6022 </Typography>6023 </Grid>6024 <Grid6025 className={classes.materailIcon}6026 item6027 md={3}6028 lg={2}6029 sm={4}6030 xs={12}6031 >6032 <Icons.LaptopWindows />6033 <Typography className={classes.materialIconText}>6034 LaptopWindows6035 </Typography>6036 </Grid>6037 <Grid6038 className={classes.materailIcon}6039 item6040 md={3}6041 lg={2}6042 sm={4}6043 xs={12}6044 >6045 <Icons.LastPage />6046 <Typography className={classes.materialIconText}>6047 LastPage6048 </Typography>6049 </Grid>6050 <Grid6051 className={classes.materailIcon}6052 item6053 md={3}6054 lg={2}6055 sm={4}6056 xs={12}6057 >6058 <Icons.Launch />6059 <Typography className={classes.materialIconText}>6060 Launch6061 </Typography>6062 </Grid>6063 <Grid6064 className={classes.materailIcon}6065 item6066 md={3}6067 lg={2}6068 sm={4}6069 xs={12}6070 >6071 <Icons.Layers />6072 <Typography className={classes.materialIconText}>6073 Layers6074 </Typography>6075 </Grid>6076 <Grid6077 className={classes.materailIcon}6078 item6079 md={3}6080 lg={2}6081 sm={4}6082 xs={12}6083 >6084 <Icons.LayersClear />6085 <Typography className={classes.materialIconText}>6086 LayersClear6087 </Typography>6088 </Grid>6089 <Grid6090 className={classes.materailIcon}6091 item6092 md={3}6093 lg={2}6094 sm={4}6095 xs={12}6096 >6097 <Icons.LeakRemove />6098 <Typography className={classes.materialIconText}>6099 LeakRemove6100 </Typography>6101 </Grid>6102 <Grid6103 className={classes.materailIcon}6104 item6105 md={3}6106 lg={2}6107 sm={4}6108 xs={12}6109 >6110 <Icons.Lens />6111 <Typography className={classes.materialIconText}>Lens</Typography>6112 </Grid>6113 <Grid6114 className={classes.materailIcon}6115 item6116 md={3}6117 lg={2}6118 sm={4}6119 xs={12}6120 >6121 <Icons.LibraryBooks />6122 <Typography className={classes.materialIconText}>6123 LibraryBooks6124 </Typography>6125 </Grid>6126 <Grid6127 className={classes.materailIcon}6128 item6129 md={3}6130 lg={2}6131 sm={4}6132 xs={12}6133 >6134 <Icons.LibraryMusic />6135 <Typography className={classes.materialIconText}>6136 LibraryMusic6137 </Typography>6138 </Grid>6139 <Grid6140 className={classes.materailIcon}6141 item6142 md={3}6143 lg={2}6144 sm={4}6145 xs={12}6146 >6147 <Icons.LinearScale />6148 <Typography className={classes.materialIconText}>6149 LinearScale6150 </Typography>6151 </Grid>6152 <Grid6153 className={classes.materailIcon}6154 item6155 md={3}6156 lg={2}6157 sm={4}6158 xs={12}6159 >6160 <Icons.LineStyle />6161 <Typography className={classes.materialIconText}>6162 LineStyle6163 </Typography>6164 </Grid>6165 <Grid6166 className={classes.materailIcon}6167 item6168 md={3}6169 lg={2}6170 sm={4}6171 xs={12}6172 >6173 <Icons.LineWeight />6174 <Typography className={classes.materialIconText}>6175 LineWeight6176 </Typography>6177 </Grid>6178 <Grid6179 className={classes.materailIcon}6180 item6181 md={3}6182 lg={2}6183 sm={4}6184 xs={12}6185 >6186 <Icons.Link />6187 <Typography className={classes.materialIconText}>Link</Typography>6188 </Grid>6189 <Grid6190 className={classes.materailIcon}6191 item6192 md={3}6193 lg={2}6194 sm={4}6195 xs={12}6196 >6197 <Icons.LinkedCamera />6198 <Typography className={classes.materialIconText}>6199 LinkedCamera6200 </Typography>6201 </Grid>6202 <Grid6203 className={classes.materailIcon}6204 item6205 md={3}6206 lg={2}6207 sm={4}6208 xs={12}6209 >6210 <Icons.List />6211 <Typography className={classes.materialIconText}>List</Typography>6212 </Grid>6213 <Grid6214 className={classes.materailIcon}6215 item6216 md={3}6217 lg={2}6218 sm={4}6219 xs={12}6220 >6221 <Icons.ListAlt />6222 <Typography className={classes.materialIconText}>6223 ListAlt6224 </Typography>6225 </Grid>6226 <Grid6227 className={classes.materailIcon}6228 item6229 md={3}6230 lg={2}6231 sm={4}6232 xs={12}6233 >6234 <Icons.LiveHelp />6235 <Typography className={classes.materialIconText}>6236 LiveHelp6237 </Typography>6238 </Grid>6239 <Grid6240 className={classes.materailIcon}6241 item6242 md={3}6243 lg={2}6244 sm={4}6245 xs={12}6246 >6247 <Icons.LiveTv />6248 <Typography className={classes.materialIconText}>6249 LiveTv6250 </Typography>6251 </Grid>6252 <Grid6253 className={classes.materailIcon}6254 item6255 md={3}6256 lg={2}6257 sm={4}6258 xs={12}6259 >6260 <Icons.LocalActivity />6261 <Typography className={classes.materialIconText}>6262 LocalActivity6263 </Typography>6264 </Grid>6265 <Grid6266 className={classes.materailIcon}6267 item6268 md={3}6269 lg={2}6270 sm={4}6271 xs={12}6272 >6273 <Icons.LocalAirport />6274 <Typography className={classes.materialIconText}>6275 LocalAirport6276 </Typography>6277 </Grid>6278 <Grid6279 className={classes.materailIcon}6280 item6281 md={3}6282 lg={2}6283 sm={4}6284 xs={12}6285 >6286 <Icons.LocalAtm />6287 <Typography className={classes.materialIconText}>6288 LocalAtm6289 </Typography>6290 </Grid>6291 <Grid6292 className={classes.materailIcon}6293 item6294 md={3}6295 lg={2}6296 sm={4}6297 xs={12}6298 >6299 <Icons.LocalBar />6300 <Typography className={classes.materialIconText}>6301 LocalBar6302 </Typography>6303 </Grid>6304 <Grid6305 className={classes.materailIcon}6306 item6307 md={3}6308 lg={2}6309 sm={4}6310 xs={12}6311 >6312 <Icons.LocalCafe />6313 <Typography className={classes.materialIconText}>6314 LocalCafe6315 </Typography>6316 </Grid>6317 <Grid6318 className={classes.materailIcon}6319 item6320 md={3}6321 lg={2}6322 sm={4}6323 xs={12}6324 >6325 <Icons.LocalCarWash />6326 <Typography className={classes.materialIconText}>6327 LocalCarWash6328 </Typography>6329 </Grid>6330 <Grid6331 className={classes.materailIcon}6332 item6333 md={3}6334 lg={2}6335 sm={4}6336 xs={12}6337 >6338 <Icons.LocalConvenienceStore />6339 <Typography className={classes.materialIconText}>6340 LocalConvenienceStore6341 </Typography>6342 </Grid>6343 <Grid6344 className={classes.materailIcon}6345 item6346 md={3}6347 lg={2}6348 sm={4}6349 xs={12}6350 >6351 <Icons.LocalDining />6352 <Typography className={classes.materialIconText}>6353 LocalDining6354 </Typography>6355 </Grid>6356 <Grid6357 className={classes.materailIcon}6358 item6359 md={3}6360 lg={2}6361 sm={4}6362 xs={12}6363 >6364 <Icons.LocalDrink />6365 <Typography className={classes.materialIconText}>6366 LocalDrink6367 </Typography>6368 </Grid>6369 <Grid6370 className={classes.materailIcon}6371 item6372 md={3}6373 lg={2}6374 sm={4}6375 xs={12}6376 >6377 <Icons.LocalFlorist />6378 <Typography className={classes.materialIconText}>6379 LocalFlorist6380 </Typography>6381 </Grid>6382 <Grid6383 className={classes.materailIcon}6384 item6385 md={3}6386 lg={2}6387 sm={4}6388 xs={12}6389 >6390 <Icons.LocalGasStation />6391 <Typography className={classes.materialIconText}>6392 LocalGasStation6393 </Typography>6394 </Grid>6395 <Grid6396 className={classes.materailIcon}6397 item6398 md={3}6399 lg={2}6400 sm={4}6401 xs={12}6402 >6403 <Icons.LocalGroceryStore />6404 <Typography className={classes.materialIconText}>6405 LocalGroceryStore6406 </Typography>6407 </Grid>6408 <Grid6409 className={classes.materailIcon}6410 item6411 md={3}6412 lg={2}6413 sm={4}6414 xs={12}6415 >6416 <Icons.LocalHospital />6417 <Typography className={classes.materialIconText}>6418 LocalHospital6419 </Typography>6420 </Grid>6421 <Grid6422 className={classes.materailIcon}6423 item6424 md={3}6425 lg={2}6426 sm={4}6427 xs={12}6428 >6429 <Icons.LocalHotel />6430 <Typography className={classes.materialIconText}>6431 LocalHotel6432 </Typography>6433 </Grid>6434 <Grid6435 className={classes.materailIcon}6436 item6437 md={3}6438 lg={2}6439 sm={4}6440 xs={12}6441 >6442 <Icons.LocalLaundryService />6443 <Typography className={classes.materialIconText}>6444 LocalLaundryService6445 </Typography>6446 </Grid>6447 <Grid6448 className={classes.materailIcon}6449 item6450 md={3}6451 lg={2}6452 sm={4}6453 xs={12}6454 >6455 <Icons.LocalLibrary />6456 <Typography className={classes.materialIconText}>6457 LocalLibrary6458 </Typography>6459 </Grid>6460 <Grid6461 className={classes.materailIcon}6462 item6463 md={3}6464 lg={2}6465 sm={4}6466 xs={12}6467 >6468 <Icons.LocalMall />6469 <Typography className={classes.materialIconText}>6470 LocalMall6471 </Typography>6472 </Grid>6473 <Grid6474 className={classes.materailIcon}6475 item6476 md={3}6477 lg={2}6478 sm={4}6479 xs={12}6480 >6481 <Icons.LocalMovies />6482 <Typography className={classes.materialIconText}>6483 LocalMovies6484 </Typography>6485 </Grid>6486 <Grid6487 className={classes.materailIcon}6488 item6489 md={3}6490 lg={2}6491 sm={4}6492 xs={12}6493 >6494 <Icons.LocalParking />6495 <Typography className={classes.materialIconText}>6496 LocalParking6497 </Typography>6498 </Grid>6499 <Grid6500 className={classes.materailIcon}6501 item6502 md={3}6503 lg={2}6504 sm={4}6505 xs={12}6506 >6507 <Icons.LocalPharmacy />6508 <Typography className={classes.materialIconText}>6509 LocalPharmacy6510 </Typography>6511 </Grid>6512 <Grid6513 className={classes.materailIcon}6514 item6515 md={3}6516 lg={2}6517 sm={4}6518 xs={12}6519 >6520 <Icons.LocalPhone />6521 <Typography className={classes.materialIconText}>6522 LocalPhone6523 </Typography>6524 </Grid>6525 <Grid6526 className={classes.materailIcon}6527 item6528 md={3}6529 lg={2}6530 sm={4}6531 xs={12}6532 >6533 <Icons.LocalPizza />6534 <Typography className={classes.materialIconText}>6535 LocalPizza6536 </Typography>6537 </Grid>6538 <Grid6539 className={classes.materailIcon}6540 item6541 md={3}6542 lg={2}6543 sm={4}6544 xs={12}6545 >6546 <Icons.LocalPlay />6547 <Typography className={classes.materialIconText}>6548 LocalPlay6549 </Typography>6550 </Grid>6551 <Grid6552 className={classes.materailIcon}6553 item6554 md={3}6555 lg={2}6556 sm={4}6557 xs={12}6558 >6559 <Icons.LocalPrintshop />6560 <Typography className={classes.materialIconText}>6561 LocalPrintshop6562 </Typography>6563 </Grid>6564 <Grid6565 className={classes.materailIcon}6566 item6567 md={3}6568 lg={2}6569 sm={4}6570 xs={12}6571 >6572 <Icons.LocalSee />6573 <Typography className={classes.materialIconText}>6574 LocalSee6575 </Typography>6576 </Grid>6577 <Grid6578 className={classes.materailIcon}6579 item6580 md={3}6581 lg={2}6582 sm={4}6583 xs={12}6584 >6585 <Icons.LocalShipping />6586 <Typography className={classes.materialIconText}>6587 LocalShipping6588 </Typography>6589 </Grid>6590 <Grid6591 className={classes.materailIcon}6592 item6593 md={3}6594 lg={2}6595 sm={4}6596 xs={12}6597 >6598 <Icons.LocalTaxi />6599 <Typography className={classes.materialIconText}>6600 LocalTaxi6601 </Typography>6602 </Grid>6603 <Grid6604 className={classes.materailIcon}6605 item6606 md={3}6607 lg={2}6608 sm={4}6609 xs={12}6610 >6611 <Icons.LocationCity />6612 <Typography className={classes.materialIconText}>6613 LocationCity6614 </Typography>6615 </Grid>6616 <Grid6617 className={classes.materailIcon}6618 item6619 md={3}6620 lg={2}6621 sm={4}6622 xs={12}6623 >6624 <Icons.LocationDisabled />6625 <Typography className={classes.materialIconText}>6626 LocationDisabled6627 </Typography>6628 </Grid>6629 <Grid6630 className={classes.materailIcon}6631 item6632 md={3}6633 lg={2}6634 sm={4}6635 xs={12}6636 >6637 <Icons.LocationSearching />6638 <Typography className={classes.materialIconText}>6639 LocationSearching6640 </Typography>6641 </Grid>6642 <Grid6643 className={classes.materailIcon}6644 item6645 md={3}6646 lg={2}6647 sm={4}6648 xs={12}6649 >6650 <Icons.Lock />6651 <Typography className={classes.materialIconText}>Lock</Typography>6652 </Grid>6653 <Grid6654 className={classes.materailIcon}6655 item6656 md={3}6657 lg={2}6658 sm={4}6659 xs={12}6660 >6661 <Icons.LockOpen />6662 <Typography className={classes.materialIconText}>6663 LockOpen6664 </Typography>6665 </Grid>6666 <Grid6667 className={classes.materailIcon}6668 item6669 md={3}6670 lg={2}6671 sm={4}6672 xs={12}6673 >6674 <Icons.Looks />6675 <Typography className={classes.materialIconText}>6676 Looks6677 </Typography>6678 </Grid>6679 <Grid6680 className={classes.materailIcon}6681 item6682 md={3}6683 lg={2}6684 sm={4}6685 xs={12}6686 >6687 <Icons.Looks3 />6688 <Typography className={classes.materialIconText}>6689 Looks36690 </Typography>6691 </Grid>6692 <Grid6693 className={classes.materailIcon}6694 item6695 md={3}6696 lg={2}6697 sm={4}6698 xs={12}6699 >6700 <Icons.Looks4 />6701 <Typography className={classes.materialIconText}>6702 Looks46703 </Typography>6704 </Grid>6705 <Grid6706 className={classes.materailIcon}6707 item6708 md={3}6709 lg={2}6710 sm={4}6711 xs={12}6712 >6713 <Icons.Looks5 />6714 <Typography className={classes.materialIconText}>6715 Looks56716 </Typography>6717 </Grid>6718 <Grid6719 className={classes.materailIcon}6720 item6721 md={3}6722 lg={2}6723 sm={4}6724 xs={12}6725 >6726 <Icons.Looks6 />6727 <Typography className={classes.materialIconText}>6728 Looks66729 </Typography>6730 </Grid>6731 <Grid6732 className={classes.materailIcon}6733 item6734 md={3}6735 lg={2}6736 sm={4}6737 xs={12}6738 >6739 <Icons.LooksTwo />6740 <Typography className={classes.materialIconText}>6741 LooksTwo6742 </Typography>6743 </Grid>6744 <Grid6745 className={classes.materailIcon}6746 item6747 md={3}6748 lg={2}6749 sm={4}6750 xs={12}6751 >6752 <Icons.Loop />6753 <Typography className={classes.materialIconText}>Loop</Typography>6754 </Grid>6755 <Grid6756 className={classes.materailIcon}6757 item6758 md={3}6759 lg={2}6760 sm={4}6761 xs={12}6762 >6763 <Icons.Loupe />6764 <Typography className={classes.materialIconText}>6765 Loupe6766 </Typography>6767 </Grid>6768 <Grid6769 className={classes.materailIcon}6770 item6771 md={3}6772 lg={2}6773 sm={4}6774 xs={12}6775 >6776 <Icons.LowPriority />6777 <Typography className={classes.materialIconText}>6778 LowPriority6779 </Typography>6780 </Grid>6781 <Grid6782 className={classes.materailIcon}6783 item6784 md={3}6785 lg={2}6786 sm={4}6787 xs={12}6788 >6789 <Icons.Loyalty />6790 <Typography className={classes.materialIconText}>6791 Loyalty6792 </Typography>6793 </Grid>6794 <Grid6795 className={classes.materailIcon}6796 item6797 md={3}6798 lg={2}6799 sm={4}6800 xs={12}6801 >6802 <Icons.Mail />6803 <Typography className={classes.materialIconText}>Mail</Typography>6804 </Grid>6805 <Grid6806 className={classes.materailIcon}6807 item6808 md={3}6809 lg={2}6810 sm={4}6811 xs={12}6812 >6813 <Icons.MailOutline />6814 <Typography className={classes.materialIconText}>6815 MailOutline6816 </Typography>6817 </Grid>6818 <Grid6819 className={classes.materailIcon}6820 item6821 md={3}6822 lg={2}6823 sm={4}6824 xs={12}6825 >6826 <Icons.Map />6827 <Typography className={classes.materialIconText}>Map</Typography>6828 </Grid>6829 <Grid6830 className={classes.materailIcon}6831 item6832 md={3}6833 lg={2}6834 sm={4}6835 xs={12}6836 >6837 <Icons.Markunread />6838 <Typography className={classes.materialIconText}>6839 Markunread6840 </Typography>6841 </Grid>6842 <Grid6843 className={classes.materailIcon}6844 item6845 md={3}6846 lg={2}6847 sm={4}6848 xs={12}6849 >6850 <Icons.MarkunreadMailbox />6851 <Typography className={classes.materialIconText}>6852 MarkunreadMailbox6853 </Typography>6854 </Grid>6855 <Grid6856 className={classes.materailIcon}6857 item6858 md={3}6859 lg={2}6860 sm={4}6861 xs={12}6862 >6863 <Icons.Maximize />6864 <Typography className={classes.materialIconText}>6865 Maximize6866 </Typography>6867 </Grid>6868 <Grid6869 className={classes.materailIcon}6870 item6871 md={3}6872 lg={2}6873 sm={4}6874 xs={12}6875 >6876 <Icons.MeetingRoom />6877 <Typography className={classes.materialIconText}>6878 MeetingRoom6879 </Typography>6880 </Grid>6881 <Grid6882 className={classes.materailIcon}6883 item6884 md={3}6885 lg={2}6886 sm={4}6887 xs={12}6888 >6889 <Icons.Memory />6890 <Typography className={classes.materialIconText}>6891 Memory6892 </Typography>6893 </Grid>6894 <Grid6895 className={classes.materailIcon}6896 item6897 md={3}6898 lg={2}6899 sm={4}6900 xs={12}6901 >6902 <Icons.Menu />6903 <Typography className={classes.materialIconText}>Menu</Typography>6904 </Grid>6905 <Grid6906 className={classes.materailIcon}6907 item6908 md={3}6909 lg={2}6910 sm={4}6911 xs={12}6912 >6913 <Icons.MergeType />6914 <Typography className={classes.materialIconText}>6915 MergeType6916 </Typography>6917 </Grid>6918 <Grid6919 className={classes.materailIcon}6920 item6921 md={3}6922 lg={2}6923 sm={4}6924 xs={12}6925 >6926 <Icons.Message />6927 <Typography className={classes.materialIconText}>6928 Message6929 </Typography>6930 </Grid>6931 <Grid6932 className={classes.materailIcon}6933 item6934 md={3}6935 lg={2}6936 sm={4}6937 xs={12}6938 >6939 <Icons.Mic />6940 <Typography className={classes.materialIconText}>Mic</Typography>6941 </Grid>6942 <Grid6943 className={classes.materailIcon}6944 item6945 md={3}6946 lg={2}6947 sm={4}6948 xs={12}6949 >6950 <Icons.MicNone />6951 <Typography className={classes.materialIconText}>6952 MicNone6953 </Typography>6954 </Grid>6955 <Grid6956 className={classes.materailIcon}6957 item6958 md={3}6959 lg={2}6960 sm={4}6961 xs={12}6962 >6963 <Icons.Minimize />6964 <Typography className={classes.materialIconText}>6965 Minimize6966 </Typography>6967 </Grid>6968 <Grid6969 className={classes.materailIcon}6970 item6971 md={3}6972 lg={2}6973 sm={4}6974 xs={12}6975 >6976 <Icons.MissedVideoCall />6977 <Typography className={classes.materialIconText}>6978 MissedVideoCall6979 </Typography>6980 </Grid>6981 <Grid6982 className={classes.materailIcon}6983 item6984 md={3}6985 lg={2}6986 sm={4}6987 xs={12}6988 >6989 <Icons.Mms />6990 <Typography className={classes.materialIconText}>Mms</Typography>6991 </Grid>6992 <Grid6993 className={classes.materailIcon}6994 item6995 md={3}6996 lg={2}6997 sm={4}6998 xs={12}6999 >7000 <Icons.MobileFriendly />7001 <Typography className={classes.materialIconText}>7002 MobileFriendly7003 </Typography>7004 </Grid>7005 <Grid7006 className={classes.materailIcon}7007 item7008 md={3}7009 lg={2}7010 sm={4}7011 xs={12}7012 >7013 <Icons.MobileScreenShare />7014 <Typography className={classes.materialIconText}>7015 MobileScreenShare7016 </Typography>7017 </Grid>7018 <Grid7019 className={classes.materailIcon}7020 item7021 md={3}7022 lg={2}7023 sm={4}7024 xs={12}7025 >7026 <Icons.ModeComment />7027 <Typography className={classes.materialIconText}>7028 ModeComment7029 </Typography>7030 </Grid>7031 <Grid7032 className={classes.materailIcon}7033 item7034 md={3}7035 lg={2}7036 sm={4}7037 xs={12}7038 >7039 <Icons.Money />7040 <Typography className={classes.materialIconText}>7041 Money7042 </Typography>7043 </Grid>7044 <Grid7045 className={classes.materailIcon}7046 item7047 md={3}7048 lg={2}7049 sm={4}7050 xs={12}7051 >7052 <Icons.MonochromePhotos />7053 <Typography className={classes.materialIconText}>7054 MonochromePhotos7055 </Typography>7056 </Grid>7057 <Grid7058 className={classes.materailIcon}7059 item7060 md={3}7061 lg={2}7062 sm={4}7063 xs={12}7064 >7065 <Icons.Mood />7066 <Typography className={classes.materialIconText}>Mood</Typography>7067 </Grid>7068 <Grid7069 className={classes.materailIcon}7070 item7071 md={3}7072 lg={2}7073 sm={4}7074 xs={12}7075 >7076 <Icons.MoodBad />7077 <Typography className={classes.materialIconText}>7078 MoodBad7079 </Typography>7080 </Grid>7081 <Grid7082 className={classes.materailIcon}7083 item7084 md={3}7085 lg={2}7086 sm={4}7087 xs={12}7088 >7089 <Icons.More />7090 <Typography className={classes.materialIconText}>More</Typography>7091 </Grid>7092 <Grid7093 className={classes.materailIcon}7094 item7095 md={3}7096 lg={2}7097 sm={4}7098 xs={12}7099 >7100 <Icons.MoreHoriz />7101 <Typography className={classes.materialIconText}>7102 MoreHoriz7103 </Typography>7104 </Grid>7105 <Grid7106 className={classes.materailIcon}7107 item7108 md={3}7109 lg={2}7110 sm={4}7111 xs={12}7112 >7113 <Icons.MoreVert />7114 <Typography className={classes.materialIconText}>7115 MoreVert7116 </Typography>7117 </Grid>7118 <Grid7119 className={classes.materailIcon}7120 item7121 md={3}7122 lg={2}7123 sm={4}7124 xs={12}7125 >7126 <Icons.Motorcycle />7127 <Typography className={classes.materialIconText}>7128 Motorcycle7129 </Typography>7130 </Grid>7131 <Grid7132 className={classes.materailIcon}7133 item7134 md={3}7135 lg={2}7136 sm={4}7137 xs={12}7138 >7139 <Icons.Mouse />7140 <Typography className={classes.materialIconText}>7141 Mouse7142 </Typography>7143 </Grid>7144 <Grid7145 className={classes.materailIcon}7146 item7147 md={3}7148 lg={2}7149 sm={4}7150 xs={12}7151 >7152 <Icons.MoveToInbox />7153 <Typography className={classes.materialIconText}>7154 MoveToInbox7155 </Typography>7156 </Grid>7157 <Grid7158 className={classes.materailIcon}7159 item7160 md={3}7161 lg={2}7162 sm={4}7163 xs={12}7164 >7165 <Icons.Movie />7166 <Typography className={classes.materialIconText}>7167 Movie7168 </Typography>7169 </Grid>7170 <Grid7171 className={classes.materailIcon}7172 item7173 md={3}7174 lg={2}7175 sm={4}7176 xs={12}7177 >7178 <Icons.MovieCreation />7179 <Typography className={classes.materialIconText}>7180 MovieCreation7181 </Typography>7182 </Grid>7183 <Grid7184 className={classes.materailIcon}7185 item7186 md={3}7187 lg={2}7188 sm={4}7189 xs={12}7190 >7191 <Icons.MovieFilter />7192 <Typography className={classes.materialIconText}>7193 MovieFilter7194 </Typography>7195 </Grid>7196 <Grid7197 className={classes.materailIcon}7198 item7199 md={3}7200 lg={2}7201 sm={4}7202 xs={12}7203 >7204 <Icons.MultilineChart />7205 <Typography className={classes.materialIconText}>7206 MultilineChart7207 </Typography>7208 </Grid>7209 <Grid7210 className={classes.materailIcon}7211 item7212 md={3}7213 lg={2}7214 sm={4}7215 xs={12}7216 >7217 <Icons.MusicNote />7218 <Typography className={classes.materialIconText}>7219 MusicNote7220 </Typography>7221 </Grid>7222 <Grid7223 className={classes.materailIcon}7224 item7225 md={3}7226 lg={2}7227 sm={4}7228 xs={12}7229 >7230 <Icons.MusicVideo />7231 <Typography className={classes.materialIconText}>7232 MusicVideo7233 </Typography>7234 </Grid>7235 <Grid7236 className={classes.materailIcon}7237 item7238 md={3}7239 lg={2}7240 sm={4}7241 xs={12}7242 >7243 <Icons.MyLocation />7244 <Typography className={classes.materialIconText}>7245 MyLocation7246 </Typography>7247 </Grid>7248 <Grid7249 className={classes.materailIcon}7250 item7251 md={3}7252 lg={2}7253 sm={4}7254 xs={12}7255 >7256 <Icons.Nature />7257 <Typography className={classes.materialIconText}>7258 Nature7259 </Typography>7260 </Grid>7261 <Grid7262 className={classes.materailIcon}7263 item7264 md={3}7265 lg={2}7266 sm={4}7267 xs={12}7268 >7269 <Icons.NaturePeople />7270 <Typography className={classes.materialIconText}>7271 NaturePeople7272 </Typography>7273 </Grid>7274 <Grid7275 className={classes.materailIcon}7276 item7277 md={3}7278 lg={2}7279 sm={4}7280 xs={12}7281 >7282 <Icons.NavigateBefore />7283 <Typography className={classes.materialIconText}>7284 NavigateBefore7285 </Typography>7286 </Grid>7287 <Grid7288 className={classes.materailIcon}7289 item7290 md={3}7291 lg={2}7292 sm={4}7293 xs={12}7294 >7295 <Icons.NavigateNext />7296 <Typography className={classes.materialIconText}>7297 NavigateNext7298 </Typography>7299 </Grid>7300 <Grid7301 className={classes.materailIcon}7302 item7303 md={3}7304 lg={2}7305 sm={4}7306 xs={12}7307 >7308 <Icons.Navigation />7309 <Typography className={classes.materialIconText}>7310 Navigation7311 </Typography>7312 </Grid>7313 <Grid7314 className={classes.materailIcon}7315 item7316 md={3}7317 lg={2}7318 sm={4}7319 xs={12}7320 >7321 <Icons.NearMe />7322 <Typography className={classes.materialIconText}>7323 NearMe7324 </Typography>7325 </Grid>7326 <Grid7327 className={classes.materailIcon}7328 item7329 md={3}7330 lg={2}7331 sm={4}7332 xs={12}7333 >7334 <Icons.NetworkCell />7335 <Typography className={classes.materialIconText}>7336 NetworkCell7337 </Typography>7338 </Grid>7339 <Grid7340 className={classes.materailIcon}7341 item7342 md={3}7343 lg={2}7344 sm={4}7345 xs={12}7346 >7347 <Icons.NetworkCheck />7348 <Typography className={classes.materialIconText}>7349 NetworkCheck7350 </Typography>7351 </Grid>7352 <Grid7353 className={classes.materailIcon}7354 item7355 md={3}7356 lg={2}7357 sm={4}7358 xs={12}7359 >7360 <Icons.NetworkLocked />7361 <Typography className={classes.materialIconText}>7362 NetworkLocked7363 </Typography>7364 </Grid>7365 <Grid7366 className={classes.materailIcon}7367 item7368 md={3}7369 lg={2}7370 sm={4}7371 xs={12}7372 >7373 <Icons.NetworkWifi />7374 <Typography className={classes.materialIconText}>7375 NetworkWifi7376 </Typography>7377 </Grid>7378 <Grid7379 className={classes.materailIcon}7380 item7381 md={3}7382 lg={2}7383 sm={4}7384 xs={12}7385 >7386 <Icons.NextWeek />7387 <Typography className={classes.materialIconText}>7388 NextWeek7389 </Typography>7390 </Grid>7391 <Grid7392 className={classes.materailIcon}7393 item7394 md={3}7395 lg={2}7396 sm={4}7397 xs={12}7398 >7399 <Icons.Nfc />7400 <Typography className={classes.materialIconText}>Nfc</Typography>7401 </Grid>7402 <Grid7403 className={classes.materailIcon}7404 item7405 md={3}7406 lg={2}7407 sm={4}7408 xs={12}7409 >7410 <Icons.NoEncryption />7411 <Typography className={classes.materialIconText}>7412 NoEncryption7413 </Typography>7414 </Grid>7415 <Grid7416 className={classes.materailIcon}7417 item7418 md={3}7419 lg={2}7420 sm={4}7421 xs={12}7422 >7423 <Icons.NoMeetingRoom />7424 <Typography className={classes.materialIconText}>7425 NoMeetingRoom7426 </Typography>7427 </Grid>7428 <Grid7429 className={classes.materailIcon}7430 item7431 md={3}7432 lg={2}7433 sm={4}7434 xs={12}7435 >7436 <Icons.NoSim />7437 <Typography className={classes.materialIconText}>7438 NoSim7439 </Typography>7440 </Grid>7441 <Grid7442 className={classes.materailIcon}7443 item7444 md={3}7445 lg={2}7446 sm={4}7447 xs={12}7448 >7449 <Icons.Note />7450 <Typography className={classes.materialIconText}>Note</Typography>7451 </Grid>7452 <Grid7453 className={classes.materailIcon}7454 item7455 md={3}7456 lg={2}7457 sm={4}7458 xs={12}7459 >7460 <Icons.Notes />7461 <Typography className={classes.materialIconText}>7462 Notes7463 </Typography>7464 </Grid>7465 <Grid7466 className={classes.materailIcon}7467 item7468 md={3}7469 lg={2}7470 sm={4}7471 xs={12}7472 >7473 <Icons.NotificationImportant />7474 <Typography className={classes.materialIconText}>7475 NotificationImportant7476 </Typography>7477 </Grid>7478 <Grid7479 className={classes.materailIcon}7480 item7481 md={3}7482 lg={2}7483 sm={4}7484 xs={12}7485 >7486 <Icons.Notifications />7487 <Typography className={classes.materialIconText}>7488 Notifications7489 </Typography>7490 </Grid>7491 <Grid7492 className={classes.materailIcon}7493 item7494 md={3}7495 lg={2}7496 sm={4}7497 xs={12}7498 >7499 <Icons.NotificationsActive />7500 <Typography className={classes.materialIconText}>7501 NotificationsActive7502 </Typography>7503 </Grid>7504 <Grid7505 className={classes.materailIcon}7506 item7507 md={3}7508 lg={2}7509 sm={4}7510 xs={12}7511 >7512 <Icons.NotificationsNone />7513 <Typography className={classes.materialIconText}>7514 NotificationsNone7515 </Typography>7516 </Grid>7517 <Grid7518 className={classes.materailIcon}7519 item7520 md={3}7521 lg={2}7522 sm={4}7523 xs={12}7524 >7525 <Icons.NotificationsPaused />7526 <Typography className={classes.materialIconText}>7527 NotificationsPaused7528 </Typography>7529 </Grid>7530 <Grid7531 className={classes.materailIcon}7532 item7533 md={3}7534 lg={2}7535 sm={4}7536 xs={12}7537 >7538 <Icons.NotInterested />7539 <Typography className={classes.materialIconText}>7540 NotInterested7541 </Typography>7542 </Grid>7543 <Grid7544 className={classes.materailIcon}7545 item7546 md={3}7547 lg={2}7548 sm={4}7549 xs={12}7550 >7551 <Icons.NotListedLocation />7552 <Typography className={classes.materialIconText}>7553 NotListedLocation7554 </Typography>7555 </Grid>7556 <Grid7557 className={classes.materailIcon}7558 item7559 md={3}7560 lg={2}7561 sm={4}7562 xs={12}7563 >7564 <Icons.Opacity />7565 <Typography className={classes.materialIconText}>7566 Opacity7567 </Typography>7568 </Grid>7569 <Grid7570 className={classes.materailIcon}7571 item7572 md={3}7573 lg={2}7574 sm={4}7575 xs={12}7576 >7577 <Icons.OpenInBrowser />7578 <Typography className={classes.materialIconText}>7579 OpenInBrowser7580 </Typography>7581 </Grid>7582 <Grid7583 className={classes.materailIcon}7584 item7585 md={3}7586 lg={2}7587 sm={4}7588 xs={12}7589 >7590 <Icons.OpenWith />7591 <Typography className={classes.materialIconText}>7592 OpenWith7593 </Typography>7594 </Grid>7595 <Grid7596 className={classes.materailIcon}7597 item7598 md={3}7599 lg={2}7600 sm={4}7601 xs={12}7602 >7603 <Icons.Pages />7604 <Typography className={classes.materialIconText}>7605 Pages7606 </Typography>7607 </Grid>7608 <Grid7609 className={classes.materailIcon}7610 item7611 md={3}7612 lg={2}7613 sm={4}7614 xs={12}7615 >7616 <Icons.Pageview />7617 <Typography className={classes.materialIconText}>7618 Pageview7619 </Typography>7620 </Grid>7621 <Grid7622 className={classes.materailIcon}7623 item7624 md={3}7625 lg={2}7626 sm={4}7627 xs={12}7628 >7629 <Icons.Palette />7630 <Typography className={classes.materialIconText}>7631 Palette7632 </Typography>7633 </Grid>7634 <Grid7635 className={classes.materailIcon}7636 item7637 md={3}7638 lg={2}7639 sm={4}7640 xs={12}7641 >7642 <Icons.Panorama />7643 <Typography className={classes.materialIconText}>7644 Panorama7645 </Typography>7646 </Grid>7647 <Grid7648 className={classes.materailIcon}7649 item7650 md={3}7651 lg={2}7652 sm={4}7653 xs={12}7654 >7655 <Icons.PanoramaFishEye />7656 <Typography className={classes.materialIconText}>7657 PanoramaFishEye7658 </Typography>7659 </Grid>7660 <Grid7661 className={classes.materailIcon}7662 item7663 md={3}7664 lg={2}7665 sm={4}7666 xs={12}7667 >7668 <Icons.PanoramaHorizontal />7669 <Typography className={classes.materialIconText}>7670 PanoramaHorizontal7671 </Typography>7672 </Grid>7673 <Grid7674 className={classes.materailIcon}7675 item7676 md={3}7677 lg={2}7678 sm={4}7679 xs={12}7680 >7681 <Icons.PanoramaVertical />7682 <Typography className={classes.materialIconText}>7683 PanoramaVertical7684 </Typography>7685 </Grid>7686 <Grid7687 className={classes.materailIcon}7688 item7689 md={3}7690 lg={2}7691 sm={4}7692 xs={12}7693 >7694 <Icons.PanoramaWideAngle />7695 <Typography className={classes.materialIconText}>7696 PanoramaWideAngle7697 </Typography>7698 </Grid>7699 <Grid7700 className={classes.materailIcon}7701 item7702 md={3}7703 lg={2}7704 sm={4}7705 xs={12}7706 >7707 <Icons.PanTool />7708 <Typography className={classes.materialIconText}>7709 PanTool7710 </Typography>7711 </Grid>7712 <Grid7713 className={classes.materailIcon}7714 item7715 md={3}7716 lg={2}7717 sm={4}7718 xs={12}7719 >7720 <Icons.PartyMode />7721 <Typography className={classes.materialIconText}>7722 PartyMode7723 </Typography>7724 </Grid>7725 <Grid7726 className={classes.materailIcon}7727 item7728 md={3}7729 lg={2}7730 sm={4}7731 xs={12}7732 >7733 <Icons.Pause />7734 <Typography className={classes.materialIconText}>7735 Pause7736 </Typography>7737 </Grid>7738 <Grid7739 className={classes.materailIcon}7740 item7741 md={3}7742 lg={2}7743 sm={4}7744 xs={12}7745 >7746 <Icons.PauseCircleFilled />7747 <Typography className={classes.materialIconText}>7748 PauseCircleFilled7749 </Typography>7750 </Grid>7751 <Grid7752 className={classes.materailIcon}7753 item7754 md={3}7755 lg={2}7756 sm={4}7757 xs={12}7758 >7759 <Icons.PauseCircleOutline />7760 <Typography className={classes.materialIconText}>7761 PauseCircleOutline7762 </Typography>7763 </Grid>7764 <Grid7765 className={classes.materailIcon}7766 item7767 md={3}7768 lg={2}7769 sm={4}7770 xs={12}7771 >7772 <Icons.PausePresentation />7773 <Typography className={classes.materialIconText}>7774 PausePresentation7775 </Typography>7776 </Grid>7777 <Grid7778 className={classes.materailIcon}7779 item7780 md={3}7781 lg={2}7782 sm={4}7783 xs={12}7784 >7785 <Icons.Payment />7786 <Typography className={classes.materialIconText}>7787 Payment7788 </Typography>7789 </Grid>7790 <Grid7791 className={classes.materailIcon}7792 item7793 md={3}7794 lg={2}7795 sm={4}7796 xs={12}7797 >7798 <Icons.People />7799 <Typography className={classes.materialIconText}>7800 People7801 </Typography>7802 </Grid>7803 <Grid7804 className={classes.materailIcon}7805 item7806 md={3}7807 lg={2}7808 sm={4}7809 xs={12}7810 >7811 <Icons.PeopleOutline />7812 <Typography className={classes.materialIconText}>7813 PeopleOutline7814 </Typography>7815 </Grid>7816 <Grid7817 className={classes.materailIcon}7818 item7819 md={3}7820 lg={2}7821 sm={4}7822 xs={12}7823 >7824 <Icons.PermCameraMic />7825 <Typography className={classes.materialIconText}>7826 PermCameraMic7827 </Typography>7828 </Grid>7829 <Grid7830 className={classes.materailIcon}7831 item7832 md={3}7833 lg={2}7834 sm={4}7835 xs={12}7836 >7837 <Icons.PermContactCalendar />7838 <Typography className={classes.materialIconText}>7839 PermContactCalendar7840 </Typography>7841 </Grid>7842 <Grid7843 className={classes.materailIcon}7844 item7845 md={3}7846 lg={2}7847 sm={4}7848 xs={12}7849 >7850 <Icons.PermDataSetting />7851 <Typography className={classes.materialIconText}>7852 PermDataSetting7853 </Typography>7854 </Grid>7855 <Grid7856 className={classes.materailIcon}7857 item7858 md={3}7859 lg={2}7860 sm={4}7861 xs={12}7862 >7863 <Icons.PermDeviceInformation />7864 <Typography className={classes.materialIconText}>7865 PermDeviceInformation7866 </Typography>7867 </Grid>7868 <Grid7869 className={classes.materailIcon}7870 item7871 md={3}7872 lg={2}7873 sm={4}7874 xs={12}7875 >7876 <Icons.PermIdentity />7877 <Typography className={classes.materialIconText}>7878 PermIdentity7879 </Typography>7880 </Grid>7881 <Grid7882 className={classes.materailIcon}7883 item7884 md={3}7885 lg={2}7886 sm={4}7887 xs={12}7888 >7889 <Icons.PermMedia />7890 <Typography className={classes.materialIconText}>7891 PermMedia7892 </Typography>7893 </Grid>7894 <Grid7895 className={classes.materailIcon}7896 item7897 md={3}7898 lg={2}7899 sm={4}7900 xs={12}7901 >7902 <Icons.PermPhoneMsg />7903 <Typography className={classes.materialIconText}>7904 PermPhoneMsg7905 </Typography>7906 </Grid>7907 <Grid7908 className={classes.materailIcon}7909 item7910 md={3}7911 lg={2}7912 sm={4}7913 xs={12}7914 >7915 <Icons.PermScanWifi />7916 <Typography className={classes.materialIconText}>7917 PermScanWifi7918 </Typography>7919 </Grid>7920 <Grid7921 className={classes.materailIcon}7922 item7923 md={3}7924 lg={2}7925 sm={4}7926 xs={12}7927 >7928 <Icons.Person />7929 <Typography className={classes.materialIconText}>7930 Person7931 </Typography>7932 </Grid>7933 <Grid7934 className={classes.materailIcon}7935 item7936 md={3}7937 lg={2}7938 sm={4}7939 xs={12}7940 >7941 <Icons.PersonalVideo />7942 <Typography className={classes.materialIconText}>7943 PersonalVideo7944 </Typography>7945 </Grid>7946 <Grid7947 className={classes.materailIcon}7948 item7949 md={3}7950 lg={2}7951 sm={4}7952 xs={12}7953 >7954 <Icons.PersonOutline />7955 <Typography className={classes.materialIconText}>7956 PersonOutline7957 </Typography>7958 </Grid>7959 <Grid7960 className={classes.materailIcon}7961 item7962 md={3}7963 lg={2}7964 sm={4}7965 xs={12}7966 >7967 <Icons.PersonPin />7968 <Typography className={classes.materialIconText}>7969 PersonPin7970 </Typography>7971 </Grid>7972 <Grid7973 className={classes.materailIcon}7974 item7975 md={3}7976 lg={2}7977 sm={4}7978 xs={12}7979 >7980 <Icons.PersonPinCircle />7981 <Typography className={classes.materialIconText}>7982 PersonPinCircle7983 </Typography>7984 </Grid>7985 <Grid7986 className={classes.materailIcon}7987 item7988 md={3}7989 lg={2}7990 sm={4}7991 xs={12}7992 >7993 <Icons.Pets />7994 <Typography className={classes.materialIconText}>Pets</Typography>7995 </Grid>7996 <Grid7997 className={classes.materailIcon}7998 item7999 md={3}8000 lg={2}8001 sm={4}8002 xs={12}8003 >8004 <Icons.Phone />8005 <Typography className={classes.materialIconText}>8006 Phone8007 </Typography>8008 </Grid>8009 <Grid8010 className={classes.materailIcon}8011 item8012 md={3}8013 lg={2}8014 sm={4}8015 xs={12}8016 >8017 <Icons.PhoneAndroid />8018 <Typography className={classes.materialIconText}>8019 PhoneAndroid8020 </Typography>8021 </Grid>8022 <Grid8023 className={classes.materailIcon}8024 item8025 md={3}8026 lg={2}8027 sm={4}8028 xs={12}8029 >8030 <Icons.PhoneBluetoothSpeaker />8031 <Typography className={classes.materialIconText}>8032 PhoneBluetoothSpeaker8033 </Typography>8034 </Grid>8035 <Grid8036 className={classes.materailIcon}8037 item8038 md={3}8039 lg={2}8040 sm={4}8041 xs={12}8042 >8043 <Icons.PhoneCallback />8044 <Typography className={classes.materialIconText}>8045 PhoneCallback8046 </Typography>8047 </Grid>8048 <Grid8049 className={classes.materailIcon}8050 item8051 md={3}8052 lg={2}8053 sm={4}8054 xs={12}8055 >8056 <Icons.PhoneForwarded />8057 <Typography className={classes.materialIconText}>8058 PhoneForwarded8059 </Typography>8060 </Grid>8061 <Grid8062 className={classes.materailIcon}8063 item8064 md={3}8065 lg={2}8066 sm={4}8067 xs={12}8068 >8069 <Icons.PhoneInTalk />8070 <Typography className={classes.materialIconText}>8071 PhoneInTalk8072 </Typography>8073 </Grid>8074 <Grid8075 className={classes.materailIcon}8076 item8077 md={3}8078 lg={2}8079 sm={4}8080 xs={12}8081 >8082 <Icons.PhoneIphone />8083 <Typography className={classes.materialIconText}>8084 PhoneIphone8085 </Typography>8086 </Grid>8087 <Grid8088 className={classes.materailIcon}8089 item8090 md={3}8091 lg={2}8092 sm={4}8093 xs={12}8094 >8095 <Icons.Phonelink />8096 <Typography className={classes.materialIconText}>8097 Phonelink8098 </Typography>8099 </Grid>8100 <Grid8101 className={classes.materailIcon}8102 item8103 md={3}8104 lg={2}8105 sm={4}8106 xs={12}8107 >8108 <Icons.PhonelinkErase />8109 <Typography className={classes.materialIconText}>8110 PhonelinkErase8111 </Typography>8112 </Grid>8113 <Grid8114 className={classes.materailIcon}8115 item8116 md={3}8117 lg={2}8118 sm={4}8119 xs={12}8120 >8121 <Icons.PhonelinkLock />8122 <Typography className={classes.materialIconText}>8123 PhonelinkLock8124 </Typography>8125 </Grid>8126 <Grid8127 className={classes.materailIcon}8128 item8129 md={3}8130 lg={2}8131 sm={4}8132 xs={12}8133 >8134 <Icons.PhonelinkRing />8135 <Typography className={classes.materialIconText}>8136 PhonelinkRing8137 </Typography>8138 </Grid>8139 <Grid8140 className={classes.materailIcon}8141 item8142 md={3}8143 lg={2}8144 sm={4}8145 xs={12}8146 >8147 <Icons.PhonelinkSetup />8148 <Typography className={classes.materialIconText}>8149 PhonelinkSetup8150 </Typography>8151 </Grid>8152 <Grid8153 className={classes.materailIcon}8154 item8155 md={3}8156 lg={2}8157 sm={4}8158 xs={12}8159 >8160 <Icons.PhoneLocked />8161 <Typography className={classes.materialIconText}>8162 PhoneLocked8163 </Typography>8164 </Grid>8165 <Grid8166 className={classes.materailIcon}8167 item8168 md={3}8169 lg={2}8170 sm={4}8171 xs={12}8172 >8173 <Icons.PhoneMissed />8174 <Typography className={classes.materialIconText}>8175 PhoneMissed8176 </Typography>8177 </Grid>8178 <Grid8179 className={classes.materailIcon}8180 item8181 md={3}8182 lg={2}8183 sm={4}8184 xs={12}8185 >8186 <Icons.PhonePaused />8187 <Typography className={classes.materialIconText}>8188 PhonePaused8189 </Typography>8190 </Grid>8191 <Grid8192 className={classes.materailIcon}8193 item8194 md={3}8195 lg={2}8196 sm={4}8197 xs={12}8198 >8199 <Icons.Photo />8200 <Typography className={classes.materialIconText}>8201 Photo8202 </Typography>8203 </Grid>8204 <Grid8205 className={classes.materailIcon}8206 item8207 md={3}8208 lg={2}8209 sm={4}8210 xs={12}8211 >8212 <Icons.PhotoAlbum />8213 <Typography className={classes.materialIconText}>8214 PhotoAlbum8215 </Typography>8216 </Grid>8217 <Grid8218 className={classes.materailIcon}8219 item8220 md={3}8221 lg={2}8222 sm={4}8223 xs={12}8224 >8225 <Icons.PhotoCamera />8226 <Typography className={classes.materialIconText}>8227 PhotoCamera8228 </Typography>8229 </Grid>8230 <Grid8231 className={classes.materailIcon}8232 item8233 md={3}8234 lg={2}8235 sm={4}8236 xs={12}8237 >8238 <Icons.PhotoFilter />8239 <Typography className={classes.materialIconText}>8240 PhotoFilter8241 </Typography>8242 </Grid>8243 <Grid8244 className={classes.materailIcon}8245 item8246 md={3}8247 lg={2}8248 sm={4}8249 xs={12}8250 >8251 <Icons.PhotoLibrary />8252 <Typography className={classes.materialIconText}>8253 PhotoLibrary8254 </Typography>8255 </Grid>8256 <Grid8257 className={classes.materailIcon}8258 item8259 md={3}8260 lg={2}8261 sm={4}8262 xs={12}8263 >8264 <Icons.PhotoSizeSelectActual />8265 <Typography className={classes.materialIconText}>8266 PhotoSizeSelectActual8267 </Typography>8268 </Grid>8269 <Grid8270 className={classes.materailIcon}8271 item8272 md={3}8273 lg={2}8274 sm={4}8275 xs={12}8276 >8277 <Icons.PhotoSizeSelectLarge />8278 <Typography className={classes.materialIconText}>8279 PhotoSizeSelectLarge8280 </Typography>8281 </Grid>8282 <Grid8283 className={classes.materailIcon}8284 item8285 md={3}8286 lg={2}8287 sm={4}8288 xs={12}8289 >8290 <Icons.PhotoSizeSelectSmall />8291 <Typography className={classes.materialIconText}>8292 PhotoSizeSelectSmall8293 </Typography>8294 </Grid>8295 <Grid8296 className={classes.materailIcon}8297 item8298 md={3}8299 lg={2}8300 sm={4}8301 xs={12}8302 >8303 <Icons.PictureAsPdf />8304 <Typography className={classes.materialIconText}>8305 PictureAsPdf8306 </Typography>8307 </Grid>8308 <Grid8309 className={classes.materailIcon}8310 item8311 md={3}8312 lg={2}8313 sm={4}8314 xs={12}8315 >8316 <Icons.PictureInPicture />8317 <Typography className={classes.materialIconText}>8318 PictureInPicture8319 </Typography>8320 </Grid>8321 <Grid8322 className={classes.materailIcon}8323 item8324 md={3}8325 lg={2}8326 sm={4}8327 xs={12}8328 >8329 <Icons.PictureInPictureAlt />8330 <Typography className={classes.materialIconText}>8331 PictureInPictureAlt8332 </Typography>8333 </Grid>8334 <Grid8335 className={classes.materailIcon}8336 item8337 md={3}8338 lg={2}8339 sm={4}8340 xs={12}8341 >8342 <Icons.PieChart />8343 <Typography className={classes.materialIconText}>8344 PieChart8345 </Typography>8346 </Grid>8347 <Grid8348 className={classes.materailIcon}8349 item8350 md={3}8351 lg={2}8352 sm={4}8353 xs={12}8354 >8355 <Icons.PinDrop />8356 <Typography className={classes.materialIconText}>8357 PinDrop8358 </Typography>8359 </Grid>8360 <Grid8361 className={classes.materailIcon}8362 item8363 md={3}8364 lg={2}8365 sm={4}8366 xs={12}8367 >8368 <Icons.Place />8369 <Typography className={classes.materialIconText}>8370 Place8371 </Typography>8372 </Grid>8373 <Grid8374 className={classes.materailIcon}8375 item8376 md={3}8377 lg={2}8378 sm={4}8379 xs={12}8380 >8381 <Icons.PlayArrow />8382 <Typography className={classes.materialIconText}>8383 PlayArrow8384 </Typography>8385 </Grid>8386 <Grid8387 className={classes.materailIcon}8388 item8389 md={3}8390 lg={2}8391 sm={4}8392 xs={12}8393 >8394 <Icons.PlayCircleFilled />8395 <Typography className={classes.materialIconText}>8396 PlayCircleFilled8397 </Typography>8398 </Grid>8399 <Grid8400 className={classes.materailIcon}8401 item8402 md={3}8403 lg={2}8404 sm={4}8405 xs={12}8406 >8407 <Icons.PlayCircleFilledWhite />8408 <Typography className={classes.materialIconText}>8409 PlayCircleFilledWhite8410 </Typography>8411 </Grid>8412 <Grid8413 className={classes.materailIcon}8414 item8415 md={3}8416 lg={2}8417 sm={4}8418 xs={12}8419 >8420 <Icons.PlayCircleOutline />8421 <Typography className={classes.materialIconText}>8422 PlayCircleOutline8423 </Typography>8424 </Grid>8425 <Grid8426 className={classes.materailIcon}8427 item8428 md={3}8429 lg={2}8430 sm={4}8431 xs={12}8432 >8433 <Icons.PlayForWork />8434 <Typography className={classes.materialIconText}>8435 PlayForWork8436 </Typography>8437 </Grid>8438 <Grid8439 className={classes.materailIcon}8440 item8441 md={3}8442 lg={2}8443 sm={4}8444 xs={12}8445 >8446 <Icons.PlaylistPlay />8447 <Typography className={classes.materialIconText}>8448 PlaylistPlay8449 </Typography>8450 </Grid>8451 <Grid8452 className={classes.materailIcon}8453 item8454 md={3}8455 lg={2}8456 sm={4}8457 xs={12}8458 >8459 <Icons.Poll />8460 <Typography className={classes.materialIconText}>Poll</Typography>8461 </Grid>8462 <Grid8463 className={classes.materailIcon}8464 item8465 md={3}8466 lg={2}8467 sm={4}8468 xs={12}8469 >8470 <Icons.Polymer />8471 <Typography className={classes.materialIconText}>8472 Polymer8473 </Typography>8474 </Grid>8475 <Grid8476 className={classes.materailIcon}8477 item8478 md={3}8479 lg={2}8480 sm={4}8481 xs={12}8482 >8483 <Icons.Pool />8484 <Typography className={classes.materialIconText}>Pool</Typography>8485 </Grid>8486 <Grid8487 className={classes.materailIcon}8488 item8489 md={3}8490 lg={2}8491 sm={4}8492 xs={12}8493 >8494 <Icons.Portrait />8495 <Typography className={classes.materialIconText}>8496 Portrait8497 </Typography>8498 </Grid>8499 <Grid8500 className={classes.materailIcon}8501 item8502 md={3}8503 lg={2}8504 sm={4}8505 xs={12}8506 >8507 <Icons.Power />8508 <Typography className={classes.materialIconText}>8509 Power8510 </Typography>8511 </Grid>8512 <Grid8513 className={classes.materailIcon}8514 item8515 md={3}8516 lg={2}8517 sm={4}8518 xs={12}8519 >8520 <Icons.PowerInput />8521 <Typography className={classes.materialIconText}>8522 PowerInput8523 </Typography>8524 </Grid>8525 <Grid8526 className={classes.materailIcon}8527 item8528 md={3}8529 lg={2}8530 sm={4}8531 xs={12}8532 >8533 <Icons.PregnantWoman />8534 <Typography className={classes.materialIconText}>8535 PregnantWoman8536 </Typography>8537 </Grid>8538 <Grid8539 className={classes.materailIcon}8540 item8541 md={3}8542 lg={2}8543 sm={4}8544 xs={12}8545 >8546 <Icons.PresentToAll />8547 <Typography className={classes.materialIconText}>8548 PresentToAll8549 </Typography>8550 </Grid>8551 <Grid8552 className={classes.materailIcon}8553 item8554 md={3}8555 lg={2}8556 sm={4}8557 xs={12}8558 >8559 <Icons.Print />8560 <Typography className={classes.materialIconText}>8561 Print8562 </Typography>8563 </Grid>8564 <Grid8565 className={classes.materailIcon}8566 item8567 md={3}8568 lg={2}8569 sm={4}8570 xs={12}8571 >8572 <Icons.PrintDisabled />8573 <Typography className={classes.materialIconText}>8574 PrintDisabled8575 </Typography>8576 </Grid>8577 <Grid8578 className={classes.materailIcon}8579 item8580 md={3}8581 lg={2}8582 sm={4}8583 xs={12}8584 >8585 <Icons.PriorityHigh />8586 <Typography className={classes.materialIconText}>8587 PriorityHigh8588 </Typography>8589 </Grid>8590 <Grid8591 className={classes.materailIcon}8592 item8593 md={3}8594 lg={2}8595 sm={4}8596 xs={12}8597 >8598 <Icons.Public />8599 <Typography className={classes.materialIconText}>8600 Public8601 </Typography>8602 </Grid>8603 <Grid8604 className={classes.materailIcon}8605 item8606 md={3}8607 lg={2}8608 sm={4}8609 xs={12}8610 >8611 <Icons.Publish />8612 <Typography className={classes.materialIconText}>8613 Publish8614 </Typography>8615 </Grid>8616 <Grid8617 className={classes.materailIcon}8618 item8619 md={3}8620 lg={2}8621 sm={4}8622 xs={12}8623 >8624 <Icons.QueryBuilder />8625 <Typography className={classes.materialIconText}>8626 QueryBuilder8627 </Typography>8628 </Grid>8629 <Grid8630 className={classes.materailIcon}8631 item8632 md={3}8633 lg={2}8634 sm={4}8635 xs={12}8636 >8637 <Icons.QuestionAnswer />8638 <Typography className={classes.materialIconText}>8639 QuestionAnswer8640 </Typography>8641 </Grid>8642 <Grid8643 className={classes.materailIcon}8644 item8645 md={3}8646 lg={2}8647 sm={4}8648 xs={12}8649 >8650 <Icons.Queue />8651 <Typography className={classes.materialIconText}>8652 Queue8653 </Typography>8654 </Grid>8655 <Grid8656 className={classes.materailIcon}8657 item8658 md={3}8659 lg={2}8660 sm={4}8661 xs={12}8662 >8663 <Icons.QueueMusic />8664 <Typography className={classes.materialIconText}>8665 QueueMusic8666 </Typography>8667 </Grid>8668 <Grid8669 className={classes.materailIcon}8670 item8671 md={3}8672 lg={2}8673 sm={4}8674 xs={12}8675 >8676 <Icons.QueuePlayNext />8677 <Typography className={classes.materialIconText}>8678 QueuePlayNext8679 </Typography>8680 </Grid>8681 <Grid8682 className={classes.materailIcon}8683 item8684 md={3}8685 lg={2}8686 sm={4}8687 xs={12}8688 >8689 <Icons.Radio />8690 <Typography className={classes.materialIconText}>8691 Radio8692 </Typography>8693 </Grid>8694 <Grid8695 className={classes.materailIcon}8696 item8697 md={3}8698 lg={2}8699 sm={4}8700 xs={12}8701 >8702 <Icons.RadioButtonChecked />8703 <Typography className={classes.materialIconText}>8704 RadioButtonChecked8705 </Typography>8706 </Grid>8707 <Grid8708 className={classes.materailIcon}8709 item8710 md={3}8711 lg={2}8712 sm={4}8713 xs={12}8714 >8715 <Icons.RadioButtonUnchecked />8716 <Typography className={classes.materialIconText}>8717 RadioButtonUnchecked8718 </Typography>8719 </Grid>8720 <Grid8721 className={classes.materailIcon}8722 item8723 md={3}8724 lg={2}8725 sm={4}8726 xs={12}8727 >8728 <Icons.RateReview />8729 <Typography className={classes.materialIconText}>8730 RateReview8731 </Typography>8732 </Grid>8733 <Grid8734 className={classes.materailIcon}8735 item8736 md={3}8737 lg={2}8738 sm={4}8739 xs={12}8740 >8741 <Icons.Receipt />8742 <Typography className={classes.materialIconText}>8743 Receipt8744 </Typography>8745 </Grid>8746 <Grid8747 className={classes.materailIcon}8748 item8749 md={3}8750 lg={2}8751 sm={4}8752 xs={12}8753 >8754 <Icons.RecentActors />8755 <Typography className={classes.materialIconText}>8756 RecentActors8757 </Typography>8758 </Grid>8759 <Grid8760 className={classes.materailIcon}8761 item8762 md={3}8763 lg={2}8764 sm={4}8765 xs={12}8766 >8767 <Icons.RecordVoiceOver />8768 <Typography className={classes.materialIconText}>8769 RecordVoiceOver8770 </Typography>8771 </Grid>8772 <Grid8773 className={classes.materailIcon}8774 item8775 md={3}8776 lg={2}8777 sm={4}8778 xs={12}8779 >8780 <Icons.Redeem />8781 <Typography className={classes.materialIconText}>8782 Redeem8783 </Typography>8784 </Grid>8785 <Grid8786 className={classes.materailIcon}8787 item8788 md={3}8789 lg={2}8790 sm={4}8791 xs={12}8792 >8793 <Icons.Redo />8794 <Typography className={classes.materialIconText}>Redo</Typography>8795 </Grid>8796 <Grid8797 className={classes.materailIcon}8798 item8799 md={3}8800 lg={2}8801 sm={4}8802 xs={12}8803 >8804 <Icons.Refresh />8805 <Typography className={classes.materialIconText}>8806 Refresh8807 </Typography>8808 </Grid>8809 <Grid8810 className={classes.materailIcon}8811 item8812 md={3}8813 lg={2}8814 sm={4}8815 xs={12}8816 >8817 <Icons.Remove />8818 <Typography className={classes.materialIconText}>8819 Remove8820 </Typography>8821 </Grid>8822 <Grid8823 className={classes.materailIcon}8824 item8825 md={3}8826 lg={2}8827 sm={4}8828 xs={12}8829 >8830 <Icons.RemoveCircle />8831 <Typography className={classes.materialIconText}>8832 RemoveCircle8833 </Typography>8834 </Grid>8835 <Grid8836 className={classes.materailIcon}8837 item8838 md={3}8839 lg={2}8840 sm={4}8841 xs={12}8842 >8843 <Icons.RemoveCircleOutline />8844 <Typography className={classes.materialIconText}>8845 RemoveCircleOutline8846 </Typography>8847 </Grid>8848 <Grid8849 className={classes.materailIcon}8850 item8851 md={3}8852 lg={2}8853 sm={4}8854 xs={12}8855 >8856 <Icons.RemoveFromQueue />8857 <Typography className={classes.materialIconText}>8858 RemoveFromQueue8859 </Typography>8860 </Grid>8861 <Grid8862 className={classes.materailIcon}8863 item8864 md={3}8865 lg={2}8866 sm={4}8867 xs={12}8868 >8869 <Icons.RemoveRedEye />8870 <Typography className={classes.materialIconText}>8871 RemoveRedEye8872 </Typography>8873 </Grid>8874 <Grid8875 className={classes.materailIcon}8876 item8877 md={3}8878 lg={2}8879 sm={4}8880 xs={12}8881 >8882 <Icons.RemoveShoppingCart />8883 <Typography className={classes.materialIconText}>8884 RemoveShoppingCart8885 </Typography>8886 </Grid>8887 <Grid8888 className={classes.materailIcon}8889 item8890 md={3}8891 lg={2}8892 sm={4}8893 xs={12}8894 >8895 <Icons.Reorder />8896 <Typography className={classes.materialIconText}>8897 Reorder8898 </Typography>8899 </Grid>8900 <Grid8901 className={classes.materailIcon}8902 item8903 md={3}8904 lg={2}8905 sm={4}8906 xs={12}8907 >8908 <Icons.Repeat />8909 <Typography className={classes.materialIconText}>8910 Repeat8911 </Typography>8912 </Grid>8913 <Grid8914 className={classes.materailIcon}8915 item8916 md={3}8917 lg={2}8918 sm={4}8919 xs={12}8920 >8921 <Icons.Replay />8922 <Typography className={classes.materialIconText}>8923 Replay8924 </Typography>8925 </Grid>8926 <Grid8927 className={classes.materailIcon}8928 item8929 md={3}8930 lg={2}8931 sm={4}8932 xs={12}8933 >8934 <Icons.Replay10 />8935 <Typography className={classes.materialIconText}>8936 Replay108937 </Typography>8938 </Grid>8939 <Grid8940 className={classes.materailIcon}8941 item8942 md={3}8943 lg={2}8944 sm={4}8945 xs={12}8946 >8947 <Icons.Replay30 />8948 <Typography className={classes.materialIconText}>8949 Replay308950 </Typography>8951 </Grid>8952 <Grid8953 className={classes.materailIcon}8954 item8955 md={3}8956 lg={2}8957 sm={4}8958 xs={12}8959 >8960 <Icons.Replay5 />8961 <Typography className={classes.materialIconText}>8962 Replay58963 </Typography>8964 </Grid>8965 <Grid8966 className={classes.materailIcon}8967 item8968 md={3}8969 lg={2}8970 sm={4}8971 xs={12}8972 >8973 <Icons.Reply />8974 <Typography className={classes.materialIconText}>8975 Reply8976 </Typography>8977 </Grid>8978 <Grid8979 className={classes.materailIcon}8980 item8981 md={3}8982 lg={2}8983 sm={4}8984 xs={12}8985 >8986 <Icons.ReplyAll />8987 <Typography className={classes.materialIconText}>8988 ReplyAll8989 </Typography>8990 </Grid>8991 <Grid8992 className={classes.materailIcon}8993 item8994 md={3}8995 lg={2}8996 sm={4}8997 xs={12}8998 >8999 <Icons.Report />9000 <Typography className={classes.materialIconText}>9001 Report9002 </Typography>9003 </Grid>9004 <Grid9005 className={classes.materailIcon}9006 item9007 md={3}9008 lg={2}9009 sm={4}9010 xs={12}9011 >9012 <Icons.ReportProblem />9013 <Typography className={classes.materialIconText}>9014 ReportProblem9015 </Typography>9016 </Grid>9017 <Grid9018 className={classes.materailIcon}9019 item9020 md={3}9021 lg={2}9022 sm={4}9023 xs={12}9024 >9025 <Icons.Restaurant />9026 <Typography className={classes.materialIconText}>9027 Restaurant9028 </Typography>9029 </Grid>9030 <Grid9031 className={classes.materailIcon}9032 item9033 md={3}9034 lg={2}9035 sm={4}9036 xs={12}9037 >9038 <Icons.RestaurantMenu />9039 <Typography className={classes.materialIconText}>9040 RestaurantMenu9041 </Typography>9042 </Grid>9043 <Grid9044 className={classes.materailIcon}9045 item9046 md={3}9047 lg={2}9048 sm={4}9049 xs={12}9050 >9051 <Icons.Restore />9052 <Typography className={classes.materialIconText}>9053 Restore9054 </Typography>9055 </Grid>9056 <Grid9057 className={classes.materailIcon}9058 item9059 md={3}9060 lg={2}9061 sm={4}9062 xs={12}9063 >9064 <Icons.RestoreFromTrash />9065 <Typography className={classes.materialIconText}>9066 RestoreFromTrash9067 </Typography>9068 </Grid>9069 <Grid9070 className={classes.materailIcon}9071 item9072 md={3}9073 lg={2}9074 sm={4}9075 xs={12}9076 >9077 <Icons.RestorePage />9078 <Typography className={classes.materialIconText}>9079 RestorePage9080 </Typography>9081 </Grid>9082 <Grid9083 className={classes.materailIcon}9084 item9085 md={3}9086 lg={2}9087 sm={4}9088 xs={12}9089 >9090 <Icons.RingVolume />9091 <Typography className={classes.materialIconText}>9092 RingVolume9093 </Typography>9094 </Grid>9095 <Grid9096 className={classes.materailIcon}9097 item9098 md={3}9099 lg={2}9100 sm={4}9101 xs={12}9102 >9103 <Icons.Room />9104 <Typography className={classes.materialIconText}>Room</Typography>9105 </Grid>9106 <Grid9107 className={classes.materailIcon}9108 item9109 md={3}9110 lg={2}9111 sm={4}9112 xs={12}9113 >9114 <Icons.RoomService />9115 <Typography className={classes.materialIconText}>9116 RoomService9117 </Typography>9118 </Grid>9119 <Grid9120 className={classes.materailIcon}9121 item9122 md={3}9123 lg={2}9124 sm={4}9125 xs={12}9126 >9127 <Icons.Rotate90DegreesCcw />9128 <Typography className={classes.materialIconText}>9129 Rotate90DegreesCcw9130 </Typography>9131 </Grid>9132 <Grid9133 className={classes.materailIcon}9134 item9135 md={3}9136 lg={2}9137 sm={4}9138 xs={12}9139 >9140 <Icons.RotateLeft />9141 <Typography className={classes.materialIconText}>9142 RotateLeft9143 </Typography>9144 </Grid>9145 <Grid9146 className={classes.materailIcon}9147 item9148 md={3}9149 lg={2}9150 sm={4}9151 xs={12}9152 >9153 <Icons.RotateRight />9154 <Typography className={classes.materialIconText}>9155 RotateRight9156 </Typography>9157 </Grid>9158 <Grid9159 className={classes.materailIcon}9160 item9161 md={3}9162 lg={2}9163 sm={4}9164 xs={12}9165 >9166 <Icons.Router />9167 <Typography className={classes.materialIconText}>9168 Router9169 </Typography>9170 </Grid>9171 <Grid9172 className={classes.materailIcon}9173 item9174 md={3}9175 lg={2}9176 sm={4}9177 xs={12}9178 >9179 <Icons.Rowing />9180 <Typography className={classes.materialIconText}>9181 Rowing9182 </Typography>9183 </Grid>9184 <Grid9185 className={classes.materailIcon}9186 item9187 md={3}9188 lg={2}9189 sm={4}9190 xs={12}9191 >9192 <Icons.RssFeed />9193 <Typography className={classes.materialIconText}>9194 RssFeed9195 </Typography>9196 </Grid>9197 <Grid9198 className={classes.materailIcon}9199 item9200 md={3}9201 lg={2}9202 sm={4}9203 xs={12}9204 >9205 <Icons.RvHookup />9206 <Typography className={classes.materialIconText}>9207 RvHookup9208 </Typography>9209 </Grid>9210 <Grid9211 className={classes.materailIcon}9212 item9213 md={3}9214 lg={2}9215 sm={4}9216 xs={12}9217 >9218 <Icons.Satellite />9219 <Typography className={classes.materialIconText}>9220 Satellite9221 </Typography>9222 </Grid>9223 <Grid9224 className={classes.materailIcon}9225 item9226 md={3}9227 lg={2}9228 sm={4}9229 xs={12}9230 >9231 <Icons.Save />9232 <Typography className={classes.materialIconText}>Save</Typography>9233 </Grid>9234 <Grid9235 className={classes.materailIcon}9236 item9237 md={3}9238 lg={2}9239 sm={4}9240 xs={12}9241 >9242 <Icons.SaveAlt />9243 <Typography className={classes.materialIconText}>9244 SaveAlt9245 </Typography>9246 </Grid>9247 <Grid9248 className={classes.materailIcon}9249 item9250 md={3}9251 lg={2}9252 sm={4}9253 xs={12}9254 >9255 <Icons.Scanner />9256 <Typography className={classes.materialIconText}>9257 Scanner9258 </Typography>9259 </Grid>9260 <Grid9261 className={classes.materailIcon}9262 item9263 md={3}9264 lg={2}9265 sm={4}9266 xs={12}9267 >9268 <Icons.ScatterPlot />9269 <Typography className={classes.materialIconText}>9270 ScatterPlot9271 </Typography>9272 </Grid>9273 <Grid9274 className={classes.materailIcon}9275 item9276 md={3}9277 lg={2}9278 sm={4}9279 xs={12}9280 >9281 <Icons.Schedule />9282 <Typography className={classes.materialIconText}>9283 Schedule9284 </Typography>9285 </Grid>9286 <Grid9287 className={classes.materailIcon}9288 item9289 md={3}9290 lg={2}9291 sm={4}9292 xs={12}9293 >9294 <Icons.School />9295 <Typography className={classes.materialIconText}>9296 School9297 </Typography>9298 </Grid>9299 <Grid9300 className={classes.materailIcon}9301 item9302 md={3}9303 lg={2}9304 sm={4}9305 xs={12}9306 >9307 <Icons.Score />9308 <Typography className={classes.materialIconText}>9309 Score9310 </Typography>9311 </Grid>9312 <Grid9313 className={classes.materailIcon}9314 item9315 md={3}9316 lg={2}9317 sm={4}9318 xs={12}9319 >9320 <Icons.ScreenLockLandscape />9321 <Typography className={classes.materialIconText}>9322 ScreenLockLandscape9323 </Typography>9324 </Grid>9325 <Grid9326 className={classes.materailIcon}9327 item9328 md={3}9329 lg={2}9330 sm={4}9331 xs={12}9332 >9333 <Icons.ScreenLockPortrait />9334 <Typography className={classes.materialIconText}>9335 ScreenLockPortrait9336 </Typography>9337 </Grid>9338 <Grid9339 className={classes.materailIcon}9340 item9341 md={3}9342 lg={2}9343 sm={4}9344 xs={12}9345 >9346 <Icons.ScreenLockRotation />9347 <Typography className={classes.materialIconText}>9348 ScreenLockRotation9349 </Typography>9350 </Grid>9351 <Grid9352 className={classes.materailIcon}9353 item9354 md={3}9355 lg={2}9356 sm={4}9357 xs={12}9358 >9359 <Icons.ScreenRotation />9360 <Typography className={classes.materialIconText}>9361 ScreenRotation9362 </Typography>9363 </Grid>9364 <Grid9365 className={classes.materailIcon}9366 item9367 md={3}9368 lg={2}9369 sm={4}9370 xs={12}9371 >9372 <Icons.ScreenShare />9373 <Typography className={classes.materialIconText}>9374 ScreenShare9375 </Typography>9376 </Grid>9377 <Grid9378 className={classes.materailIcon}9379 item9380 md={3}9381 lg={2}9382 sm={4}9383 xs={12}9384 >9385 <Icons.SdCard />9386 <Typography className={classes.materialIconText}>9387 SdCard9388 </Typography>9389 </Grid>9390 <Grid9391 className={classes.materailIcon}9392 item9393 md={3}9394 lg={2}9395 sm={4}9396 xs={12}9397 >9398 <Icons.SdStorage />9399 <Typography className={classes.materialIconText}>9400 SdStorage9401 </Typography>9402 </Grid>9403 <Grid9404 className={classes.materailIcon}9405 item9406 md={3}9407 lg={2}9408 sm={4}9409 xs={12}9410 >9411 <Icons.Search />9412 <Typography className={classes.materialIconText}>9413 Search9414 </Typography>9415 </Grid>9416 <Grid9417 className={classes.materailIcon}9418 item9419 md={3}9420 lg={2}9421 sm={4}9422 xs={12}9423 >9424 <Icons.Security />9425 <Typography className={classes.materialIconText}>9426 Security9427 </Typography>9428 </Grid>9429 <Grid9430 className={classes.materailIcon}9431 item9432 md={3}9433 lg={2}9434 sm={4}9435 xs={12}9436 >9437 <Icons.SelectAll />9438 <Typography className={classes.materialIconText}>9439 SelectAll9440 </Typography>9441 </Grid>9442 <Grid9443 className={classes.materailIcon}9444 item9445 md={3}9446 lg={2}9447 sm={4}9448 xs={12}9449 >9450 <Icons.Send />9451 <Typography className={classes.materialIconText}>Send</Typography>9452 </Grid>9453 <Grid9454 className={classes.materailIcon}9455 item9456 md={3}9457 lg={2}9458 sm={4}9459 xs={12}9460 >9461 <Icons.SentimentDissatisfied />9462 <Typography className={classes.materialIconText}>9463 SentimentDissatisfied9464 </Typography>9465 </Grid>9466 <Grid9467 className={classes.materailIcon}9468 item9469 md={3}9470 lg={2}9471 sm={4}9472 xs={12}9473 >9474 <Icons.SentimentSatisfied />9475 <Typography className={classes.materialIconText}>9476 SentimentSatisfied9477 </Typography>9478 </Grid>9479 <Grid9480 className={classes.materailIcon}9481 item9482 md={3}9483 lg={2}9484 sm={4}9485 xs={12}9486 >9487 <Icons.SentimentSatisfiedAlt />9488 <Typography className={classes.materialIconText}>9489 SentimentSatisfiedAlt9490 </Typography>9491 </Grid>9492 <Grid9493 className={classes.materailIcon}9494 item9495 md={3}9496 lg={2}9497 sm={4}9498 xs={12}9499 >9500 <Icons.SentimentVeryDissatisfied />9501 <Typography className={classes.materialIconText}>9502 SentimentVeryDissatisfied9503 </Typography>9504 </Grid>9505 <Grid9506 className={classes.materailIcon}9507 item9508 md={3}9509 lg={2}9510 sm={4}9511 xs={12}9512 >9513 <Icons.SentimentVerySatisfied />9514 <Typography className={classes.materialIconText}>9515 SentimentVerySatisfied9516 </Typography>9517 </Grid>9518 <Grid9519 className={classes.materailIcon}9520 item9521 md={3}9522 lg={2}9523 sm={4}9524 xs={12}9525 >9526 <Icons.Settings />9527 <Typography className={classes.materialIconText}>9528 Settings9529 </Typography>9530 </Grid>9531 <Grid9532 className={classes.materailIcon}9533 item9534 md={3}9535 lg={2}9536 sm={4}9537 xs={12}9538 >9539 <Icons.SettingsApplications />9540 <Typography className={classes.materialIconText}>9541 SettingsApplications9542 </Typography>9543 </Grid>9544 <Grid9545 className={classes.materailIcon}9546 item9547 md={3}9548 lg={2}9549 sm={4}9550 xs={12}9551 >9552 <Icons.SettingsBackupRestore />9553 <Typography className={classes.materialIconText}>9554 SettingsBackupRestore9555 </Typography>9556 </Grid>9557 <Grid9558 className={classes.materailIcon}9559 item9560 md={3}9561 lg={2}9562 sm={4}9563 xs={12}9564 >9565 <Icons.SettingsBluetooth />9566 <Typography className={classes.materialIconText}>9567 SettingsBluetooth9568 </Typography>9569 </Grid>9570 <Grid9571 className={classes.materailIcon}9572 item9573 md={3}9574 lg={2}9575 sm={4}9576 xs={12}9577 >9578 <Icons.SettingsBrightness />9579 <Typography className={classes.materialIconText}>9580 SettingsBrightness9581 </Typography>9582 </Grid>9583 <Grid9584 className={classes.materailIcon}9585 item9586 md={3}9587 lg={2}9588 sm={4}9589 xs={12}9590 >9591 <Icons.SettingsCell />9592 <Typography className={classes.materialIconText}>9593 SettingsCell9594 </Typography>9595 </Grid>9596 <Grid9597 className={classes.materailIcon}9598 item9599 md={3}9600 lg={2}9601 sm={4}9602 xs={12}9603 >9604 <Icons.SettingsEthernet />9605 <Typography className={classes.materialIconText}>9606 SettingsEthernet9607 </Typography>9608 </Grid>9609 <Grid9610 className={classes.materailIcon}9611 item9612 md={3}9613 lg={2}9614 sm={4}9615 xs={12}9616 >9617 <Icons.SettingsInputAntenna />9618 <Typography className={classes.materialIconText}>9619 SettingsInputAntenna9620 </Typography>9621 </Grid>9622 <Grid9623 className={classes.materailIcon}9624 item9625 md={3}9626 lg={2}9627 sm={4}9628 xs={12}9629 >9630 <Icons.SettingsInputComponent />9631 <Typography className={classes.materialIconText}>9632 SettingsInputComponent9633 </Typography>9634 </Grid>9635 <Grid9636 className={classes.materailIcon}9637 item9638 md={3}9639 lg={2}9640 sm={4}9641 xs={12}9642 >9643 <Icons.SettingsInputComposite />9644 <Typography className={classes.materialIconText}>9645 SettingsInputComposite9646 </Typography>9647 </Grid>9648 <Grid9649 className={classes.materailIcon}9650 item9651 md={3}9652 lg={2}9653 sm={4}9654 xs={12}9655 >9656 <Icons.SettingsInputHdmi />9657 <Typography className={classes.materialIconText}>9658 SettingsInputHdmi9659 </Typography>9660 </Grid>9661 <Grid9662 className={classes.materailIcon}9663 item9664 md={3}9665 lg={2}9666 sm={4}9667 xs={12}9668 >9669 <Icons.SettingsInputSvideo />9670 <Typography className={classes.materialIconText}>9671 SettingsInputSvideo9672 </Typography>9673 </Grid>9674 <Grid9675 className={classes.materailIcon}9676 item9677 md={3}9678 lg={2}9679 sm={4}9680 xs={12}9681 >9682 <Icons.SettingsOverscan />9683 <Typography className={classes.materialIconText}>9684 SettingsOverscan9685 </Typography>9686 </Grid>9687 <Grid9688 className={classes.materailIcon}9689 item9690 md={3}9691 lg={2}9692 sm={4}9693 xs={12}9694 >9695 <Icons.SettingsPhone />9696 <Typography className={classes.materialIconText}>9697 SettingsPhone9698 </Typography>9699 </Grid>9700 <Grid9701 className={classes.materailIcon}9702 item9703 md={3}9704 lg={2}9705 sm={4}9706 xs={12}9707 >9708 <Icons.SettingsPower />9709 <Typography className={classes.materialIconText}>9710 SettingsPower9711 </Typography>9712 </Grid>9713 <Grid9714 className={classes.materailIcon}9715 item9716 md={3}9717 lg={2}9718 sm={4}9719 xs={12}9720 >9721 <Icons.SettingsRemote />9722 <Typography className={classes.materialIconText}>9723 SettingsRemote9724 </Typography>9725 </Grid>9726 <Grid9727 className={classes.materailIcon}9728 item9729 md={3}9730 lg={2}9731 sm={4}9732 xs={12}9733 >9734 <Icons.SettingsSystemDaydream />9735 <Typography className={classes.materialIconText}>9736 SettingsSystemDaydream9737 </Typography>9738 </Grid>9739 <Grid9740 className={classes.materailIcon}9741 item9742 md={3}9743 lg={2}9744 sm={4}9745 xs={12}9746 >9747 <Icons.SettingsVoice />9748 <Typography className={classes.materialIconText}>9749 SettingsVoice9750 </Typography>9751 </Grid>9752 <Grid9753 className={classes.materailIcon}9754 item9755 md={3}9756 lg={2}9757 sm={4}9758 xs={12}9759 >9760 <Icons.Share />9761 <Typography className={classes.materialIconText}>9762 Share9763 </Typography>9764 </Grid>9765 <Grid9766 className={classes.materailIcon}9767 item9768 md={3}9769 lg={2}9770 sm={4}9771 xs={12}9772 >9773 <Icons.Shop />9774 <Typography className={classes.materialIconText}>Shop</Typography>9775 </Grid>9776 <Grid9777 className={classes.materailIcon}9778 item9779 md={3}9780 lg={2}9781 sm={4}9782 xs={12}9783 >9784 <Icons.ShoppingBasket />9785 <Typography className={classes.materialIconText}>9786 ShoppingBasket9787 </Typography>9788 </Grid>9789 <Grid9790 className={classes.materailIcon}9791 item9792 md={3}9793 lg={2}9794 sm={4}9795 xs={12}9796 >9797 <Icons.ShoppingCart />9798 <Typography className={classes.materialIconText}>9799 ShoppingCart9800 </Typography>9801 </Grid>9802 <Grid9803 className={classes.materailIcon}9804 item9805 md={3}9806 lg={2}9807 sm={4}9808 xs={12}9809 >9810 <Icons.ShopTwo />9811 <Typography className={classes.materialIconText}>9812 ShopTwo9813 </Typography>9814 </Grid>9815 <Grid9816 className={classes.materailIcon}9817 item9818 md={3}9819 lg={2}9820 sm={4}9821 xs={12}9822 >9823 <Icons.ShortText />9824 <Typography className={classes.materialIconText}>9825 ShortText9826 </Typography>9827 </Grid>9828 <Grid9829 className={classes.materailIcon}9830 item9831 md={3}9832 lg={2}9833 sm={4}9834 xs={12}9835 >9836 <Icons.ShowChart />9837 <Typography className={classes.materialIconText}>9838 ShowChart9839 </Typography>9840 </Grid>9841 <Grid9842 className={classes.materailIcon}9843 item9844 md={3}9845 lg={2}9846 sm={4}9847 xs={12}9848 >9849 <Icons.Shuffle />9850 <Typography className={classes.materialIconText}>9851 Shuffle9852 </Typography>9853 </Grid>9854 <Grid9855 className={classes.materailIcon}9856 item9857 md={3}9858 lg={2}9859 sm={4}9860 xs={12}9861 >9862 <Icons.ShutterSpeed />9863 <Typography className={classes.materialIconText}>9864 ShutterSpeed9865 </Typography>9866 </Grid>9867 <Grid9868 className={classes.materailIcon}9869 item9870 md={3}9871 lg={2}9872 sm={4}9873 xs={12}9874 >9875 <Icons.SignalCellular0Bar />9876 <Typography className={classes.materialIconText}>9877 SignalCellular0Bar9878 </Typography>9879 </Grid>9880 <Grid9881 className={classes.materailIcon}9882 item9883 md={3}9884 lg={2}9885 sm={4}9886 xs={12}9887 >9888 <Icons.SignalCellular1Bar />9889 <Typography className={classes.materialIconText}>9890 SignalCellular1Bar9891 </Typography>9892 </Grid>9893 <Grid9894 className={classes.materailIcon}9895 item9896 md={3}9897 lg={2}9898 sm={4}9899 xs={12}9900 >9901 <Icons.SignalCellular2Bar />9902 <Typography className={classes.materialIconText}>9903 SignalCellular2Bar9904 </Typography>9905 </Grid>9906 <Grid9907 className={classes.materailIcon}9908 item9909 md={3}9910 lg={2}9911 sm={4}9912 xs={12}9913 >9914 <Icons.SignalCellular3Bar />9915 <Typography className={classes.materialIconText}>9916 SignalCellular3Bar9917 </Typography>9918 </Grid>9919 <Grid9920 className={classes.materailIcon}9921 item9922 md={3}9923 lg={2}9924 sm={4}9925 xs={12}9926 >9927 <Icons.SignalCellular4Bar />9928 <Typography className={classes.materialIconText}>9929 SignalCellular4Bar9930 </Typography>9931 </Grid>9932 <Grid9933 className={classes.materailIcon}9934 item9935 md={3}9936 lg={2}9937 sm={4}9938 xs={12}9939 >9940 <Icons.SignalCellularAlt />9941 <Typography className={classes.materialIconText}>9942 SignalCellularAlt9943 </Typography>9944 </Grid>9945 <Grid9946 className={classes.materailIcon}9947 item9948 md={3}9949 lg={2}9950 sm={4}9951 xs={12}9952 >9953 <Icons.SignalCellularConnectedNoInternet0Bar />9954 <Typography className={classes.materialIconText}>9955 SignalCellularConnectedNoInternet0Bar9956 </Typography>9957 </Grid>9958 <Grid9959 className={classes.materailIcon}9960 item9961 md={3}9962 lg={2}9963 sm={4}9964 xs={12}9965 >9966 <Icons.SignalCellularConnectedNoInternet1Bar />9967 <Typography className={classes.materialIconText}>9968 SignalCellularConnectedNoInternet1Bar9969 </Typography>9970 </Grid>9971 <Grid9972 className={classes.materailIcon}9973 item9974 md={3}9975 lg={2}9976 sm={4}9977 xs={12}9978 >9979 <Icons.SignalCellularConnectedNoInternet2Bar />9980 <Typography className={classes.materialIconText}>9981 SignalCellularConnectedNoInternet2Bar9982 </Typography>9983 </Grid>9984 <Grid9985 className={classes.materailIcon}9986 item9987 md={3}9988 lg={2}9989 sm={4}9990 xs={12}9991 >9992 <Icons.SignalCellularConnectedNoInternet3Bar />9993 <Typography className={classes.materialIconText}>9994 SignalCellularConnectedNoInternet3Bar9995 </Typography>9996 </Grid>9997 <Grid9998 className={classes.materailIcon}9999 item10000 md={3}10001 lg={2}10002 sm={4}10003 xs={12}10004 >10005 <Icons.SignalCellularConnectedNoInternet4Bar />10006 <Typography className={classes.materialIconText}>10007 SignalCellularConnectedNoInternet4Bar10008 </Typography>10009 </Grid>10010 <Grid10011 className={classes.materailIcon}10012 item10013 md={3}10014 lg={2}10015 sm={4}10016 xs={12}10017 >10018 <Icons.SignalCellularNoSim />10019 <Typography className={classes.materialIconText}>10020 SignalCellularNoSim10021 </Typography>10022 </Grid>10023 <Grid10024 className={classes.materailIcon}10025 item10026 md={3}10027 lg={2}10028 sm={4}10029 xs={12}10030 >10031 <Icons.SignalCellularNull />10032 <Typography className={classes.materialIconText}>10033 SignalCellularNull10034 </Typography>10035 </Grid>10036 <Grid10037 className={classes.materailIcon}10038 item10039 md={3}10040 lg={2}10041 sm={4}10042 xs={12}10043 >10044 <Icons.SignalWifi0Bar />10045 <Typography className={classes.materialIconText}>10046 SignalWifi0Bar10047 </Typography>10048 </Grid>10049 <Grid10050 className={classes.materailIcon}10051 item10052 md={3}10053 lg={2}10054 sm={4}10055 xs={12}10056 >10057 <Icons.SignalWifi1Bar />10058 <Typography className={classes.materialIconText}>10059 SignalWifi1Bar10060 </Typography>10061 </Grid>10062 <Grid10063 className={classes.materailIcon}10064 item10065 md={3}10066 lg={2}10067 sm={4}10068 xs={12}10069 >10070 <Icons.SignalWifi1BarLock />10071 <Typography className={classes.materialIconText}>10072 SignalWifi1BarLock10073 </Typography>10074 </Grid>10075 <Grid10076 className={classes.materailIcon}10077 item10078 md={3}10079 lg={2}10080 sm={4}10081 xs={12}10082 >10083 <Icons.SignalWifi2Bar />10084 <Typography className={classes.materialIconText}>10085 SignalWifi2Bar10086 </Typography>10087 </Grid>10088 <Grid10089 className={classes.materailIcon}10090 item10091 md={3}10092 lg={2}10093 sm={4}10094 xs={12}10095 >10096 <Icons.SignalWifi2BarLock />10097 <Typography className={classes.materialIconText}>10098 SignalWifi2BarLock10099 </Typography>10100 </Grid>10101 <Grid10102 className={classes.materailIcon}10103 item10104 md={3}10105 lg={2}10106 sm={4}10107 xs={12}10108 >10109 <Icons.SignalWifi3Bar />10110 <Typography className={classes.materialIconText}>10111 SignalWifi3Bar10112 </Typography>10113 </Grid>10114 <Grid10115 className={classes.materailIcon}10116 item10117 md={3}10118 lg={2}10119 sm={4}10120 xs={12}10121 >10122 <Icons.SignalWifi3BarLock />10123 <Typography className={classes.materialIconText}>10124 SignalWifi3BarLock10125 </Typography>10126 </Grid>10127 <Grid10128 className={classes.materailIcon}10129 item10130 md={3}10131 lg={2}10132 sm={4}10133 xs={12}10134 >10135 <Icons.SignalWifi4Bar />10136 <Typography className={classes.materialIconText}>10137 SignalWifi4Bar10138 </Typography>10139 </Grid>10140 <Grid10141 className={classes.materailIcon}10142 item10143 md={3}10144 lg={2}10145 sm={4}10146 xs={12}10147 >10148 <Icons.SignalWifi4BarLock />10149 <Typography className={classes.materialIconText}>10150 SignalWifi4BarLock10151 </Typography>10152 </Grid>10153 <Grid10154 className={classes.materailIcon}10155 item10156 md={3}10157 lg={2}10158 sm={4}10159 xs={12}10160 >10161 <Icons.SimCard />10162 <Typography className={classes.materialIconText}>10163 SimCard10164 </Typography>10165 </Grid>10166 <Grid10167 className={classes.materailIcon}10168 item10169 md={3}10170 lg={2}10171 sm={4}10172 xs={12}10173 >10174 <Icons.SkipNext />10175 <Typography className={classes.materialIconText}>10176 SkipNext10177 </Typography>10178 </Grid>10179 <Grid10180 className={classes.materailIcon}10181 item10182 md={3}10183 lg={2}10184 sm={4}10185 xs={12}10186 >10187 <Icons.SkipPrevious />10188 <Typography className={classes.materialIconText}>10189 SkipPrevious10190 </Typography>10191 </Grid>10192 <Grid10193 className={classes.materailIcon}10194 item10195 md={3}10196 lg={2}10197 sm={4}10198 xs={12}10199 >10200 <Icons.Slideshow />10201 <Typography className={classes.materialIconText}>10202 Slideshow10203 </Typography>10204 </Grid>10205 <Grid10206 className={classes.materailIcon}10207 item10208 md={3}10209 lg={2}10210 sm={4}10211 xs={12}10212 >10213 <Icons.SlowMotionVideo />10214 <Typography className={classes.materialIconText}>10215 SlowMotionVideo10216 </Typography>10217 </Grid>10218 <Grid10219 className={classes.materailIcon}10220 item10221 md={3}10222 lg={2}10223 sm={4}10224 xs={12}10225 >10226 <Icons.Smartphone />10227 <Typography className={classes.materialIconText}>10228 Smartphone10229 </Typography>10230 </Grid>10231 <Grid10232 className={classes.materailIcon}10233 item10234 md={3}10235 lg={2}10236 sm={4}10237 xs={12}10238 >10239 <Icons.SmokeFree />10240 <Typography className={classes.materialIconText}>10241 SmokeFree10242 </Typography>10243 </Grid>10244 <Grid10245 className={classes.materailIcon}10246 item10247 md={3}10248 lg={2}10249 sm={4}10250 xs={12}10251 >10252 <Icons.SmokingRooms />10253 <Typography className={classes.materialIconText}>10254 SmokingRooms10255 </Typography>10256 </Grid>10257 <Grid10258 className={classes.materailIcon}10259 item10260 md={3}10261 lg={2}10262 sm={4}10263 xs={12}10264 >10265 <Icons.Sms />10266 <Typography className={classes.materialIconText}>Sms</Typography>10267 </Grid>10268 <Grid10269 className={classes.materailIcon}10270 item10271 md={3}10272 lg={2}10273 sm={4}10274 xs={12}10275 >10276 <Icons.SmsFailed />10277 <Typography className={classes.materialIconText}>10278 SmsFailed10279 </Typography>10280 </Grid>10281 <Grid10282 className={classes.materailIcon}10283 item10284 md={3}10285 lg={2}10286 sm={4}10287 xs={12}10288 >10289 <Icons.Snooze />10290 <Typography className={classes.materialIconText}>10291 Snooze10292 </Typography>10293 </Grid>10294 <Grid10295 className={classes.materailIcon}10296 item10297 md={3}10298 lg={2}10299 sm={4}10300 xs={12}10301 >10302 <Icons.Sort />10303 <Typography className={classes.materialIconText}>Sort</Typography>10304 </Grid>10305 <Grid10306 className={classes.materailIcon}10307 item10308 md={3}10309 lg={2}10310 sm={4}10311 xs={12}10312 >10313 <Icons.SortByAlpha />10314 <Typography className={classes.materialIconText}>10315 SortByAlpha10316 </Typography>10317 </Grid>10318 <Grid10319 className={classes.materailIcon}10320 item10321 md={3}10322 lg={2}10323 sm={4}10324 xs={12}10325 >10326 <Icons.Spa />10327 <Typography className={classes.materialIconText}>Spa</Typography>10328 </Grid>10329 <Grid10330 className={classes.materailIcon}10331 item10332 md={3}10333 lg={2}10334 sm={4}10335 xs={12}10336 >10337 <Icons.SpaceBar />10338 <Typography className={classes.materialIconText}>10339 SpaceBar10340 </Typography>10341 </Grid>10342 <Grid10343 className={classes.materailIcon}10344 item10345 md={3}10346 lg={2}10347 sm={4}10348 xs={12}10349 >10350 <Icons.Speaker />10351 <Typography className={classes.materialIconText}>10352 Speaker10353 </Typography>10354 </Grid>10355 <Grid10356 className={classes.materailIcon}10357 item10358 md={3}10359 lg={2}10360 sm={4}10361 xs={12}10362 >10363 <Icons.SpeakerGroup />10364 <Typography className={classes.materialIconText}>10365 SpeakerGroup10366 </Typography>10367 </Grid>10368 <Grid10369 className={classes.materailIcon}10370 item10371 md={3}10372 lg={2}10373 sm={4}10374 xs={12}10375 >10376 <Icons.SpeakerNotes />10377 <Typography className={classes.materialIconText}>10378 SpeakerNotes10379 </Typography>10380 </Grid>10381 <Grid10382 className={classes.materailIcon}10383 item10384 md={3}10385 lg={2}10386 sm={4}10387 xs={12}10388 >10389 <Icons.SpeakerPhone />10390 <Typography className={classes.materialIconText}>10391 SpeakerPhone10392 </Typography>10393 </Grid>10394 <Grid10395 className={classes.materailIcon}10396 item10397 md={3}10398 lg={2}10399 sm={4}10400 xs={12}10401 >10402 <Icons.Spellcheck />10403 <Typography className={classes.materialIconText}>10404 Spellcheck10405 </Typography>10406 </Grid>10407 <Grid10408 className={classes.materailIcon}10409 item10410 md={3}10411 lg={2}10412 sm={4}10413 xs={12}10414 >10415 <Icons.Star />10416 <Typography className={classes.materialIconText}>Star</Typography>10417 </Grid>10418 <Grid10419 className={classes.materailIcon}10420 item10421 md={3}10422 lg={2}10423 sm={4}10424 xs={12}10425 >10426 <Icons.StarBorder />10427 <Typography className={classes.materialIconText}>10428 StarBorder10429 </Typography>10430 </Grid>10431 <Grid10432 className={classes.materailIcon}10433 item10434 md={3}10435 lg={2}10436 sm={4}10437 xs={12}10438 >10439 <Icons.StarHalf />10440 <Typography className={classes.materialIconText}>10441 StarHalf10442 </Typography>10443 </Grid>10444 <Grid10445 className={classes.materailIcon}10446 item10447 md={3}10448 lg={2}10449 sm={4}10450 xs={12}10451 >10452 <Icons.StarRate />10453 <Typography className={classes.materialIconText}>10454 StarRate10455 </Typography>10456 </Grid>10457 <Grid10458 className={classes.materailIcon}10459 item10460 md={3}10461 lg={2}10462 sm={4}10463 xs={12}10464 >10465 <Icons.Stars />10466 <Typography className={classes.materialIconText}>10467 Stars10468 </Typography>10469 </Grid>10470 <Grid10471 className={classes.materailIcon}10472 item10473 md={3}10474 lg={2}10475 sm={4}10476 xs={12}10477 >10478 <Icons.StayCurrentLandscape />10479 <Typography className={classes.materialIconText}>10480 StayCurrentLandscape10481 </Typography>10482 </Grid>10483 <Grid10484 className={classes.materailIcon}10485 item10486 md={3}10487 lg={2}10488 sm={4}10489 xs={12}10490 >10491 <Icons.StayCurrentPortrait />10492 <Typography className={classes.materialIconText}>10493 StayCurrentPortrait10494 </Typography>10495 </Grid>10496 <Grid10497 className={classes.materailIcon}10498 item10499 md={3}10500 lg={2}10501 sm={4}10502 xs={12}10503 >10504 <Icons.StayPrimaryLandscape />10505 <Typography className={classes.materialIconText}>10506 StayPrimaryLandscape10507 </Typography>10508 </Grid>10509 <Grid10510 className={classes.materailIcon}10511 item10512 md={3}10513 lg={2}10514 sm={4}10515 xs={12}10516 >10517 <Icons.StayPrimaryPortrait />10518 <Typography className={classes.materialIconText}>10519 StayPrimaryPortrait10520 </Typography>10521 </Grid>10522 <Grid10523 className={classes.materailIcon}10524 item10525 md={3}10526 lg={2}10527 sm={4}10528 xs={12}10529 >10530 <Icons.Stop />10531 <Typography className={classes.materialIconText}>Stop</Typography>10532 </Grid>10533 <Grid10534 className={classes.materailIcon}10535 item10536 md={3}10537 lg={2}10538 sm={4}10539 xs={12}10540 >10541 <Icons.StopScreenShare />10542 <Typography className={classes.materialIconText}>10543 StopScreenShare10544 </Typography>10545 </Grid>10546 <Grid10547 className={classes.materailIcon}10548 item10549 md={3}10550 lg={2}10551 sm={4}10552 xs={12}10553 >10554 <Icons.Storage />10555 <Typography className={classes.materialIconText}>10556 Storage10557 </Typography>10558 </Grid>10559 <Grid10560 className={classes.materailIcon}10561 item10562 md={3}10563 lg={2}10564 sm={4}10565 xs={12}10566 >10567 <Icons.Store />10568 <Typography className={classes.materialIconText}>10569 Store10570 </Typography>10571 </Grid>10572 <Grid10573 className={classes.materailIcon}10574 item10575 md={3}10576 lg={2}10577 sm={4}10578 xs={12}10579 >10580 <Icons.StoreMallDirectory />10581 <Typography className={classes.materialIconText}>10582 StoreMallDirectory10583 </Typography>10584 </Grid>10585 <Grid10586 className={classes.materailIcon}10587 item10588 md={3}10589 lg={2}10590 sm={4}10591 xs={12}10592 >10593 <Icons.Straighten />10594 <Typography className={classes.materialIconText}>10595 Straighten10596 </Typography>10597 </Grid>10598 <Grid10599 className={classes.materailIcon}10600 item10601 md={3}10602 lg={2}10603 sm={4}10604 xs={12}10605 >10606 <Icons.Streetview />10607 <Typography className={classes.materialIconText}>10608 Streetview10609 </Typography>10610 </Grid>10611 <Grid10612 className={classes.materailIcon}10613 item10614 md={3}10615 lg={2}10616 sm={4}10617 xs={12}10618 >10619 <Icons.StrikethroughS />10620 <Typography className={classes.materialIconText}>10621 StrikethroughS10622 </Typography>10623 </Grid>10624 <Grid10625 className={classes.materailIcon}10626 item10627 md={3}10628 lg={2}10629 sm={4}10630 xs={12}10631 >10632 <Icons.Style />10633 <Typography className={classes.materialIconText}>10634 Style10635 </Typography>10636 </Grid>10637 <Grid10638 className={classes.materailIcon}10639 item10640 md={3}10641 lg={2}10642 sm={4}10643 xs={12}10644 >10645 <Icons.SubdirectoryArrowLeft />10646 <Typography className={classes.materialIconText}>10647 SubdirectoryArrowLeft10648 </Typography>10649 </Grid>10650 <Grid10651 className={classes.materailIcon}10652 item10653 md={3}10654 lg={2}10655 sm={4}10656 xs={12}10657 >10658 <Icons.SubdirectoryArrowRight />10659 <Typography className={classes.materialIconText}>10660 SubdirectoryArrowRight10661 </Typography>10662 </Grid>10663 <Grid10664 className={classes.materailIcon}10665 item10666 md={3}10667 lg={2}10668 sm={4}10669 xs={12}10670 >10671 <Icons.Subject />10672 <Typography className={classes.materialIconText}>10673 Subject10674 </Typography>10675 </Grid>10676 <Grid10677 className={classes.materailIcon}10678 item10679 md={3}10680 lg={2}10681 sm={4}10682 xs={12}10683 >10684 <Icons.Subscriptions />10685 <Typography className={classes.materialIconText}>10686 Subscriptions10687 </Typography>10688 </Grid>10689 <Grid10690 className={classes.materailIcon}10691 item10692 md={3}10693 lg={2}10694 sm={4}10695 xs={12}10696 >10697 <Icons.Subtitles />10698 <Typography className={classes.materialIconText}>10699 Subtitles10700 </Typography>10701 </Grid>10702 <Grid10703 className={classes.materailIcon}10704 item10705 md={3}10706 lg={2}10707 sm={4}10708 xs={12}10709 >10710 <Icons.Subway />10711 <Typography className={classes.materialIconText}>10712 Subway10713 </Typography>10714 </Grid>10715 <Grid10716 className={classes.materailIcon}10717 item10718 md={3}10719 lg={2}10720 sm={4}10721 xs={12}10722 >10723 <Icons.SupervisedUserCircle />10724 <Typography className={classes.materialIconText}>10725 SupervisedUserCircle10726 </Typography>10727 </Grid>10728 <Grid10729 className={classes.materailIcon}10730 item10731 md={3}10732 lg={2}10733 sm={4}10734 xs={12}10735 >10736 <Icons.SupervisorAccount />10737 <Typography className={classes.materialIconText}>10738 SupervisorAccount10739 </Typography>10740 </Grid>10741 <Grid10742 className={classes.materailIcon}10743 item10744 md={3}10745 lg={2}10746 sm={4}10747 xs={12}10748 >10749 <Icons.SurroundSound />10750 <Typography className={classes.materialIconText}>10751 SurroundSound10752 </Typography>10753 </Grid>10754 <Grid10755 className={classes.materailIcon}10756 item10757 md={3}10758 lg={2}10759 sm={4}10760 xs={12}10761 >10762 <Icons.SwapCalls />10763 <Typography className={classes.materialIconText}>10764 SwapCalls10765 </Typography>10766 </Grid>10767 <Grid10768 className={classes.materailIcon}10769 item10770 md={3}10771 lg={2}10772 sm={4}10773 xs={12}10774 >10775 <Icons.SwapHoriz />10776 <Typography className={classes.materialIconText}>10777 SwapHoriz10778 </Typography>10779 </Grid>10780 <Grid10781 className={classes.materailIcon}10782 item10783 md={3}10784 lg={2}10785 sm={4}10786 xs={12}10787 >10788 <Icons.SwapHorizontalCircle />10789 <Typography className={classes.materialIconText}>10790 SwapHorizontalCircle10791 </Typography>10792 </Grid>10793 <Grid10794 className={classes.materailIcon}10795 item10796 md={3}10797 lg={2}10798 sm={4}10799 xs={12}10800 >10801 <Icons.SwapVert />10802 <Typography className={classes.materialIconText}>10803 SwapVert10804 </Typography>10805 </Grid>10806 <Grid10807 className={classes.materailIcon}10808 item10809 md={3}10810 lg={2}10811 sm={4}10812 xs={12}10813 >10814 <Icons.SwapVerticalCircle />10815 <Typography className={classes.materialIconText}>10816 SwapVerticalCircle10817 </Typography>10818 </Grid>10819 <Grid10820 className={classes.materailIcon}10821 item10822 md={3}10823 lg={2}10824 sm={4}10825 xs={12}10826 >10827 <Icons.SwitchCamera />10828 <Typography className={classes.materialIconText}>10829 SwitchCamera10830 </Typography>10831 </Grid>10832 <Grid10833 className={classes.materailIcon}10834 item10835 md={3}10836 lg={2}10837 sm={4}10838 xs={12}10839 >10840 <Icons.SwitchVideo />10841 <Typography className={classes.materialIconText}>10842 SwitchVideo10843 </Typography>10844 </Grid>10845 <Grid10846 className={classes.materailIcon}10847 item10848 md={3}10849 lg={2}10850 sm={4}10851 xs={12}10852 >10853 <Icons.Sync />10854 <Typography className={classes.materialIconText}>Sync</Typography>10855 </Grid>10856 <Grid10857 className={classes.materailIcon}10858 item10859 md={3}10860 lg={2}10861 sm={4}10862 xs={12}10863 >10864 <Icons.SyncDisabled />10865 <Typography className={classes.materialIconText}>10866 SyncDisabled10867 </Typography>10868 </Grid>10869 <Grid10870 className={classes.materailIcon}10871 item10872 md={3}10873 lg={2}10874 sm={4}10875 xs={12}10876 >10877 <Icons.SyncProblem />10878 <Typography className={classes.materialIconText}>10879 SyncProblem10880 </Typography>10881 </Grid>10882 <Grid10883 className={classes.materailIcon}10884 item10885 md={3}10886 lg={2}10887 sm={4}10888 xs={12}10889 >10890 <Icons.SystemUpdate />10891 <Typography className={classes.materialIconText}>10892 SystemUpdate10893 </Typography>10894 </Grid>10895 <Grid10896 className={classes.materailIcon}10897 item10898 md={3}10899 lg={2}10900 sm={4}10901 xs={12}10902 >10903 <Icons.Tab />10904 <Typography className={classes.materialIconText}>Tab</Typography>10905 </Grid>10906 <Grid10907 className={classes.materailIcon}10908 item10909 md={3}10910 lg={2}10911 sm={4}10912 xs={12}10913 >10914 <Icons.TableChart />10915 <Typography className={classes.materialIconText}>10916 TableChart10917 </Typography>10918 </Grid>10919 <Grid10920 className={classes.materailIcon}10921 item10922 md={3}10923 lg={2}10924 sm={4}10925 xs={12}10926 >10927 <Icons.Tablet />10928 <Typography className={classes.materialIconText}>10929 Tablet10930 </Typography>10931 </Grid>10932 <Grid10933 className={classes.materailIcon}10934 item10935 md={3}10936 lg={2}10937 sm={4}10938 xs={12}10939 >10940 <Icons.TabletAndroid />10941 <Typography className={classes.materialIconText}>10942 TabletAndroid10943 </Typography>10944 </Grid>10945 <Grid10946 className={classes.materailIcon}10947 item10948 md={3}10949 lg={2}10950 sm={4}10951 xs={12}10952 >10953 <Icons.TabletMac />10954 <Typography className={classes.materialIconText}>10955 TabletMac10956 </Typography>10957 </Grid>10958 <Grid10959 className={classes.materailIcon}10960 item10961 md={3}10962 lg={2}10963 sm={4}10964 xs={12}10965 >10966 <Icons.TabUnselected />10967 <Typography className={classes.materialIconText}>10968 TabUnselected10969 </Typography>10970 </Grid>10971 <Grid10972 className={classes.materailIcon}10973 item10974 md={3}10975 lg={2}10976 sm={4}10977 xs={12}10978 >10979 <Icons.TagFaces />10980 <Typography className={classes.materialIconText}>10981 TagFaces10982 </Typography>10983 </Grid>10984 <Grid10985 className={classes.materailIcon}10986 item10987 md={3}10988 lg={2}10989 sm={4}10990 xs={12}10991 >10992 <Icons.TapAndPlay />10993 <Typography className={classes.materialIconText}>10994 TapAndPlay10995 </Typography>10996 </Grid>10997 <Grid10998 className={classes.materailIcon}10999 item11000 md={3}11001 lg={2}11002 sm={4}11003 xs={12}11004 >11005 <Icons.Terrain />11006 <Typography className={classes.materialIconText}>11007 Terrain11008 </Typography>11009 </Grid>11010 <Grid11011 className={classes.materailIcon}11012 item11013 md={3}11014 lg={2}11015 sm={4}11016 xs={12}11017 >11018 <Icons.TextFields />11019 <Typography className={classes.materialIconText}>11020 TextFields11021 </Typography>11022 </Grid>11023 <Grid11024 className={classes.materailIcon}11025 item11026 md={3}11027 lg={2}11028 sm={4}11029 xs={12}11030 >11031 <Icons.TextFormat />11032 <Typography className={classes.materialIconText}>11033 TextFormat11034 </Typography>11035 </Grid>11036 <Grid11037 className={classes.materailIcon}11038 item11039 md={3}11040 lg={2}11041 sm={4}11042 xs={12}11043 >11044 <Icons.TextRotateUp />11045 <Typography className={classes.materialIconText}>11046 TextRotateUp11047 </Typography>11048 </Grid>11049 <Grid11050 className={classes.materailIcon}11051 item11052 md={3}11053 lg={2}11054 sm={4}11055 xs={12}11056 >11057 <Icons.TextRotateVertical />11058 <Typography className={classes.materialIconText}>11059 TextRotateVertical11060 </Typography>11061 </Grid>11062 <Grid11063 className={classes.materailIcon}11064 item11065 md={3}11066 lg={2}11067 sm={4}11068 xs={12}11069 >11070 <Icons.TextRotationDown />11071 <Typography className={classes.materialIconText}>11072 TextRotationDown11073 </Typography>11074 </Grid>11075 <Grid11076 className={classes.materailIcon}11077 item11078 md={3}11079 lg={2}11080 sm={4}11081 xs={12}11082 >11083 <Icons.TextRotationNone />11084 <Typography className={classes.materialIconText}>11085 TextRotationNone11086 </Typography>11087 </Grid>11088 <Grid11089 className={classes.materailIcon}11090 item11091 md={3}11092 lg={2}11093 sm={4}11094 xs={12}11095 >11096 <Icons.Textsms />11097 <Typography className={classes.materialIconText}>11098 Textsms11099 </Typography>11100 </Grid>11101 <Grid11102 className={classes.materailIcon}11103 item11104 md={3}11105 lg={2}11106 sm={4}11107 xs={12}11108 >11109 <Icons.Texture />11110 <Typography className={classes.materialIconText}>11111 Texture11112 </Typography>11113 </Grid>11114 <Grid11115 className={classes.materailIcon}11116 item11117 md={3}11118 lg={2}11119 sm={4}11120 xs={12}11121 >11122 <Icons.Theaters />11123 <Typography className={classes.materialIconText}>11124 Theaters11125 </Typography>11126 </Grid>11127 <Grid11128 className={classes.materailIcon}11129 item11130 md={3}11131 lg={2}11132 sm={4}11133 xs={12}11134 >11135 <Icons.ThreeDRotation />11136 <Typography className={classes.materialIconText}>11137 ThreeDRotation11138 </Typography>11139 </Grid>11140 <Grid11141 className={classes.materailIcon}11142 item11143 md={3}11144 lg={2}11145 sm={4}11146 xs={12}11147 >11148 <Icons.ThreeSixty />11149 <Typography className={classes.materialIconText}>11150 ThreeSixty11151 </Typography>11152 </Grid>11153 <Grid11154 className={classes.materailIcon}11155 item11156 md={3}11157 lg={2}11158 sm={4}11159 xs={12}11160 >11161 <Icons.ThumbDown />11162 <Typography className={classes.materialIconText}>11163 ThumbDown11164 </Typography>11165 </Grid>11166 <Grid11167 className={classes.materailIcon}11168 item11169 md={3}11170 lg={2}11171 sm={4}11172 xs={12}11173 >11174 <Icons.ThumbDownAlt />11175 <Typography className={classes.materialIconText}>11176 ThumbDownAlt11177 </Typography>11178 </Grid>11179 <Grid11180 className={classes.materailIcon}11181 item11182 md={3}11183 lg={2}11184 sm={4}11185 xs={12}11186 >11187 <Icons.ThumbsUpDown />11188 <Typography className={classes.materialIconText}>11189 ThumbsUpDown11190 </Typography>11191 </Grid>11192 <Grid11193 className={classes.materailIcon}11194 item11195 md={3}11196 lg={2}11197 sm={4}11198 xs={12}11199 >11200 <Icons.ThumbUp />11201 <Typography className={classes.materialIconText}>11202 ThumbUp11203 </Typography>11204 </Grid>11205 <Grid11206 className={classes.materailIcon}11207 item11208 md={3}11209 lg={2}11210 sm={4}11211 xs={12}11212 >11213 <Icons.ThumbUpAlt />11214 <Typography className={classes.materialIconText}>11215 ThumbUpAlt11216 </Typography>11217 </Grid>11218 <Grid11219 className={classes.materailIcon}11220 item11221 md={3}11222 lg={2}11223 sm={4}11224 xs={12}11225 >11226 <Icons.Timelapse />11227 <Typography className={classes.materialIconText}>11228 Timelapse11229 </Typography>11230 </Grid>11231 <Grid11232 className={classes.materailIcon}11233 item11234 md={3}11235 lg={2}11236 sm={4}11237 xs={12}11238 >11239 <Icons.Timeline />11240 <Typography className={classes.materialIconText}>11241 Timeline11242 </Typography>11243 </Grid>11244 <Grid11245 className={classes.materailIcon}11246 item11247 md={3}11248 lg={2}11249 sm={4}11250 xs={12}11251 >11252 <Icons.Timer />11253 <Typography className={classes.materialIconText}>11254 Timer11255 </Typography>11256 </Grid>11257 <Grid11258 className={classes.materailIcon}11259 item11260 md={3}11261 lg={2}11262 sm={4}11263 xs={12}11264 >11265 <Icons.Timer10 />11266 <Typography className={classes.materialIconText}>11267 Timer1011268 </Typography>11269 </Grid>11270 <Grid11271 className={classes.materailIcon}11272 item11273 md={3}11274 lg={2}11275 sm={4}11276 xs={12}11277 >11278 <Icons.Timer3 />11279 <Typography className={classes.materialIconText}>11280 Timer311281 </Typography>11282 </Grid>11283 <Grid11284 className={classes.materailIcon}11285 item11286 md={3}11287 lg={2}11288 sm={4}11289 xs={12}11290 >11291 <Icons.TimeToLeave />11292 <Typography className={classes.materialIconText}>11293 TimeToLeave11294 </Typography>11295 </Grid>11296 <Grid11297 className={classes.materailIcon}11298 item11299 md={3}11300 lg={2}11301 sm={4}11302 xs={12}11303 >11304 <Icons.Title />11305 <Typography className={classes.materialIconText}>11306 Title11307 </Typography>11308 </Grid>11309 <Grid11310 className={classes.materailIcon}11311 item11312 md={3}11313 lg={2}11314 sm={4}11315 xs={12}11316 >11317 <Icons.Toc />11318 <Typography className={classes.materialIconText}>Toc</Typography>11319 </Grid>11320 <Grid11321 className={classes.materailIcon}11322 item11323 md={3}11324 lg={2}11325 sm={4}11326 xs={12}11327 >11328 <Icons.Today />11329 <Typography className={classes.materialIconText}>11330 Today11331 </Typography>11332 </Grid>11333 <Grid11334 className={classes.materailIcon}11335 item11336 md={3}11337 lg={2}11338 sm={4}11339 xs={12}11340 >11341 <Icons.Toll />11342 <Typography className={classes.materialIconText}>Toll</Typography>11343 </Grid>11344 <Grid11345 className={classes.materailIcon}11346 item11347 md={3}11348 lg={2}11349 sm={4}11350 xs={12}11351 >11352 <Icons.Tonality />11353 <Typography className={classes.materialIconText}>11354 Tonality11355 </Typography>11356 </Grid>11357 <Grid11358 className={classes.materailIcon}11359 item11360 md={3}11361 lg={2}11362 sm={4}11363 xs={12}11364 >11365 <Icons.TouchApp />11366 <Typography className={classes.materialIconText}>11367 TouchApp11368 </Typography>11369 </Grid>11370 <Grid11371 className={classes.materailIcon}11372 item11373 md={3}11374 lg={2}11375 sm={4}11376 xs={12}11377 >11378 <Icons.Toys />11379 <Typography className={classes.materialIconText}>Toys</Typography>11380 </Grid>11381 <Grid11382 className={classes.materailIcon}11383 item11384 md={3}11385 lg={2}11386 sm={4}11387 xs={12}11388 >11389 <Icons.TrackChanges />11390 <Typography className={classes.materialIconText}>11391 TrackChanges11392 </Typography>11393 </Grid>11394 <Grid11395 className={classes.materailIcon}11396 item11397 md={3}11398 lg={2}11399 sm={4}11400 xs={12}11401 >11402 <Icons.Traffic />11403 <Typography className={classes.materialIconText}>11404 Traffic11405 </Typography>11406 </Grid>11407 <Grid11408 className={classes.materailIcon}11409 item11410 md={3}11411 lg={2}11412 sm={4}11413 xs={12}11414 >11415 <Icons.Train />11416 <Typography className={classes.materialIconText}>11417 Train11418 </Typography>11419 </Grid>11420 <Grid11421 className={classes.materailIcon}11422 item11423 md={3}11424 lg={2}11425 sm={4}11426 xs={12}11427 >11428 <Icons.Tram />11429 <Typography className={classes.materialIconText}>Tram</Typography>11430 </Grid>11431 <Grid11432 className={classes.materailIcon}11433 item11434 md={3}11435 lg={2}11436 sm={4}11437 xs={12}11438 >11439 <Icons.TransferWithinAStation />11440 <Typography className={classes.materialIconText}>11441 TransferWithinAStation11442 </Typography>11443 </Grid>11444 <Grid11445 className={classes.materailIcon}11446 item11447 md={3}11448 lg={2}11449 sm={4}11450 xs={12}11451 >11452 <Icons.Transform />11453 <Typography className={classes.materialIconText}>11454 Transform11455 </Typography>11456 </Grid>11457 <Grid11458 className={classes.materailIcon}11459 item11460 md={3}11461 lg={2}11462 sm={4}11463 xs={12}11464 >11465 <Icons.TransitEnterexit />11466 <Typography className={classes.materialIconText}>11467 TransitEnterexit11468 </Typography>11469 </Grid>11470 <Grid11471 className={classes.materailIcon}11472 item11473 md={3}11474 lg={2}11475 sm={4}11476 xs={12}11477 >11478 <Icons.Translate />11479 <Typography className={classes.materialIconText}>11480 Translate11481 </Typography>11482 </Grid>11483 <Grid11484 className={classes.materailIcon}11485 item11486 md={3}11487 lg={2}11488 sm={4}11489 xs={12}11490 >11491 <Icons.TrendingDown />11492 <Typography className={classes.materialIconText}>11493 TrendingDown11494 </Typography>11495 </Grid>11496 <Grid11497 className={classes.materailIcon}11498 item11499 md={3}11500 lg={2}11501 sm={4}11502 xs={12}11503 >11504 <Icons.TrendingFlat />11505 <Typography className={classes.materialIconText}>11506 TrendingFlat11507 </Typography>11508 </Grid>11509 <Grid11510 className={classes.materailIcon}11511 item11512 md={3}11513 lg={2}11514 sm={4}11515 xs={12}11516 >11517 <Icons.TrendingUp />11518 <Typography className={classes.materialIconText}>11519 TrendingUp11520 </Typography>11521 </Grid>11522 <Grid11523 className={classes.materailIcon}11524 item11525 md={3}11526 lg={2}11527 sm={4}11528 xs={12}11529 >11530 <Icons.TripOrigin />11531 <Typography className={classes.materialIconText}>11532 TripOrigin11533 </Typography>11534 </Grid>11535 <Grid11536 className={classes.materailIcon}11537 item11538 md={3}11539 lg={2}11540 sm={4}11541 xs={12}11542 >11543 <Icons.Tune />11544 <Typography className={classes.materialIconText}>Tune</Typography>11545 </Grid>11546 <Grid11547 className={classes.materailIcon}11548 item11549 md={3}11550 lg={2}11551 sm={4}11552 xs={12}11553 >11554 <Icons.TurnedIn />11555 <Typography className={classes.materialIconText}>11556 TurnedIn11557 </Typography>11558 </Grid>11559 <Grid11560 className={classes.materailIcon}11561 item11562 md={3}11563 lg={2}11564 sm={4}11565 xs={12}11566 >11567 <Icons.TurnedInNot />11568 <Typography className={classes.materialIconText}>11569 TurnedInNot11570 </Typography>11571 </Grid>11572 <Grid11573 className={classes.materailIcon}11574 item11575 md={3}11576 lg={2}11577 sm={4}11578 xs={12}11579 >11580 <Icons.Tv />11581 <Typography className={classes.materialIconText}>Tv</Typography>11582 </Grid>11583 <Grid11584 className={classes.materailIcon}11585 item11586 md={3}11587 lg={2}11588 sm={4}11589 xs={12}11590 >11591 <Icons.Unarchive />11592 <Typography className={classes.materialIconText}>11593 Unarchive11594 </Typography>11595 </Grid>11596 <Grid11597 className={classes.materailIcon}11598 item11599 md={3}11600 lg={2}11601 sm={4}11602 xs={12}11603 >11604 <Icons.Undo />11605 <Typography className={classes.materialIconText}>Undo</Typography>11606 </Grid>11607 <Grid11608 className={classes.materailIcon}11609 item11610 md={3}11611 lg={2}11612 sm={4}11613 xs={12}11614 >11615 <Icons.UnfoldLess />11616 <Typography className={classes.materialIconText}>11617 UnfoldLess11618 </Typography>11619 </Grid>11620 <Grid11621 className={classes.materailIcon}11622 item11623 md={3}11624 lg={2}11625 sm={4}11626 xs={12}11627 >11628 <Icons.UnfoldMore />11629 <Typography className={classes.materialIconText}>11630 UnfoldMore11631 </Typography>11632 </Grid>11633 <Grid11634 className={classes.materailIcon}11635 item11636 md={3}11637 lg={2}11638 sm={4}11639 xs={12}11640 >11641 <Icons.Unsubscribe />11642 <Typography className={classes.materialIconText}>11643 Unsubscribe11644 </Typography>11645 </Grid>11646 <Grid11647 className={classes.materailIcon}11648 item11649 md={3}11650 lg={2}11651 sm={4}11652 xs={12}11653 >11654 <Icons.Update />11655 <Typography className={classes.materialIconText}>11656 Update11657 </Typography>11658 </Grid>11659 <Grid11660 className={classes.materailIcon}11661 item11662 md={3}11663 lg={2}11664 sm={4}11665 xs={12}11666 >11667 <Icons.Usb />11668 <Typography className={classes.materialIconText}>Usb</Typography>11669 </Grid>11670 <Grid11671 className={classes.materailIcon}11672 item11673 md={3}11674 lg={2}11675 sm={4}11676 xs={12}11677 >11678 <Icons.VerifiedUser />11679 <Typography className={classes.materialIconText}>11680 VerifiedUser11681 </Typography>11682 </Grid>11683 <Grid11684 className={classes.materailIcon}11685 item11686 md={3}11687 lg={2}11688 sm={4}11689 xs={12}11690 >11691 <Icons.VerticalAlignBottom />11692 <Typography className={classes.materialIconText}>11693 VerticalAlignBottom11694 </Typography>11695 </Grid>11696 <Grid11697 className={classes.materailIcon}11698 item11699 md={3}11700 lg={2}11701 sm={4}11702 xs={12}11703 >11704 <Icons.VerticalAlignCenter />11705 <Typography className={classes.materialIconText}>11706 VerticalAlignCenter11707 </Typography>11708 </Grid>11709 <Grid11710 className={classes.materailIcon}11711 item11712 md={3}11713 lg={2}11714 sm={4}11715 xs={12}11716 >11717 <Icons.VerticalAlignTop />11718 <Typography className={classes.materialIconText}>11719 VerticalAlignTop11720 </Typography>11721 </Grid>11722 <Grid11723 className={classes.materailIcon}11724 item11725 md={3}11726 lg={2}11727 sm={4}11728 xs={12}11729 >11730 <Icons.VerticalSplit />11731 <Typography className={classes.materialIconText}>11732 VerticalSplit11733 </Typography>11734 </Grid>11735 <Grid11736 className={classes.materailIcon}11737 item11738 md={3}11739 lg={2}11740 sm={4}11741 xs={12}11742 >11743 <Icons.Vibration />11744 <Typography className={classes.materialIconText}>11745 Vibration11746 </Typography>11747 </Grid>11748 <Grid11749 className={classes.materailIcon}11750 item11751 md={3}11752 lg={2}11753 sm={4}11754 xs={12}11755 >11756 <Icons.VideoCall />11757 <Typography className={classes.materialIconText}>11758 VideoCall11759 </Typography>11760 </Grid>11761 <Grid11762 className={classes.materailIcon}11763 item11764 md={3}11765 lg={2}11766 sm={4}11767 xs={12}11768 >11769 <Icons.Videocam />11770 <Typography className={classes.materialIconText}>11771 Videocam11772 </Typography>11773 </Grid>11774 <Grid11775 className={classes.materailIcon}11776 item11777 md={3}11778 lg={2}11779 sm={4}11780 xs={12}11781 >11782 <Icons.VideogameAsset />11783 <Typography className={classes.materialIconText}>11784 VideogameAsset11785 </Typography>11786 </Grid>11787 <Grid11788 className={classes.materailIcon}11789 item11790 md={3}11791 lg={2}11792 sm={4}11793 xs={12}11794 >11795 <Icons.VideoLabel />11796 <Typography className={classes.materialIconText}>11797 VideoLabel11798 </Typography>11799 </Grid>11800 <Grid11801 className={classes.materailIcon}11802 item11803 md={3}11804 lg={2}11805 sm={4}11806 xs={12}11807 >11808 <Icons.VideoLibrary />11809 <Typography className={classes.materialIconText}>11810 VideoLibrary11811 </Typography>11812 </Grid>11813 <Grid11814 className={classes.materailIcon}11815 item11816 md={3}11817 lg={2}11818 sm={4}11819 xs={12}11820 >11821 <Icons.ViewAgenda />11822 <Typography className={classes.materialIconText}>11823 ViewAgenda11824 </Typography>11825 </Grid>11826 <Grid11827 className={classes.materailIcon}11828 item11829 md={3}11830 lg={2}11831 sm={4}11832 xs={12}11833 >11834 <Icons.ViewArray />11835 <Typography className={classes.materialIconText}>11836 ViewArray11837 </Typography>11838 </Grid>11839 <Grid11840 className={classes.materailIcon}11841 item11842 md={3}11843 lg={2}11844 sm={4}11845 xs={12}11846 >11847 <Icons.ViewCarousel />11848 <Typography className={classes.materialIconText}>11849 ViewCarousel11850 </Typography>11851 </Grid>11852 <Grid11853 className={classes.materailIcon}11854 item11855 md={3}11856 lg={2}11857 sm={4}11858 xs={12}11859 >11860 <Icons.ViewColumn />11861 <Typography className={classes.materialIconText}>11862 ViewColumn11863 </Typography>11864 </Grid>11865 <Grid11866 className={classes.materailIcon}11867 item11868 md={3}11869 lg={2}11870 sm={4}11871 xs={12}11872 >11873 <Icons.ViewComfy />11874 <Typography className={classes.materialIconText}>11875 ViewComfy11876 </Typography>11877 </Grid>11878 <Grid11879 className={classes.materailIcon}11880 item11881 md={3}11882 lg={2}11883 sm={4}11884 xs={12}11885 >11886 <Icons.ViewCompact />11887 <Typography className={classes.materialIconText}>11888 ViewCompact11889 </Typography>11890 </Grid>11891 <Grid11892 className={classes.materailIcon}11893 item11894 md={3}11895 lg={2}11896 sm={4}11897 xs={12}11898 >11899 <Icons.ViewDay />11900 <Typography className={classes.materialIconText}>11901 ViewDay11902 </Typography>11903 </Grid>11904 <Grid11905 className={classes.materailIcon}11906 item11907 md={3}11908 lg={2}11909 sm={4}11910 xs={12}11911 >11912 <Icons.ViewHeadline />11913 <Typography className={classes.materialIconText}>11914 ViewHeadline11915 </Typography>11916 </Grid>11917 <Grid11918 className={classes.materailIcon}11919 item11920 md={3}11921 lg={2}11922 sm={4}11923 xs={12}11924 >11925 <Icons.ViewList />11926 <Typography className={classes.materialIconText}>11927 ViewList11928 </Typography>11929 </Grid>11930 <Grid11931 className={classes.materailIcon}11932 item11933 md={3}11934 lg={2}11935 sm={4}11936 xs={12}11937 >11938 <Icons.ViewModule />11939 <Typography className={classes.materialIconText}>11940 ViewModule11941 </Typography>11942 </Grid>11943 <Grid11944 className={classes.materailIcon}11945 item11946 md={3}11947 lg={2}11948 sm={4}11949 xs={12}11950 >11951 <Icons.ViewQuilt />11952 <Typography className={classes.materialIconText}>11953 ViewQuilt11954 </Typography>11955 </Grid>11956 <Grid11957 className={classes.materailIcon}11958 item11959 md={3}11960 lg={2}11961 sm={4}11962 xs={12}11963 >11964 <Icons.ViewStream />11965 <Typography className={classes.materialIconText}>11966 ViewStream11967 </Typography>11968 </Grid>11969 <Grid11970 className={classes.materailIcon}11971 item11972 md={3}11973 lg={2}11974 sm={4}11975 xs={12}11976 >11977 <Icons.ViewWeek />11978 <Typography className={classes.materialIconText}>11979 ViewWeek11980 </Typography>11981 </Grid>11982 <Grid11983 className={classes.materailIcon}11984 item11985 md={3}11986 lg={2}11987 sm={4}11988 xs={12}11989 >11990 <Icons.Vignette />11991 <Typography className={classes.materialIconText}>11992 Vignette11993 </Typography>11994 </Grid>11995 <Grid11996 className={classes.materailIcon}11997 item11998 md={3}11999 lg={2}12000 sm={4}12001 xs={12}12002 >12003 <Icons.Visibility />12004 <Typography className={classes.materialIconText}>12005 Visibility12006 </Typography>12007 </Grid>12008 <Grid12009 className={classes.materailIcon}12010 item12011 md={3}12012 lg={2}12013 sm={4}12014 xs={12}12015 >12016 <Icons.VoiceChat />12017 <Typography className={classes.materialIconText}>12018 VoiceChat12019 </Typography>12020 </Grid>12021 <Grid12022 className={classes.materailIcon}12023 item12024 md={3}12025 lg={2}12026 sm={4}12027 xs={12}12028 >12029 <Icons.Voicemail />12030 <Typography className={classes.materialIconText}>12031 Voicemail12032 </Typography>12033 </Grid>12034 <Grid12035 className={classes.materailIcon}12036 item12037 md={3}12038 lg={2}12039 sm={4}12040 xs={12}12041 >12042 <Icons.VolumeDown />12043 <Typography className={classes.materialIconText}>12044 VolumeDown12045 </Typography>12046 </Grid>12047 <Grid12048 className={classes.materailIcon}12049 item12050 md={3}12051 lg={2}12052 sm={4}12053 xs={12}12054 >12055 <Icons.VolumeMute />12056 <Typography className={classes.materialIconText}>12057 VolumeMute12058 </Typography>12059 </Grid>12060 <Grid12061 className={classes.materailIcon}12062 item12063 md={3}12064 lg={2}12065 sm={4}12066 xs={12}12067 >12068 <Icons.VolumeUp />12069 <Typography className={classes.materialIconText}>12070 VolumeUp12071 </Typography>12072 </Grid>12073 <Grid12074 className={classes.materailIcon}12075 item12076 md={3}12077 lg={2}12078 sm={4}12079 xs={12}12080 >12081 <Icons.VpnKey />12082 <Typography className={classes.materialIconText}>12083 VpnKey12084 </Typography>12085 </Grid>12086 <Grid12087 className={classes.materailIcon}12088 item12089 md={3}12090 lg={2}12091 sm={4}12092 xs={12}12093 >12094 <Icons.VpnLock />12095 <Typography className={classes.materialIconText}>12096 VpnLock12097 </Typography>12098 </Grid>12099 <Grid12100 className={classes.materailIcon}12101 item12102 md={3}12103 lg={2}12104 sm={4}12105 xs={12}12106 >12107 <Icons.Wallpaper />12108 <Typography className={classes.materialIconText}>12109 Wallpaper12110 </Typography>12111 </Grid>12112 <Grid12113 className={classes.materailIcon}12114 item12115 md={3}12116 lg={2}12117 sm={4}12118 xs={12}12119 >12120 <Icons.Warning />12121 <Typography className={classes.materialIconText}>12122 Warning12123 </Typography>12124 </Grid>12125 <Grid12126 className={classes.materailIcon}12127 item12128 md={3}12129 lg={2}12130 sm={4}12131 xs={12}12132 >12133 <Icons.Watch />12134 <Typography className={classes.materialIconText}>12135 Watch12136 </Typography>12137 </Grid>12138 <Grid12139 className={classes.materailIcon}12140 item12141 md={3}12142 lg={2}12143 sm={4}12144 xs={12}12145 >12146 <Icons.WatchLater />12147 <Typography className={classes.materialIconText}>12148 WatchLater12149 </Typography>12150 </Grid>12151 <Grid12152 className={classes.materailIcon}12153 item12154 md={3}12155 lg={2}12156 sm={4}12157 xs={12}12158 >12159 <Icons.Waves />12160 <Typography className={classes.materialIconText}>12161 Waves12162 </Typography>12163 </Grid>12164 <Grid12165 className={classes.materailIcon}12166 item12167 md={3}12168 lg={2}12169 sm={4}12170 xs={12}12171 >12172 <Icons.WbAuto />12173 <Typography className={classes.materialIconText}>12174 WbAuto12175 </Typography>12176 </Grid>12177 <Grid12178 className={classes.materailIcon}12179 item12180 md={3}12181 lg={2}12182 sm={4}12183 xs={12}12184 >12185 <Icons.WbCloudy />12186 <Typography className={classes.materialIconText}>12187 WbCloudy12188 </Typography>12189 </Grid>12190 <Grid12191 className={classes.materailIcon}12192 item12193 md={3}12194 lg={2}12195 sm={4}12196 xs={12}12197 >12198 <Icons.WbIncandescent />12199 <Typography className={classes.materialIconText}>12200 WbIncandescent12201 </Typography>12202 </Grid>12203 <Grid12204 className={classes.materailIcon}12205 item12206 md={3}12207 lg={2}12208 sm={4}12209 xs={12}12210 >12211 <Icons.WbIridescent />12212 <Typography className={classes.materialIconText}>12213 WbIridescent12214 </Typography>12215 </Grid>12216 <Grid12217 className={classes.materailIcon}12218 item12219 md={3}12220 lg={2}12221 sm={4}12222 xs={12}12223 >12224 <Icons.WbSunny />12225 <Typography className={classes.materialIconText}>12226 WbSunny12227 </Typography>12228 </Grid>12229 <Grid12230 className={classes.materailIcon}12231 item12232 md={3}12233 lg={2}12234 sm={4}12235 xs={12}12236 >12237 <Icons.Wc />12238 <Typography className={classes.materialIconText}>Wc</Typography>12239 </Grid>12240 <Grid12241 className={classes.materailIcon}12242 item12243 md={3}12244 lg={2}12245 sm={4}12246 xs={12}12247 >12248 <Icons.Web />12249 <Typography className={classes.materialIconText}>Web</Typography>12250 </Grid>12251 <Grid12252 className={classes.materailIcon}12253 item12254 md={3}12255 lg={2}12256 sm={4}12257 xs={12}12258 >12259 <Icons.WebAsset />12260 <Typography className={classes.materialIconText}>12261 WebAsset12262 </Typography>12263 </Grid>12264 <Grid12265 className={classes.materailIcon}12266 item12267 md={3}12268 lg={2}12269 sm={4}12270 xs={12}12271 >12272 <Icons.Weekend />12273 <Typography className={classes.materialIconText}>12274 Weekend12275 </Typography>12276 </Grid>12277 <Grid12278 className={classes.materailIcon}12279 item12280 md={3}12281 lg={2}12282 sm={4}12283 xs={12}12284 >12285 <Icons.Whatshot />12286 <Typography className={classes.materialIconText}>12287 Whatshot12288 </Typography>12289 </Grid>12290 <Grid12291 className={classes.materailIcon}12292 item12293 md={3}12294 lg={2}12295 sm={4}12296 xs={12}12297 >12298 <Icons.WhereToVote />12299 <Typography className={classes.materialIconText}>12300 WhereToVote12301 </Typography>12302 </Grid>12303 <Grid12304 className={classes.materailIcon}12305 item12306 md={3}12307 lg={2}12308 sm={4}12309 xs={12}12310 >12311 <Icons.Widgets />12312 <Typography className={classes.materialIconText}>12313 Widgets12314 </Typography>12315 </Grid>12316 <Grid12317 className={classes.materailIcon}12318 item12319 md={3}12320 lg={2}12321 sm={4}12322 xs={12}12323 >12324 <Icons.Wifi />12325 <Typography className={classes.materialIconText}>Wifi</Typography>12326 </Grid>12327 <Grid12328 className={classes.materailIcon}12329 item12330 md={3}12331 lg={2}12332 sm={4}12333 xs={12}12334 >12335 <Icons.WifiLock />12336 <Typography className={classes.materialIconText}>12337 WifiLock12338 </Typography>12339 </Grid>12340 <Grid12341 className={classes.materailIcon}12342 item12343 md={3}12344 lg={2}12345 sm={4}12346 xs={12}12347 >12348 <Icons.WifiTethering />12349 <Typography className={classes.materialIconText}>12350 WifiTethering12351 </Typography>12352 </Grid>12353 <Grid12354 className={classes.materailIcon}12355 item12356 md={3}12357 lg={2}12358 sm={4}12359 xs={12}12360 >12361 <Icons.Work />12362 <Typography className={classes.materialIconText}>Work</Typography>12363 </Grid>12364 <Grid12365 className={classes.materailIcon}12366 item12367 md={3}12368 lg={2}12369 sm={4}12370 xs={12}12371 >12372 <Icons.WorkOutline />12373 <Typography className={classes.materialIconText}>12374 WorkOutline12375 </Typography>12376 </Grid>12377 <Grid12378 className={classes.materailIcon}12379 item12380 md={3}12381 lg={2}12382 sm={4}12383 xs={12}12384 >12385 <Icons.WrapText />12386 <Typography className={classes.materialIconText}>12387 WrapText12388 </Typography>12389 </Grid>12390 <Grid12391 className={classes.materailIcon}12392 item12393 md={3}12394 lg={2}12395 sm={4}12396 xs={12}12397 >12398 <Icons.YoutubeSearchedFor />12399 <Typography className={classes.materialIconText}>12400 YoutubeSearchedFor12401 </Typography>12402 </Grid>12403 <Grid12404 className={classes.materailIcon}12405 item12406 md={3}12407 lg={2}12408 sm={4}12409 xs={12}12410 >12411 <Icons.ZoomIn />12412 <Typography className={classes.materialIconText}>12413 ZoomIn12414 </Typography>12415 </Grid>12416 <Grid12417 className={classes.materailIcon}12418 item12419 md={3}12420 lg={2}12421 sm={4}12422 xs={12}12423 >12424 <Icons.ZoomOut />12425 <Typography className={classes.materialIconText}>12426 ZoomOut12427 </Typography>12428 </Grid>12429 <Grid12430 className={classes.materailIcon}12431 item12432 md={3}12433 lg={2}12434 sm={4}12435 xs={12}12436 >12437 <Icons.ZoomOutMap />12438 <Typography className={classes.materialIconText}>12439 ZoomOutMap12440 </Typography>12441 </Grid>12442 </Grid>12443 </div>12444 )}12445 {activeTabId === 1 && (12446 <div>12447 <Grid container spacing={2} className="icon-list">12448 <Grid12449 className={classes.materailIcon}12450 item12451 md={3}12452 lg={2}12453 sm={4}12454 xs={12}12455 >12456 <i className="fa fa-bed" />12457 <Typography className={classes.materialIconText}>Bed</Typography>12458 </Grid>12459 <Grid12460 className={classes.materailIcon}12461 item12462 md={3}12463 lg={2}12464 sm={4}12465 xs={12}12466 >12467 <i className="fa fa-bank" />12468 <Typography className={classes.materialIconText}>Bank</Typography>12469 </Grid>12470 <Grid12471 className={classes.materailIcon}12472 item12473 md={3}12474 lg={2}12475 sm={4}12476 xs={12}12477 >12478 <i className="fa fa-behance" />12479 <Typography className={classes.materialIconText}>12480 Behance12481 </Typography>12482 </Grid>12483 <Grid12484 className={classes.materailIcon}12485 item12486 md={3}12487 lg={2}12488 sm={4}12489 xs={12}12490 >12491 <i className="fa fa-behance-square" />12492 <Typography className={classes.materialIconText}>12493 Behance-square12494 </Typography>12495 </Grid>12496 <Grid12497 className={classes.materailIcon}12498 item12499 md={3}12500 lg={2}12501 sm={4}12502 xs={12}12503 >12504 <i className="fa fa-bomb" />12505 <Typography className={classes.materialIconText}>Bomb</Typography>12506 </Grid>12507 <Grid12508 className={classes.materailIcon}12509 item12510 md={3}12511 lg={2}12512 sm={4}12513 xs={12}12514 >12515 <i className="fa fa-building" />12516 <Typography className={classes.materialIconText}>12517 Building12518 </Typography>12519 </Grid>12520 <Grid12521 className={classes.materailIcon}12522 item12523 md={3}12524 lg={2}12525 sm={4}12526 xs={12}12527 >12528 <i className="fa fa-cab" />12529 <Typography className={classes.materialIconText}>Cab</Typography>12530 </Grid>12531 <Grid12532 className={classes.materailIcon}12533 item12534 md={3}12535 lg={2}12536 sm={4}12537 xs={12}12538 >12539 <i className="fa fa-car" />12540 <Typography className={classes.materialIconText}>Car</Typography>12541 </Grid>12542 <Grid12543 className={classes.materailIcon}12544 item12545 md={3}12546 lg={2}12547 sm={4}12548 xs={12}12549 >12550 <i className="fa fa-child" />12551 <Typography className={classes.materialIconText}>12552 Child12553 </Typography>12554 </Grid>12555 <Grid12556 className={classes.materailIcon}12557 item12558 md={3}12559 lg={2}12560 sm={4}12561 xs={12}12562 >12563 <i className="fa fa-circle-o-notch" />12564 <Typography className={classes.materialIconText}>12565 Circle-o-notch12566 </Typography>12567 </Grid>12568 <Grid12569 className={classes.materailIcon}12570 item12571 md={3}12572 lg={2}12573 sm={4}12574 xs={12}12575 >12576 <i className="fa fa-circle-thin" />12577 <Typography className={classes.materialIconText}>12578 Circle-thin12579 </Typography>12580 </Grid>12581 <Grid12582 className={classes.materailIcon}12583 item12584 md={3}12585 lg={2}12586 sm={4}12587 xs={12}12588 >12589 <i className="fa fa-codepen" />12590 <Typography className={classes.materialIconText}>12591 Codepen12592 </Typography>12593 </Grid>12594 <Grid12595 className={classes.materailIcon}12596 item12597 md={3}12598 lg={2}12599 sm={4}12600 xs={12}12601 >12602 <i className="fa fa-cube" />12603 <Typography className={classes.materialIconText}>Cube</Typography>12604 </Grid>12605 <Grid12606 className={classes.materailIcon}12607 item12608 md={3}12609 lg={2}12610 sm={4}12611 xs={12}12612 >12613 <i className="fa fa-cubes" />12614 <Typography className={classes.materialIconText}>12615 Cubes12616 </Typography>12617 </Grid>12618 <Grid12619 className={classes.materailIcon}12620 item12621 md={3}12622 lg={2}12623 sm={4}12624 xs={12}12625 >12626 <i className="fa fa-database" />12627 <Typography className={classes.materialIconText}>12628 Database12629 </Typography>12630 </Grid>12631 <Grid12632 className={classes.materailIcon}12633 item12634 md={3}12635 lg={2}12636 sm={4}12637 xs={12}12638 >12639 <i className="fa fa-delicious" />12640 <Typography className={classes.materialIconText}>12641 Delicious12642 </Typography>12643 </Grid>12644 <Grid12645 className={classes.materailIcon}12646 item12647 md={3}12648 lg={2}12649 sm={4}12650 xs={12}12651 >12652 <i className="fa fa-deviantart" />12653 <Typography className={classes.materialIconText}>12654 Deviantart12655 </Typography>12656 </Grid>12657 <Grid12658 className={classes.materailIcon}12659 item12660 md={3}12661 lg={2}12662 sm={4}12663 xs={12}12664 >12665 <i className="fa fa-digg" />12666 <Typography className={classes.materialIconText}>Digg</Typography>12667 </Grid>12668 <Grid12669 className={classes.materailIcon}12670 item12671 md={3}12672 lg={2}12673 sm={4}12674 xs={12}12675 >12676 <i className="fa fa-drupal" />12677 <Typography className={classes.materialIconText}>12678 Drupal12679 </Typography>12680 </Grid>12681 <Grid12682 className={classes.materailIcon}12683 item12684 md={3}12685 lg={2}12686 sm={4}12687 xs={12}12688 >12689 <i className="fa fa-empire" />12690 <Typography className={classes.materialIconText}>12691 Empire12692 </Typography>12693 </Grid>12694 <Grid12695 className={classes.materailIcon}12696 item12697 md={3}12698 lg={2}12699 sm={4}12700 xs={12}12701 >12702 <i className="fa fa-envelope-square" />12703 <Typography className={classes.materialIconText}>12704 Envelope-square12705 </Typography>12706 </Grid>12707 <Grid12708 className={classes.materailIcon}12709 item12710 md={3}12711 lg={2}12712 sm={4}12713 xs={12}12714 >12715 <i className="fa fa-fax" />12716 <Typography className={classes.materialIconText}>Fax</Typography>12717 </Grid>12718 <Grid12719 className={classes.materailIcon}12720 item12721 md={3}12722 lg={2}12723 sm={4}12724 xs={12}12725 >12726 <i className="fa fa-file-archive-o" />12727 <Typography className={classes.materialIconText}>12728 File-archive-o12729 </Typography>12730 </Grid>12731 <Grid12732 className={classes.materailIcon}12733 item12734 md={3}12735 lg={2}12736 sm={4}12737 xs={12}12738 >12739 <i className="fa fa-file-audio-o" />12740 <Typography className={classes.materialIconText}>12741 File-audio-o12742 </Typography>12743 </Grid>12744 <Grid12745 className={classes.materailIcon}12746 item12747 md={3}12748 lg={2}12749 sm={4}12750 xs={12}12751 >12752 <i className="fa fa-file-code-o" />12753 <Typography className={classes.materialIconText}>12754 Аile-code-o12755 </Typography>12756 </Grid>12757 <Grid12758 className={classes.materailIcon}12759 item12760 md={3}12761 lg={2}12762 sm={4}12763 xs={12}12764 >12765 <i className="fa fa-file-excel-o" />12766 <Typography className={classes.materialIconText}>12767 Аile-excel-o12768 </Typography>12769 </Grid>12770 <Grid12771 className={classes.materailIcon}12772 item12773 md={3}12774 lg={2}12775 sm={4}12776 xs={12}12777 >12778 <i className="fa fa-file-image-o" />12779 <Typography className={classes.materialIconText}>12780 File-image-o12781 </Typography>12782 </Grid>12783 <Grid12784 className={classes.materailIcon}12785 item12786 md={3}12787 lg={2}12788 sm={4}12789 xs={12}12790 >12791 <i className="fa fa-file-movie-o" />12792 <Typography className={classes.materialIconText}>12793 Аile-movie-o12794 </Typography>12795 </Grid>12796 <Grid12797 className={classes.materailIcon}12798 item12799 md={3}12800 lg={2}12801 sm={4}12802 xs={12}12803 >12804 <i className="fa fa-file-pdf-o" />12805 <Typography className={classes.materialIconText}>12806 File-pdf-o12807 </Typography>12808 </Grid>12809 <Grid12810 className={classes.materailIcon}12811 item12812 md={3}12813 lg={2}12814 sm={4}12815 xs={12}12816 >12817 <i className="fa fa-file-photo-o" />12818 <Typography className={classes.materialIconText}>12819 File-photo-o12820 </Typography>12821 </Grid>12822 <Grid12823 className={classes.materailIcon}12824 item12825 md={3}12826 lg={2}12827 sm={4}12828 xs={12}12829 >12830 <i className="fa fa-file-picture-o" />12831 <Typography className={classes.materialIconText}>12832 File-picture-o12833 </Typography>12834 </Grid>12835 <Grid12836 className={classes.materailIcon}12837 item12838 md={3}12839 lg={2}12840 sm={4}12841 xs={12}12842 >12843 <i className="fa fa-file-powerpoint-o" />12844 <Typography className={classes.materialIconText}>12845 File-powerpoint-o12846 </Typography>12847 </Grid>12848 <Grid12849 className={classes.materailIcon}12850 item12851 md={3}12852 lg={2}12853 sm={4}12854 xs={12}12855 >12856 <i className="fa fa-file-sound-o" />12857 <Typography className={classes.materialIconText}>12858 File-sound-o12859 </Typography>12860 </Grid>12861 <Grid12862 className={classes.materailIcon}12863 item12864 md={3}12865 lg={2}12866 sm={4}12867 xs={12}12868 >12869 <i className="fa fa-file-video-o" />12870 <Typography className={classes.materialIconText}>12871 File-video-o12872 </Typography>12873 </Grid>12874 <Grid12875 className={classes.materailIcon}12876 item12877 md={3}12878 lg={2}12879 sm={4}12880 xs={12}12881 >12882 <i className="fa fa-file-word-o" />12883 <Typography className={classes.materialIconText}>12884 File-word-o12885 </Typography>12886 </Grid>12887 <Grid12888 className={classes.materailIcon}12889 item12890 md={3}12891 lg={2}12892 sm={4}12893 xs={12}12894 >12895 <i className="fa fa-file-zip-o" />12896 <Typography className={classes.materialIconText}>12897 File-zip-o12898 </Typography>12899 </Grid>12900 <Grid12901 className={classes.materailIcon}12902 item12903 md={3}12904 lg={2}12905 sm={4}12906 xs={12}12907 >12908 <i className="fa fa-ge" />12909 <Typography className={classes.materialIconText}>Ge</Typography>12910 </Grid>12911 <Grid12912 className={classes.materailIcon}12913 item12914 md={3}12915 lg={2}12916 sm={4}12917 xs={12}12918 >12919 <i className="fa fa-git" />12920 <Typography className={classes.materialIconText}>Git</Typography>12921 </Grid>12922 <Grid12923 className={classes.materailIcon}12924 item12925 md={3}12926 lg={2}12927 sm={4}12928 xs={12}12929 >12930 <i className="fa fa-git-square" />12931 <Typography className={classes.materialIconText}>12932 Git-square12933 </Typography>12934 </Grid>12935 <Grid12936 className={classes.materailIcon}12937 item12938 md={3}12939 lg={2}12940 sm={4}12941 xs={12}12942 >12943 <i className="fa fa-google" />12944 <Typography className={classes.materialIconText}>12945 Google12946 </Typography>12947 </Grid>12948 <Grid12949 className={classes.materailIcon}12950 item12951 md={3}12952 lg={2}12953 sm={4}12954 xs={12}12955 >12956 <i className="fa fa-graduation-cap" />12957 <Typography className={classes.materialIconText}>12958 Graduation-cap12959 </Typography>12960 </Grid>12961 <Grid12962 className={classes.materailIcon}12963 item12964 md={3}12965 lg={2}12966 sm={4}12967 xs={12}12968 >12969 <i className="fa fa-hacker-news" />12970 <Typography className={classes.materialIconText}>12971 Hacker-news12972 </Typography>12973 </Grid>12974 <Grid12975 className={classes.materailIcon}12976 item12977 md={3}12978 lg={2}12979 sm={4}12980 xs={12}12981 >12982 <i className="fa fa-header" />12983 <Typography className={classes.materialIconText}>12984 Header12985 </Typography>12986 </Grid>12987 <Grid12988 className={classes.materailIcon}12989 item12990 md={3}12991 lg={2}12992 sm={4}12993 xs={12}12994 >12995 <i className="fa fa-history" />12996 <Typography className={classes.materialIconText}>12997 History12998 </Typography>12999 </Grid>13000 <Grid13001 className={classes.materailIcon}13002 item13003 md={3}13004 lg={2}13005 sm={4}13006 xs={12}13007 >13008 <i className="fa fa-institution" />13009 <Typography className={classes.materialIconText}>13010 Institution13011 </Typography>13012 </Grid>13013 <Grid13014 className={classes.materailIcon}13015 item13016 md={3}13017 lg={2}13018 sm={4}13019 xs={12}13020 >13021 <i className="fa fa-joomla" />13022 <Typography className={classes.materialIconText}>13023 Joomla13024 </Typography>13025 </Grid>13026 <Grid13027 className={classes.materailIcon}13028 item13029 md={3}13030 lg={2}13031 sm={4}13032 xs={12}13033 >13034 <i className="fa fa-jsfiddle" />13035 <Typography className={classes.materialIconText}>13036 Jsfiddle13037 </Typography>13038 </Grid>13039 <Grid13040 className={classes.materailIcon}13041 item13042 md={3}13043 lg={2}13044 sm={4}13045 xs={12}13046 >13047 <i className="fa fa-language" />13048 <Typography className={classes.materialIconText}>13049 Language13050 </Typography>13051 </Grid>13052 <Grid13053 className={classes.materailIcon}13054 item13055 md={3}13056 lg={2}13057 sm={4}13058 xs={12}13059 >13060 <i className="fa fa-life-bouy" />13061 <Typography className={classes.materialIconText}>13062 Life-bouy13063 </Typography>13064 </Grid>13065 <Grid13066 className={classes.materailIcon}13067 item13068 md={3}13069 lg={2}13070 sm={4}13071 xs={12}13072 >13073 <i className="fa fa-life-ring" />13074 <Typography className={classes.materialIconText}>13075 Life-ring13076 </Typography>13077 </Grid>13078 <Grid13079 className={classes.materailIcon}13080 item13081 md={3}13082 lg={2}13083 sm={4}13084 xs={12}13085 >13086 <i className="fa fa-life-saver" />13087 <Typography className={classes.materialIconText}>13088 Life-saver13089 </Typography>13090 </Grid>13091 <Grid13092 className={classes.materailIcon}13093 item13094 md={3}13095 lg={2}13096 sm={4}13097 xs={12}13098 >13099 <i className="fa fa-mortar-board" />13100 <Typography className={classes.materialIconText}>13101 Mortar-board13102 </Typography>13103 </Grid>13104 <Grid13105 className={classes.materailIcon}13106 item13107 md={3}13108 lg={2}13109 sm={4}13110 xs={12}13111 >13112 <i className="fa fa-openid" />13113 <Typography className={classes.materialIconText}>13114 Openid13115 </Typography>13116 </Grid>13117 <Grid13118 className={classes.materailIcon}13119 item13120 md={3}13121 lg={2}13122 sm={4}13123 xs={12}13124 >13125 <i className="fa fa-paper-plane" />13126 <Typography className={classes.materialIconText}>13127 Paper-plane13128 </Typography>13129 </Grid>13130 <Grid13131 className={classes.materailIcon}13132 item13133 md={3}13134 lg={2}13135 sm={4}13136 xs={12}13137 >13138 <i className="fa fa-paper-plane-o" />13139 <Typography className={classes.materialIconText}>13140 paper-plane-o13141 </Typography>13142 </Grid>13143 <Grid13144 className={classes.materailIcon}13145 item13146 md={3}13147 lg={2}13148 sm={4}13149 xs={12}13150 >13151 <i className="fa fa-paragraph" />13152 <Typography className={classes.materialIconText}>13153 Paragraph13154 </Typography>13155 </Grid>13156 <Grid13157 className={classes.materailIcon}13158 item13159 md={3}13160 lg={2}13161 sm={4}13162 xs={12}13163 >13164 <i className="fa fa-paw" />13165 <Typography className={classes.materialIconText}>Paw</Typography>13166 </Grid>13167 <Grid13168 className={classes.materailIcon}13169 item13170 md={3}13171 lg={2}13172 sm={4}13173 xs={12}13174 >13175 <i className="fa fa-pied-piper" />13176 <Typography className={classes.materialIconText}>13177 Pied-piper13178 </Typography>13179 </Grid>13180 <Grid13181 className={classes.materailIcon}13182 item13183 md={3}13184 lg={2}13185 sm={4}13186 xs={12}13187 >13188 <i className="fa fa-pied-piper-alt" />13189 <Typography className={classes.materialIconText}>13190 Pied-piper-alt13191 </Typography>13192 </Grid>13193 <Grid13194 className={classes.materailIcon}13195 item13196 md={3}13197 lg={2}13198 sm={4}13199 xs={12}13200 >13201 <i className="fa fa-pied-piper-square" />13202 <Typography className={classes.materialIconText}>13203 Pied-piper-square13204 </Typography>13205 </Grid>13206 <Grid13207 className={classes.materailIcon}13208 item13209 md={3}13210 lg={2}13211 sm={4}13212 xs={12}13213 >13214 <i className="fa fa-qq" />13215 <Typography className={classes.materialIconText}>Qq</Typography>13216 </Grid>13217 <Grid13218 className={classes.materailIcon}13219 item13220 md={3}13221 lg={2}13222 sm={4}13223 xs={12}13224 >13225 <i className="fa fa-ra" />13226 <Typography className={classes.materialIconText}>Ra</Typography>13227 </Grid>13228 <Grid13229 className={classes.materailIcon}13230 item13231 md={3}13232 lg={2}13233 sm={4}13234 xs={12}13235 >13236 <i className="fa fa-rebel" />13237 <Typography className={classes.materialIconText}>13238 Rebel13239 </Typography>13240 </Grid>13241 <Grid13242 className={classes.materailIcon}13243 item13244 md={3}13245 lg={2}13246 sm={4}13247 xs={12}13248 >13249 <i className="fa fa-recycle" />13250 <Typography className={classes.materialIconText}>13251 Recycle13252 </Typography>13253 </Grid>13254 <Grid13255 className={classes.materailIcon}13256 item13257 md={3}13258 lg={2}13259 sm={4}13260 xs={12}13261 >13262 <i className="fa fa-reddit" />13263 <Typography className={classes.materialIconText}>13264 Reddit13265 </Typography>13266 </Grid>13267 <Grid13268 className={classes.materailIcon}13269 item13270 md={3}13271 lg={2}13272 sm={4}13273 xs={12}13274 >13275 <i className="fa fa-reddit-square" />13276 <Typography className={classes.materialIconText}>13277 Reddit-square13278 </Typography>13279 </Grid>13280 <Grid13281 className={classes.materailIcon}13282 item13283 md={3}13284 lg={2}13285 sm={4}13286 xs={12}13287 >13288 <i className="fa fa-send" />13289 <Typography className={classes.materialIconText}>Send</Typography>13290 </Grid>13291 <Grid13292 className={classes.materailIcon}13293 item13294 md={3}13295 lg={2}13296 sm={4}13297 xs={12}13298 >13299 <i className="fa fa-send-o" />13300 <Typography className={classes.materialIconText}>13301 Send-o13302 </Typography>13303 </Grid>13304 <Grid13305 className={classes.materailIcon}13306 item13307 md={3}13308 lg={2}13309 sm={4}13310 xs={12}13311 >13312 <i className="fa fa-share-alt" />13313 <Typography className={classes.materialIconText}>13314 Share-alt13315 </Typography>13316 </Grid>13317 <Grid13318 className={classes.materailIcon}13319 item13320 md={3}13321 lg={2}13322 sm={4}13323 xs={12}13324 >13325 <i className="fa fa-share-alt-square" />13326 <Typography className={classes.materialIconText}>13327 Share-alt-square13328 </Typography>13329 </Grid>13330 <Grid13331 className={classes.materailIcon}13332 item13333 md={3}13334 lg={2}13335 sm={4}13336 xs={12}13337 >13338 <i className="fa fa-slack" />13339 <Typography className={classes.materialIconText}>13340 Slack13341 </Typography>13342 </Grid>13343 <Grid13344 className={classes.materailIcon}13345 item13346 md={3}13347 lg={2}13348 sm={4}13349 xs={12}13350 >13351 <i className="fa fa-sliders" />13352 <Typography className={classes.materialIconText}>13353 Sliders13354 </Typography>13355 </Grid>13356 <Grid13357 className={classes.materailIcon}13358 item13359 md={3}13360 lg={2}13361 sm={4}13362 xs={12}13363 >13364 <i className="fa fa-soundcloud" />13365 <Typography className={classes.materialIconText}>13366 Soundcloud13367 </Typography>13368 </Grid>13369 <Grid13370 className={classes.materailIcon}13371 item13372 md={3}13373 lg={2}13374 sm={4}13375 xs={12}13376 >13377 <i className="fa fa-space-shuttle" />13378 <Typography className={classes.materialIconText}>13379 Space-shuttle13380 </Typography>13381 </Grid>13382 <Grid13383 className={classes.materailIcon}13384 item13385 md={3}13386 lg={2}13387 sm={4}13388 xs={12}13389 >13390 <i className="fa fa-spoon" />13391 <Typography className={classes.materialIconText}>13392 Spoon13393 </Typography>13394 </Grid>13395 <Grid13396 className={classes.materailIcon}13397 item13398 md={3}13399 lg={2}13400 sm={4}13401 xs={12}13402 >13403 <i className="fa fa-spotify" />13404 <Typography className={classes.materialIconText}>13405 Spotify13406 </Typography>13407 </Grid>13408 <Grid13409 className={classes.materailIcon}13410 item13411 md={3}13412 lg={2}13413 sm={4}13414 xs={12}13415 >13416 <i className="fa fa-steam" />13417 <Typography className={classes.materialIconText}>13418 Steam13419 </Typography>13420 </Grid>13421 <Grid13422 className={classes.materailIcon}13423 item13424 md={3}13425 lg={2}13426 sm={4}13427 xs={12}13428 >13429 <i className="fa fa-steam-square" />13430 <Typography className={classes.materialIconText}>13431 Steam-square13432 </Typography>13433 </Grid>13434 <Grid13435 className={classes.materailIcon}13436 item13437 md={3}13438 lg={2}13439 sm={4}13440 xs={12}13441 >13442 <i className="fa fa-stumbleupon" />13443 <Typography className={classes.materialIconText}>13444 Stumbleupon13445 </Typography>13446 </Grid>13447 <Grid13448 className={classes.materailIcon}13449 item13450 md={3}13451 lg={2}13452 sm={4}13453 xs={12}13454 >13455 <i className="fa fa-stumbleupon-circle" />13456 <Typography className={classes.materialIconText}>13457 Stumbleupon-circle13458 </Typography>13459 </Grid>13460 <Grid13461 className={classes.materailIcon}13462 item13463 md={3}13464 lg={2}13465 sm={4}13466 xs={12}13467 >13468 <i className="fa fa-support" />13469 <Typography className={classes.materialIconText}>13470 Support13471 </Typography>13472 </Grid>13473 <Grid13474 className={classes.materailIcon}13475 item13476 md={3}13477 lg={2}13478 sm={4}13479 xs={12}13480 >13481 <i className="fa fa-taxi" />13482 <Typography className={classes.materialIconText}>Taxi</Typography>13483 </Grid>13484 <Grid13485 className={classes.materailIcon}13486 item13487 md={3}13488 lg={2}13489 sm={4}13490 xs={12}13491 >13492 <i className="fa fa-tencent-weibo" />13493 <Typography className={classes.materialIconText}>13494 Tencent-weibo13495 </Typography>13496 </Grid>13497 <Grid13498 className={classes.materailIcon}13499 item13500 md={3}13501 lg={2}13502 sm={4}13503 xs={12}13504 >13505 <i className="fa fa-tree" />13506 <Typography className={classes.materialIconText}>Tree</Typography>13507 </Grid>13508 <Grid13509 className={classes.materailIcon}13510 item13511 md={3}13512 lg={2}13513 sm={4}13514 xs={12}13515 >13516 <i className="fa fa-university" />13517 <Typography className={classes.materialIconText}>13518 University13519 </Typography>13520 </Grid>13521 <Grid13522 className={classes.materailIcon}13523 item13524 md={3}13525 lg={2}13526 sm={4}13527 xs={12}13528 >13529 <i className="fa fa-vine" />13530 <Typography className={classes.materialIconText}>Vine</Typography>13531 </Grid>13532 <Grid13533 className={classes.materailIcon}13534 item13535 md={3}13536 lg={2}13537 sm={4}13538 xs={12}13539 >13540 <i className="fa fa-wechat" />13541 <Typography className={classes.materialIconText}>13542 Wechat13543 </Typography>13544 </Grid>13545 <Grid13546 className={classes.materailIcon}13547 item13548 md={3}13549 lg={2}13550 sm={4}13551 xs={12}13552 >13553 <i className="fa fa-weixin" />13554 <Typography className={classes.materialIconText}>13555 Weixin13556 </Typography>13557 </Grid>13558 <Grid13559 className={classes.materailIcon}13560 item13561 md={3}13562 lg={2}13563 sm={4}13564 xs={12}13565 >13566 <i className="fa fa-wordpress" />13567 <Typography className={classes.materialIconText}>13568 Wordpress13569 </Typography>13570 </Grid>13571 <Grid13572 className={classes.materailIcon}13573 item13574 md={3}13575 lg={2}13576 sm={4}13577 xs={12}13578 >13579 <i className="fa fa-yahoo" />13580 <Typography className={classes.materialIconText}>13581 Yahoo13582 </Typography>13583 </Grid>13584 </Grid>13585 </div>13586 )}13587 </Paper>13588 </>...

pdxconfig.py

Source:pdxconfig.py

1# -*- coding: utf-8 -*-2"""3LICENSE: MulanPSL24AUTHOR: cnhemiya@qq.com5DATE: 2022-05-15 20:356文档说明: PaddleX 配置7"""8import paddlex9# PaddleX 图像分类模型名称10PDX_CLS_MODEL_NAME = ['PPLCNet', 'PPLCNet_ssld', 'ResNet18', 'ResNet18_vd', 'ResNet34',11 'ResNet34_vd', 'ResNet50', 'ResNet50_vd', 'ResNet50_vd_ssld', 'ResNet101',12 'ResNet101_vd', 'ResNet101_vd_ssld', 'ResNet152', 'ResNet152_vd', 'ResNet200_vd',13 'DarkNet53', 'MobileNetV1', 'MobileNetV2', 'MobileNetV3_small', 'MobileNetV3_small_ssld',14 'MobileNetV3_large', 'MobileNetV3_large_ssld', 'Xception41', 'Xception65', 'Xception71',15 'ShuffleNetV2', 'ShuffleNetV2_swish', 'DenseNet121', 'DenseNet161', 'DenseNet169',16 'DenseNet201', 'DenseNet264', 'HRNet_W18_C', 'HRNet_W30_C', 'HRNet_W32_C',17 'HRNet_W40_C', 'HRNet_W44_C', 'HRNet_W48_C', 'HRNet_W64_C', 'AlexNet']18# PaddleX 目标检测模型名称19PDX_DET_MODEL_NAME = ['PPYOLOv2', 'PPYOLO', 'PPYOLOTiny',20 'PicoDet', 'YOLOv3', 'FasterRCNN', 'MaskRCNN']21# PaddleX 目标检测模型 PPYOLOv2 backbone 网络22PDX_DET_PPYOLOV2_BACKBONE = ['ResNet50_vd_dcn', 'ResNet101_vd_dcn']23# PaddleX 目标检测模型 PPYOLO backbone 网络24PDX_DET_PPYOLO_BACKBONE = ['ResNet50_vd_dcn', 'ResNet18_vd',25 'MobileNetV3_large', 'MobileNetV3_small']26# PaddleX 目标检测模型 PPYOLOTiny backbone 网络27PDX_DET_PPYOLOTINY_BACKBONE = ['MobileNetV3']28# PaddleX 目标检测模型 PicoDet backbone 网络29PDX_DET_PICODET_BACKBONE = ['ESNet_s', 'ESNet_m', 'ESNet_l', 'LCNet',30 'MobileNetV3', 'ResNet18_vd']31# PaddleX 目标检测模型 YOLOv3 backbone 网络32PDX_DET_YOLOV3_BACKBONE = ['MobileNetV1', 'MobileNetV1_ssld', 'MobileNetV3',33 'MobileNetV3_ssld', 'DarkNet53', 'ResNet50_vd_dcn', 'ResNet34']34# PaddleX 目标检测模型 FasterRCNN backbone 网络35PDX_DET_FASTERRCNN_BACKBONE = ['ResNet50', 'ResNet50_vd', 'ResNet50_vd_ssld',36 'ResNet34', 'ResNet34_vd', 'ResNet101', 'ResNet101_vd', 'HRNet_W18']37# PaddleX 目标检测模型 实例分割 MaskRCNN backbone 网络38PDX_DET_MASKRCNN_BACKBONE = ['ResNet50', 'ResNet50_vd', 'ResNet50_vd_ssld',39 'ResNet101', 'ResNet101_vd']40# PaddleX 图像分割模型名称41PDX_SEG_MODEL_NAME = ["DeepLabV3P", "BiSeNetV2", "UNet", "HRNet", "FastSCNN"]42# PaddleX 图像分割模型 DeepLabV3P backbone 网络43PDX_SEG_DEEPLABV3P_BACKBONE = ['ResNet50_vd', 'ResNet101_vd']44def pdx_cls_model(model_name: str, num_classes: int):45 """46 获取 PaddleX 分类图像模型47 Args:48 model_name (str): PaddleX 图像分类模型名称49 num_classes (int): 分类数量50 Returns:51 model: 模型52 model_name: 模型名称53 """54 model = None55 if model_name not in PDX_CLS_MODEL_NAME:56 raise Exception("PaddleX 图像分类模型名称错误，错误信息：{}".format(model_name))57 if model_name == "PPLCNet":58 model = paddlex.cls.PPLCNet(num_classes=num_classes)59 elif model_name == "PPLCNet_ssld":60 model = paddlex.cls.PPLCNet_ssld(num_classes=num_classes)61 elif model_name == "ResNet18":62 model = paddlex.cls.ResNet18(num_classes=num_classes)63 elif model_name == "ResNet18_vd":64 model = paddlex.cls.ResNet18_vd(num_classes=num_classes)65 elif model_name == "ResNet34":66 model = paddlex.cls.ResNet34(num_classes=num_classes)67 elif model_name == "ResNet34_vd":68 model = paddlex.cls.ResNet34_vd(num_classes=num_classes)69 elif model_name == "ResNet50":70 model = paddlex.cls.ResNet50(num_classes=num_classes)71 elif model_name == "ResNet50_vd":72 model = paddlex.cls.ResNet50_vd(num_classes=num_classes)73 elif model_name == "ResNet50_vd_ssld":74 model = paddlex.cls.ResNet50_vd_ssld(num_classes=num_classes)75 elif model_name == "ResNet101":76 model = paddlex.cls.ResNet101(num_classes=num_classes)77 elif model_name == "ResNet101_vd":78 model = paddlex.cls.ResNet101_vd(num_classes=num_classes)79 elif model_name == "ResNet101_vd_ssld":80 model = paddlex.cls.ResNet101_vd_ssld(num_classes=num_classes)81 elif model_name == "ResNet152":82 model = paddlex.cls.ResNet152(num_classes=num_classes)83 elif model_name == "ResNet152_vd":84 model = paddlex.cls.ResNet152_vd(num_classes=num_classes)85 elif model_name == "ResNet200_vd":86 model = paddlex.cls.ResNet200_vd(num_classes=num_classes)87 elif model_name == "DarkNet53":88 model = paddlex.cls.DarkNet53(num_classes=num_classes)89 elif model_name == "MobileNetV1":90 model = paddlex.cls.MobileNetV1(num_classes=num_classes, scale=1.0)91 elif model_name == "MobileNetV2":92 model = paddlex.cls.MobileNetV2(num_classes=num_classes, scale=1.0)93 elif model_name == "MobileNetV3_small":94 model = paddlex.cls.MobileNetV3_small(95 num_classes=num_classes, scale=1.0)96 elif model_name == "MobileNetV3_small_ssld":97 model = paddlex.cls.MobileNetV3_small_ssld(98 num_classes=num_classes, scale=1.0)99 elif model_name == "MobileNetV3_large":100 model = paddlex.cls.MobileNetV3_large(101 num_classes=num_classes, scale=1.0)102 elif model_name == "MobileNetV3_large_ssld":103 model = paddlex.cls.MobileNetV3_large_ssld(num_classes=num_classes)104 elif model_name == "Xception41":105 model = paddlex.cls.Xception41(num_classes=num_classes)106 elif model_name == "Xception65":107 model = paddlex.cls.Xception65(num_classes=num_classes)108 elif model_name == "Xception71":109 model = paddlex.cls.Xception71(num_classes=num_classes)110 elif model_name == "ShuffleNetV2":111 model = paddlex.cls.ShuffleNetV2(num_classes=num_classes, scale=1.0)112 elif model_name == "ShuffleNetV2_swish":113 model = paddlex.cls.ShuffleNetV2_swish(114 num_classes=num_classes, scale=1.0)115 elif model_name == "DenseNet121":116 model = paddlex.cls.DenseNet121(num_classes=num_classes)117 elif model_name == "DenseNet161":118 model = paddlex.cls.DenseNet161(num_classes=num_classes)119 elif model_name == "DenseNet169":120 model = paddlex.cls.DenseNet169(num_classes=num_classes)121 elif model_name == "DenseNet201":122 model = paddlex.cls.DenseNet201(num_classes=num_classes)123 elif model_name == "DenseNet264":124 model = paddlex.cls.DenseNet264(num_classes=num_classes)125 elif model_name == "HRNet_W18_C":126 model = paddlex.cls.HRNet_W18_C(num_classes=num_classes)127 elif model_name == "HRNet_W30_C":128 model = paddlex.cls.HRNet_W30_C(num_classes=num_classes)129 elif model_name == "HRNet_W32_C":130 model = paddlex.cls.HRNet_W32_C(num_classes=num_classes)131 elif model_name == "HRNet_W40_C":132 model = paddlex.cls.HRNet_W40_C(num_classes=num_classes)133 elif model_name == "HRNet_W44_C":134 model = paddlex.cls.HRNet_W44_C(num_classes=num_classes)135 elif model_name == "HRNet_W48_C":136 model = paddlex.cls.HRNet_W48_C(num_classes=num_classes)137 elif model_name == "HRNet_W64_C":138 model = paddlex.cls.HRNet_W64_C(num_classes=num_classes)139 elif model_name == "AlexNet":140 model = paddlex.cls.AlexNet(num_classes=num_classes)141 return model, model_name142def print_pdx_cls_model_name():143 """144 打印 PaddleX 图像分类模型名称145 """146 print("\nPaddleX 图像分类模型")147 print(PDX_CLS_MODEL_NAME)148def pdx_det_model(model_name: str, num_classes: int, backbone: str):149 """150 获取 PaddleX 目标检测模型151 Args:152 model_name (str): PaddleX 目标检测模型名称153 num_classes (int): 分类数量154 backbone (str): 目标检测模型 backbone 网络155 Raises:156 Exception: PaddleX 目标检测模型名称错误157 Exception: PPYOLOv2 backbone 网络错误158 Exception: PPYOLO backbone 网络错误159 Exception: PPYOLOTiny backbone 网络错误160 Exception: PicoDet backbone 网络错误161 Exception: YOLOv3 backbone 网络错误162 Exception: FasterRCNN backbone 网络错误163 Exception: MaskRCNN backbone 网络错误164 Returns:165 model: 模型166 model_name: 模型名称167 """168 if model_name not in PDX_DET_MODEL_NAME:169 raise Exception("PaddleX 目标检测模型名称错误，错误信息：{}".format(model_name))170 if (model_name == 'PPYOLOv2') and (backbone not in PDX_DET_PPYOLOV2_BACKBONE):171 raise Exception(172 "PaddleX 目标检测模型 PPYOLOv2 backbone 网络错误，错误信息：{}".format(backbone))173 if (model_name == 'PPYOLO') and (backbone not in PDX_DET_PPYOLO_BACKBONE):174 raise Exception(175 "PaddleX 目标检测模型 PPYOLO backbone 网络错误，错误信息：{}".format(backbone))176 if (model_name == 'PPYOLOTiny') and (backbone not in PDX_DET_PPYOLOTINY_BACKBONE):177 raise Exception(178 "PaddleX 目标检测模型 PPYOLOTiny backbone 网络错误，错误信息：{}".format(backbone))179 if (model_name == 'PicoDet') and (backbone not in PDX_DET_PICODET_BACKBONE):180 raise Exception(181 "PaddleX 目标检测模型 PicoDet backbone 网络错误，错误信息：{}".format(backbone))182 if (model_name == 'YOLOv3') and (backbone not in PDX_DET_YOLOV3_BACKBONE):183 raise Exception(184 "PaddleX 目标检测模型 YOLOv3 backbone 网络错误，错误信息：{}".format(backbone))185 if (model_name == 'FasterRCNN') and (backbone not in PDX_DET_FASTERRCNN_BACKBONE):186 raise Exception(187 "PaddleX 目标检测模型 FasterRCNN backbone 网络错误，错误信息：{}".format(backbone))188 if (model_name == 'MaskRCNN') and (backbone not in PDX_DET_MASKRCNN_BACKBONE):189 raise Exception(190 "PaddleX 目标检测模型 MaskRCNN backbone 网络错误，错误信息：{}".format(backbone))191 model = None192 if (model_name == 'PPYOLOv2'):193 model = paddlex.det.PPYOLOv2(194 num_classes=num_classes, backbone=backbone)195 elif (model_name == 'PPYOLO'):196 model = paddlex.det.PPYOLO(num_classes=num_classes, backbone=backbone)197 elif (model_name == 'PPYOLOTiny'):198 model = paddlex.det.PPYOLOTiny(199 num_classes=num_classes, backbone=backbone)200 elif (model_name == 'PicoDet'):201 model = paddlex.det.PicoDet(num_classes=num_classes, backbone=backbone)202 elif (model_name == 'YOLOv3'):203 model = paddlex.det.YOLOv3(num_classes=num_classes, backbone=backbone)204 elif (model_name == 'FasterRCNN'):205 model = paddlex.det.FasterRCNN(206 num_classes=num_classes, backbone=backbone)207 elif (model_name == 'MaskRCNN'):208 model = paddlex.det.MaskRCNN(209 num_classes=num_classes, backbone=backbone)210 return model, model_name211def print_pdx_det_model_name():212 """213 打印 PaddleX 目标检测模型名称214 """215 print("\nPaddleX 目标检测模型")216 print(PDX_DET_MODEL_NAME)217 print("PPYOLOv2 backbone 网络")218 print(PDX_DET_PPYOLOV2_BACKBONE)219 print("PPYOLO backbone 网络")220 print(PDX_DET_PPYOLO_BACKBONE)221 print("PPYOLOTiny backbone 网络")222 print(PDX_DET_PPYOLOTINY_BACKBONE)223 print("PicoDet backbone 网络")224 print(PDX_DET_PICODET_BACKBONE)225 print("YOLOv3 backbone 网络")226 print(PDX_DET_YOLOV3_BACKBONE)227 print("FasterRCNN backbone 网络")228 print(PDX_DET_FASTERRCNN_BACKBONE)229 print("MaskRCNN backbone 网络")230 print(PDX_DET_MASKRCNN_BACKBONE)231def pdx_seg_model(model_name: str, num_classes: int, backbone: str, hrnet_width: int,232 use_mixed_loss: False, align_corners: False):233 """234 获取 PaddleX 图像分割模型235 Args:236 model_name (str): PaddleX 图像分割模型名称237 num_classes (int): 分类数量238 backbone (str): 图像分割模型 DeepLabV3P backbone 网络239 hrnet_width (int): hrnet_width 高分辨率分支中特征层的通道数量，可选择取值为[18, 48]240 use_mixed_loss (bool): 是否使用混合损失，可选择取值为[True, False]241 align_corners (bool): 网络中对特征图进行插值时是否将四个角落像素的中心对齐，可选择取值为[True, False]242 Raises:243 Exception: PaddleX 图像分割模型名称错误244 Exception: DeepLabV3P backbone 网络错误245 Returns:246 model: 模型247 model_name: 模型名称248 """249 if model_name not in PDX_SEG_MODEL_NAME:250 raise Exception("PaddleX 图像分割模型名称错误，错误信息：{}".format(model_name))251 if (model_name == 'DeepLabV3P') and (backbone not in PDX_SEG_DEEPLABV3P_BACKBONE):252 raise Exception(253 "PaddleX 图像分割模型 DeepLabV3P backbone 网络错误，错误信息：{}".format(backbone))254 model = None255 if (model_name == 'DeepLabV3P'):256 model = paddlex.seg.DeepLabV3P(257 num_classes=num_classes, backbone=backbone, use_mixed_loss=use_mixed_loss, align_corners=align_corners)258 elif (model_name == 'BiSeNetV2'):259 model = paddlex.seg.BiSeNetV2(260 num_classes=num_classes, use_mixed_loss=use_mixed_loss, align_corners=align_corners)261 elif (model_name == 'UNet'):262 model = paddlex.seg.UNet(263 num_classes=num_classes, use_mixed_loss=use_mixed_loss, align_corners=align_corners)264 elif (model_name == 'HRNet'):265 model = paddlex.seg.HRNet(num_classes=num_classes, width=hrnet_width,266 use_mixed_loss=use_mixed_loss, align_corners=align_corners)267 elif (model_name == 'FastSCNN'):268 model = paddlex.seg.FastSCNN(269 num_classes=num_classes, use_mixed_loss=use_mixed_loss, align_corners=align_corners)270 return model, model_name271def print_pdx_seg_model_name():272 """273 打印 PaddleX 图像分割模型名称274 """275 print("\nPaddleX 图像分割模型")276 print(PDX_SEG_MODEL_NAME)277 print("DeepLabV3P backbone 网络")...

test_loadables.py

Source:test_loadables.py

...29 ending_path = '/' + self.test_package.replace('.', '/')30 self.assertTrue(self.fake_loader.path.endswith(ending_path))31 self.assertEqual(self.fake_loader.loadable_cls_type,32 fake_loadables.FakeLoadable)33 def _compare_classes(self, classes, expected):34 class_names = [cls.__name__ for cls in classes]35 self.assertEqual(set(class_names), set(expected))36 def test_get_all_classes(self):37 classes = self.fake_loader.get_all_classes()38 expected_class_names = ['FakeLoadableSubClass1',39 'FakeLoadableSubClass2',40 'FakeLoadableSubClass5',41 'FakeLoadableSubClass6']42 self._compare_classes(classes, expected_class_names)43 def test_get_matching_classes(self):44 prefix = self.test_package45 test_classes = [prefix + '.fake_loadable1.FakeLoadableSubClass1',46 prefix + '.fake_loadable2.FakeLoadableSubClass5']47 classes = self.fake_loader.get_matching_classes(test_classes)48 expected_class_names = ['FakeLoadableSubClass1',49 'FakeLoadableSubClass5']50 self._compare_classes(classes, expected_class_names)51 def test_get_matching_classes_with_underscore(self):52 prefix = self.test_package53 test_classes = [prefix + '.fake_loadable1.FakeLoadableSubClass1',54 prefix + '.fake_loadable2._FakeLoadableSubClass7']55 self.assertRaises(exception.ClassNotFound,56 self.fake_loader.get_matching_classes,57 test_classes)58 def test_get_matching_classes_with_wrong_type1(self):59 prefix = self.test_package60 test_classes = [prefix + '.fake_loadable1.FakeLoadableSubClass4',61 prefix + '.fake_loadable2.FakeLoadableSubClass5']62 self.assertRaises(exception.ClassNotFound,63 self.fake_loader.get_matching_classes,64 test_classes)65 def test_get_matching_classes_with_wrong_type2(self):66 prefix = self.test_package67 test_classes = [prefix + '.fake_loadable1.FakeLoadableSubClass1',68 prefix + '.fake_loadable2.FakeLoadableSubClass8']69 self.assertRaises(exception.ClassNotFound,70 self.fake_loader.get_matching_classes,71 test_classes)72 def test_get_matching_classes_with_one_function(self):73 prefix = self.test_package74 test_classes = [prefix + '.fake_loadable1.return_valid_classes',75 prefix + '.fake_loadable2.FakeLoadableSubClass5']76 classes = self.fake_loader.get_matching_classes(test_classes)77 expected_class_names = ['FakeLoadableSubClass1',78 'FakeLoadableSubClass2',79 'FakeLoadableSubClass5']80 self._compare_classes(classes, expected_class_names)81 def test_get_matching_classes_with_two_functions(self):82 prefix = self.test_package83 test_classes = [prefix + '.fake_loadable1.return_valid_classes',84 prefix + '.fake_loadable2.return_valid_class']85 classes = self.fake_loader.get_matching_classes(test_classes)86 expected_class_names = ['FakeLoadableSubClass1',87 'FakeLoadableSubClass2',88 'FakeLoadableSubClass6']89 self._compare_classes(classes, expected_class_names)90 def test_get_matching_classes_with_function_including_invalids(self):91 # When using a method, no checking is done on valid classes.92 prefix = self.test_package93 test_classes = [prefix + '.fake_loadable1.return_invalid_classes',94 prefix + '.fake_loadable2.return_valid_class']95 classes = self.fake_loader.get_matching_classes(test_classes)96 expected_class_names = ['FakeLoadableSubClass1',97 '_FakeLoadableSubClass3',98 'FakeLoadableSubClass4',99 'FakeLoadableSubClass6']...

random.py

Source:random.py

1# Author: Hamzeh Alsalhi <ha258@cornell.edu>2#3# License: BSD 3 clause4import numpy as np5import scipy.sparse as sp6import array7from . import check_random_state8from ._random import sample_without_replacement9from . import deprecated10__all__ = ['sample_without_replacement']11@deprecated("random_choice_csc is deprecated in version "12 "0.22 and will be removed in version 0.24.")13def random_choice_csc(n_samples, classes, class_probability=None,14 random_state=None):15 return _random_choice_csc(n_samples, classes, class_probability,16 random_state)17def _random_choice_csc(n_samples, classes, class_probability=None,18 random_state=None):19 """Generate a sparse random matrix given column class distributions20 Parameters21 ----------22 n_samples : int,23 Number of samples to draw in each column.24 classes : list of size n_outputs of arrays of size (n_classes,)25 List of classes for each column.26 class_probability : list of size n_outputs of arrays of size (n_classes,)27 Optional (default=None). Class distribution of each column. If None the28 uniform distribution is assumed.29 random_state : int, RandomState instance, default=None30 Controls the randomness of the sampled classes.31 See :term:`Glossary <random_state>`.32 Returns33 -------34 random_matrix : sparse csc matrix of size (n_samples, n_outputs)35 """36 data = array.array('i')37 indices = array.array('i')38 indptr = array.array('i', [0])39 for j in range(len(classes)):40 classes[j] = np.asarray(classes[j])41 if classes[j].dtype.kind != 'i':42 raise ValueError("class dtype %s is not supported" %43 classes[j].dtype)44 classes[j] = classes[j].astype(np.int64, copy=False)45 # use uniform distribution if no class_probability is given46 if class_probability is None:47 class_prob_j = np.empty(shape=classes[j].shape[0])48 class_prob_j.fill(1 / classes[j].shape[0])49 else:50 class_prob_j = np.asarray(class_probability[j])51 if not np.isclose(np.sum(class_prob_j), 1.0):52 raise ValueError("Probability array at index {0} does not sum to "53 "one".format(j))54 if class_prob_j.shape[0] != classes[j].shape[0]:55 raise ValueError("classes[{0}] (length {1}) and "56 "class_probability[{0}] (length {2}) have "57 "different length.".format(j,58 classes[j].shape[0],59 class_prob_j.shape[0]))60 # If 0 is not present in the classes insert it with a probability 0.061 if 0 not in classes[j]:62 classes[j] = np.insert(classes[j], 0, 0)63 class_prob_j = np.insert(class_prob_j, 0, 0.0)64 # If there are nonzero classes choose randomly using class_probability65 rng = check_random_state(random_state)66 if classes[j].shape[0] > 1:67 p_nonzero = 1 - class_prob_j[classes[j] == 0]68 nnz = int(n_samples * p_nonzero)69 ind_sample = sample_without_replacement(n_population=n_samples,70 n_samples=nnz,71 random_state=random_state)72 indices.extend(ind_sample)73 # Normalize probabilities for the nonzero elements74 classes_j_nonzero = classes[j] != 075 class_probability_nz = class_prob_j[classes_j_nonzero]76 class_probability_nz_norm = (class_probability_nz /77 np.sum(class_probability_nz))78 classes_ind = np.searchsorted(class_probability_nz_norm.cumsum(),79 rng.rand(nnz))80 data.extend(classes[j][classes_j_nonzero][classes_ind])81 indptr.append(len(indices))82 return sp.csc_matrix((data, indices, indptr),83 (n_samples, len(classes)),...

classes.js

Source:classes.js

1goog.provide('goog.dom.classes'); 2goog.require('goog.array'); 3goog.dom.classes.set = function(element, className) { 4 element.className = className; 5}; 6goog.dom.classes.get = function(element) { 7 var className = element.className; 8 return className && typeof className.split == 'function' ? className.split(/\s+/):[]; 9}; 10goog.dom.classes.add = function(element, var_args) { 11 var classes = goog.dom.classes.get(element); 12 var args = goog.array.slice(arguments, 1); 13 var b = goog.dom.classes.add_(classes, args); 14 element.className = classes.join(' '); 15 return b; 16}; 17goog.dom.classes.remove = function(element, var_args) { 18 var classes = goog.dom.classes.get(element); 19 var args = goog.array.slice(arguments, 1); 20 var b = goog.dom.classes.remove_(classes, args); 21 element.className = classes.join(' '); 22 return b; 23}; 24goog.dom.classes.add_ = function(classes, args) { 25 var rv = 0; 26 for(var i = 0; i < args.length; i ++) { 27 if(! goog.array.contains(classes, args[i])) { 28 classes.push(args[i]); 29 rv ++; 30 } 31 } 32 return rv == args.length; 33}; 34goog.dom.classes.remove_ = function(classes, args) { 35 var rv = 0; 36 for(var i = 0; i < classes.length; i ++) { 37 if(goog.array.contains(args, classes[i])) { 38 goog.array.splice(classes, i --, 1); 39 rv ++; 40 } 41 } 42 return rv == args.length; 43}; 44goog.dom.classes.swap = function(element, fromClass, toClass) { 45 var classes = goog.dom.classes.get(element); 46 var removed = false; 47 for(var i = 0; i < classes.length; i ++) { 48 if(classes[i]== fromClass) { 49 goog.array.splice(classes, i --, 1); 50 removed = true; 51 } 52 } 53 if(removed) { 54 classes.push(toClass); 55 element.className = classes.join(' '); 56 } 57 return removed; 58}; 59goog.dom.classes.addRemove = function(element, classesToRemove, classesToAdd) { 60 var classes = goog.dom.classes.get(element); 61 if(goog.isString(classesToRemove)) { 62 goog.array.remove(classes, classesToRemove); 63 } else if(goog.isArray(classesToRemove)) { 64 goog.dom.classes.remove_(classes, classesToRemove); 65 } 66 if(goog.isString(classesToAdd) && ! goog.array.contains(classes, classesToAdd)) { 67 classes.push(classesToAdd); 68 } else if(goog.isArray(classesToAdd)) { 69 goog.dom.classes.add_(classes, classesToAdd); 70 } 71 element.className = classes.join(' '); 72}; 73goog.dom.classes.has = function(element, className) { 74 return goog.array.contains(goog.dom.classes.get(element), className); 75}; 76goog.dom.classes.enable = function(element, className, enabled) { 77 if(enabled) { 78 goog.dom.classes.add(element, className); 79 } else { 80 goog.dom.classes.remove(element, className); 81 } 82}; 83goog.dom.classes.toggle = function(element, className) { 84 var add = ! goog.dom.classes.has(element, className); 85 goog.dom.classes.enable(element, className, add); 86 return add; ...

ClassList.test.js

Source:ClassList.test.js

1const { ClassList } = require('../ClassList')2test('Empty ClassList', () => {3 const classes = new ClassList()4 expect(classes.toClassString()).toBe('')5})6test('Adding a class', () => {7 const classes = new ClassList()8 classes.add('a')9 expect(classes.toClassString()).toBe('a')10})11test('Adding a class conditionally', () => {12 const classes = new ClassList()13 classes.add('a', true)14 classes.add('b', false)15 expect(classes.toClassString()).toBe('a')16})17test('Adding multiple classes', () => {18 const classes = new ClassList()19 classes.add('a')20 classes.add('b')21 expect(classes.toClassString()).toBe('a b')22})23test('Adding a class via constructor', () => {24 const classes = new ClassList('a')25 expect(classes.toClassString()).toBe('a')26})27test('Adding multiple classes via constructor', () => {28 const classes = new ClassList('a b')29 expect(classes.toClassString()).toBe('a b')30})31test('Remove a class', () => {32 const classes = new ClassList('a b')33 classes.remove('b')34 expect(classes.toClassString()).toBe('a')35})36test('Remove a class conditionally', () => {37 const classes = new ClassList('a b c')38 classes.remove('b', true)39 classes.remove('c', false)40 expect(classes.toClassString()).toBe('a c')41})42test('Remove multiple classes', () => {43 const classes = new ClassList('a b c')44 classes.remove('b c')45 expect(classes.toClassString()).toBe('a')46})47test('Add classes using an object', () => {48 const classes = new ClassList()49 classes.add({50 a: false,51 b: true,52 c: true,53 })54 expect(classes.toClassString()).toBe('b c')55})56test('Remove classes using an object', () => {57 const classes = new ClassList('a b c')58 classes.remove({59 a: false,60 b: true,61 c: true,62 })63 expect(classes.toClassString()).toBe('a')64})65test('Add classes using an array', () => {66 const classes = new ClassList()67 classes.add(['a', 'b', 'c'])68 expect(classes.toClassString()).toBe('a b c')69})70test('Remove classes using an array', () => {71 const classes = new ClassList('a b c')72 classes.remove(['a', 'b'])73 expect(classes.toClassString()).toBe('c')74})75test('Remove classes using an array', () => {76 const classes = new ClassList('a b c')77 classes.remove(['a', 'b'])78 expect(classes.toClassString()).toBe('c')79})80test('Class string matches toString', () => {81 const classes = new ClassList('a b c')82 expect(classes.toClassString()).toBe(classes.toString())...

Using AI Code Generation

1import { storiesOf } from '@storybook/react';2import { action } from '@storybook/addon-actions';3import { linkTo } from '@storybook/addon-links';4import { Button, Welcome } from '@storybook/react/demo';5import { Button } from 'storybook-root';6storiesOf('Button', module)7 .add('with text', () => (8 <Button onClick={action('clicked')}>Hello Button</Button>9 .add('with some emoji', () => (10 <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>11 ));12import React from 'react';13import PropTypes from 'prop-types';14import './Button.css';15const Button = ({ onClick, children }) => (16 <button onClick={onClick} className="button">17 {children}18);19Button.propTypes = {20};21export default Button;22.button {23 padding: 10px 20px;24 background-color: rebeccapurple;25 color: white;26 font-size: 1em;27 border: none;28 border-radius: 5px;29 cursor: pointer;30}31import React from 'react';32import ReactDOM from 'react-dom';33import './index.css';34import Button from './Button';35ReactDOM.render(<Button />, document.getElementById('root'));36body {37 background-color: papayawhip;38}39.button {40 padding: 10px 20px;41 background-color: rebeccapurple;42 color: white;43 font-size: 1em;44 border: none;45 border-radius: 5px;46 cursor: pointer;47}48import React from 'react';49import PropTypes from 'prop-types';50import './Button.css';51const Button = ({ onClick, children }) => (52 <button onClick={onClick} className="button">53 {children}54);55Button.propTypes = {56};57export default Button;58import { configure } from '@storybook/react';59function loadStories() {60 require('../test.js');61}62configure(loadStories, module);

Using AI Code Generation

1import { withRootDecorator } from 'storybook-root-decorator/dist/withRootDecorator';2export default {3};4export const Text = () => <Button>Hello Button</Button>;5export const Emoji = () => (6);7Text.story = {8};9Emoji.story = {10};11export const ButtonWithSomeEmojiAndAction = () => (12 <Button onClick={action('clicked')}>

Using AI Code Generation

1const { StorybookRootCause } = require('storybook-root-cause');2const storybookRootCause = new StorybookRootCause({3 storybookConfigDir: path.resolve(__dirname, '../.storybook'),4 puppeteerLaunchOptions: {5 },6});7storybookRootCause.run();

Using AI Code Generation

1import { StorybookRootCause } from 'storybook-root-cause';2const storybookRootCause = new StorybookRootCause({3 {4 },5 {6 },7 {8 },9});10storybookRootCause.run();11{12 "scripts": {13 }14}15storybookRootCause.run();16storybookRootCause.run({

Using AI Code Generation

1const storybookRootCause = require('storybook-root-cause');2const storybookRootCauseConfig = {3};4const storybookRootCauseInstance = new storybookRootCause(storybookRootCauseConfig);5storybookRootCauseInstance.run();6const storybookRootCause = require('storybook-root-cause');7const storybookRootCauseConfig = {8};9const storybookRootCauseInstance = new storybookRootCause(storybookRootCauseConfig);10storybookRootCauseInstance.run();11const storybookRootCause = require('storybook-root-cause');12const storybookRootCauseConfig = {13};14const storybookRootCauseInstance = new storybookRootCause(storybookRootCauseConfig);15storybookRootCauseInstance.run();16const storybookRootCause = require('storybook-root-cause');17const storybookRootCauseConfig = {18};19const storybookRootCauseInstance = new storybookRootCause(storybookRootCauseConfig);20storybookRootCauseInstance.run();21const storybookRootCause = require('storybook-root-cause');22const storybookRootCauseConfig = {

Using AI Code Generation

1import { StorybookRootCause } from 'storybook-root-cause';2const rootCause = new StorybookRootCause();3rootCause.testStory('test story name');4import { StorybookRootCause } from 'storybook-root-cause';5const rootCause = new StorybookRootCause();6rootCause.testStory('test story name');7import { StorybookRootCause } from 'storybook-root-cause';8const rootCause = new StorybookRootCause();9rootCause.testStory('test story name');10import { StorybookRootCause } from 'storybook-root-cause';11const rootCause = new StorybookRootCause();12rootCause.testStory('test story name');13import { StorybookRootCause } from 'storybook-root-cause';14const rootCause = new StorybookRootCause();15rootCause.testStory('test story name');16import { StorybookRootCause } from 'storybook-root-cause';17const rootCause = new StorybookRootCause();18rootCause.testStory('test story name');19import { StorybookRootCause } from 'storybook-root-cause';20const rootCause = new StorybookRootCause();21rootCause.testStory('test story name');22import { StorybookRootCause } from 'storybook-root-cause';23const rootCause = new StorybookRootCause();24rootCause.testStory('test story name');25import { StorybookRootCause } from 'storybook-root-cause';26const rootCause = new StorybookRootCause();27rootCause.testStory('test story name');28import { StorybookRootCause } from 'storybook-root-cause';29const rootCause = new StorybookRootCause();30rootCause.testStory('test story name');31import { StorybookRootCause } from 'storybook-root-cause';32const rootCause = new StorybookRootCause();33rootCause.testStory('test story name');

Using AI Code Generation

1import { createStorybookRoot } from 'storybook-root';2import { storiesOf } from '@storybook/react';3const storybookRoot = createStorybookRoot({4});5storiesOf('Root', module).add('default', () => storybookRoot);6import React from 'react';7import { create } from 'jss';8import preset from 'jss-preset-default';9import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';10import { JssProvider } from 'react-jss';11import { StylesProvider, ThemeProvider } from '@material-ui/styles';12import { createGenerateClassName } from '@material-ui/core/styles';13const jss = create(preset());14const generateClassName = createGenerateClassName();15const theme = createMuiTheme();16export const createStorybookRoot = ({ Root }) => {17 return () => (18 <StylesProvider generateClassName={generateClassName}>19 <JssProvider jss={jss}>20 <MuiThemeProvider theme={theme}>21 <ThemeProvider theme={theme}>22 );23};24export default createStorybookRoot;

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

• JUnit Tutorial
• TestNG Tutorial
• Webdriver Tutorial
• WebDriverIO Tutorial
• Protractor Tutorial
• Selenium 4 Tutorial
• Jenkins Tutorial
• NUnit Tutorial
• Jest Tutorial
• Playwright Tutorial
• Cypress Tutorial
• PyTest Tutorial

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

View sample repo View DocumentationSign up Free

›

_