github.com/minio/console@v1.4.1/web-app/src/screens/Console/Common/IconsScreen.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2021 MinIO, Inc. 3 // 4 // This program is free software: you can redistribute it and/or modify 5 // it under the terms of the GNU Affero General Public License as published by 6 // the Free Software Foundation, either version 3 of the License, or 7 // (at your option) any later version. 8 // 9 // This program is distributed in the hope that it will be useful, 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 // GNU Affero General Public License for more details. 13 // 14 // You should have received a copy of the GNU Affero General Public License 15 // along with this program. If not, see <http://www.gnu.org/licenses/>. 16 17 import React, { useState } from "react"; 18 import * as cicons from "mds"; 19 import * as micons from "mds"; 20 import { Box, Grid, Loader, RadioGroup } from "mds"; 21 22 const IconsScreen = () => { 23 const [color, setColor] = useState<string>("default"); 24 return ( 25 <Box 26 sx={{ 27 position: "relative" as const, 28 padding: "20px 35px 0", 29 "& h6": { 30 color: "#777777", 31 fontSize: 30, 32 }, 33 "& p": { 34 "& span:not(*[class*='smallUnit'])": { 35 fontSize: 16, 36 }, 37 }, 38 }} 39 > 40 <Grid container> 41 <RadioGroup 42 selectorOptions={[ 43 { value: "def", label: "Default" }, 44 { value: "red", label: "Color" }, 45 ]} 46 currentValue={color} 47 id={"color-selector"} 48 name={"color-selector"} 49 onChange={(c) => { 50 setColor(c.target.value); 51 }} 52 /> 53 </Grid> 54 <h1>Logos</h1> 55 <Grid 56 container 57 sx={{ 58 fontSize: 12, 59 wordWrap: "break-word", 60 "& .min-loader": { 61 width: 45, 62 height: 45, 63 }, 64 "& .min-icon": { 65 color: color === "red" ? "red" : "black", 66 }, 67 }} 68 > 69 <Grid item xs={3}> 70 <cicons.ThemedLogo /> 71 <br /> 72 ThemedLogo 73 </Grid> 74 </Grid> 75 <h1>Loaders</h1> 76 <Grid 77 container 78 sx={{ 79 fontSize: 12, 80 wordWrap: "break-word", 81 "& .min-loader": { 82 width: 45, 83 height: 45, 84 }, 85 "& .min-icon": { 86 color: color === "red" ? "red" : "black", 87 }, 88 }} 89 > 90 <Grid item xs={3}> 91 <Loader /> 92 <br /> 93 Loader 94 </Grid> 95 </Grid> 96 <h1>Icons</h1> 97 <Grid 98 container 99 sx={{ 100 fontSize: 12, 101 wordWrap: "break-word", 102 "& .min-loader": { 103 width: 45, 104 height: 45, 105 }, 106 "& .min-icon": { 107 color: color === "red" ? "red" : "black", 108 }, 109 }} 110 > 111 <Grid item xs={3} sm={2} md={1}> 112 <cicons.AccountIcon /> 113 <br /> 114 AccountIcon 115 </Grid> 116 117 <Grid item xs={3} sm={2} md={1}> 118 <cicons.AddAccessRuleIcon /> 119 <br /> 120 AddAccessRuleIcon 121 </Grid> 122 123 <Grid item xs={3} sm={2} md={1}> 124 <cicons.AddFolderIcon /> 125 <br /> 126 AddFolderIcon 127 </Grid> 128 129 <Grid item xs={3} sm={2} md={1}> 130 <cicons.AddIcon /> 131 <br /> 132 AddIcon 133 </Grid> 134 135 <Grid item xs={3} sm={2} md={1}> 136 <cicons.AddMembersToGroupIcon /> 137 <br /> 138 AddMembersToGroupIcon 139 </Grid> 140 141 <Grid item xs={3} sm={2} md={1}> 142 <cicons.AddNewTagIcon /> 143 <br /> 144 AddNewTagIcon 145 </Grid> 146 147 <Grid item xs={3} sm={2} md={1}> 148 <cicons.AlertIcon /> 149 <br /> 150 AlertIcon 151 </Grid> 152 153 <Grid item xs={3} sm={2} md={1}> 154 <cicons.AllBucketsIcon /> 155 <br /> 156 AllBucketsIcon 157 </Grid> 158 159 <Grid item xs={3} sm={2} md={1}> 160 <cicons.ArrowIcon /> 161 <br /> 162 ArrowIcon 163 </Grid> 164 165 <Grid item xs={3} sm={2} md={1}> 166 <cicons.ArrowRightIcon /> 167 <br /> 168 ArrowRightIcon 169 </Grid> 170 171 <Grid item xs={3} sm={2} md={1}> 172 <cicons.AzureTierIcon /> 173 <br /> 174 AzureTierIcon 175 </Grid> 176 177 <Grid item xs={3} sm={2} md={1}> 178 <cicons.AzureTierIconXs /> 179 <br /> 180 AzureTierIconXs 181 </Grid> 182 183 <Grid item xs={3} sm={2} md={1}> 184 <cicons.BackSettingsIcon /> 185 <br /> 186 BackSettingsIcon 187 </Grid> 188 189 <Grid item xs={3} sm={2} md={1}> 190 <cicons.BucketEncryptionIcon /> 191 <br /> 192 BucketEncryptionIcon 193 </Grid> 194 195 <Grid item xs={3} sm={2} md={1}> 196 <cicons.BucketQuotaIcon /> 197 <br /> 198 BucketQuotaIcon 199 </Grid> 200 201 <Grid item xs={3} sm={2} md={1}> 202 <cicons.BucketReplicationIcon /> 203 <br /> 204 BucketReplicationIcon 205 </Grid> 206 207 <Grid item xs={3} sm={2} md={1}> 208 <cicons.BucketsIcon /> 209 <br /> 210 BucketsIcon 211 </Grid> 212 213 <Grid item xs={3} sm={2} md={1}> 214 <cicons.CalendarIcon /> 215 <br /> 216 CalendarIcon 217 </Grid> 218 219 <Grid item xs={3} sm={2} md={1}> 220 <cicons.CallHomeFeatureIcon /> 221 <br /> 222 CallHomeFeatureIcon 223 </Grid> 224 225 <Grid item xs={3} sm={2} md={1}> 226 <cicons.CancelledIcon /> 227 <br /> 228 CancelledIcon 229 </Grid> 230 231 <Grid item xs={3} sm={2} md={1}> 232 <cicons.ChangeAccessPolicyIcon /> 233 <br /> 234 ChangeAccessPolicyIcon 235 </Grid> 236 237 <Grid item xs={3} sm={2} md={1}> 238 <cicons.ChangePasswordIcon /> 239 <br /> 240 ChangePasswordIcon 241 </Grid> 242 243 <Grid item xs={3} sm={2} md={1}> 244 <cicons.CircleIcon /> 245 <br /> 246 CircleIcon 247 </Grid> 248 249 <Grid item xs={3} sm={2} md={1}> 250 <cicons.ClosePanelIcon /> 251 <br /> 252 ClosePanelIcon 253 </Grid> 254 255 <Grid item xs={3} sm={2} md={1}> 256 <cicons.ClustersIcon /> 257 <br /> 258 ClustersIcon 259 </Grid> 260 261 <Grid item xs={3} sm={2} md={1}> 262 <cicons.CollapseIcon /> 263 <br /> 264 CollapseIcon 265 </Grid> 266 267 <Grid item xs={3} sm={2} md={1}> 268 <cicons.ComputerLineIcon /> 269 <br /> 270 ComputerLineIcon 271 </Grid> 272 273 <Grid item xs={3} sm={2} md={1}> 274 <cicons.ConfigurationsListIcon /> 275 <br /> 276 ConfigurationsListIcon 277 </Grid> 278 279 <Grid item xs={3} sm={2} md={1}> 280 <cicons.ConfirmDeleteIcon /> 281 <br /> 282 ConfirmDeleteIcon 283 </Grid> 284 285 <Grid item xs={3} sm={2} md={1}> 286 <cicons.ConfirmModalIcon /> 287 <br /> 288 ConfirmModalIcon 289 </Grid> 290 291 <Grid item xs={3} sm={2} md={1}> 292 <cicons.ConsoleIcon /> 293 <br /> 294 ConsoleIcon 295 </Grid> 296 297 <Grid item xs={3} sm={2} md={1}> 298 <cicons.CopyIcon /> 299 <br /> 300 CopyIcon 301 </Grid> 302 303 <Grid item xs={3} sm={2} md={1}> 304 <cicons.CreateGroupIcon /> 305 <br /> 306 CreateGroupIcon 307 </Grid> 308 309 <Grid item xs={3} sm={2} md={1}> 310 <cicons.CreateIcon /> 311 <br /> 312 CreateIcon 313 </Grid> 314 315 <Grid item xs={3} sm={2} md={1}> 316 <cicons.CreateNewPathIcon /> 317 <br /> 318 CreateNewPathIcon 319 </Grid> 320 321 <Grid item xs={3} sm={2} md={1}> 322 <cicons.CreateUserIcon /> 323 <br /> 324 CreateUserIcon 325 </Grid> 326 327 <Grid item xs={3} sm={2} md={1}> 328 <cicons.DashboardIcon /> 329 <br /> 330 DashboardIcon 331 </Grid> 332 333 <Grid item xs={3} sm={2} md={1}> 334 <cicons.DeleteIcon /> 335 <br /> 336 DeleteIcon 337 </Grid> 338 339 <Grid item xs={3} sm={2} md={1}> 340 <cicons.DeleteNonCurrentIcon /> 341 <br /> 342 DeleteNonCurrentIcon 343 </Grid> 344 345 <Grid item xs={3} sm={2} md={1}> 346 <cicons.DiagnosticsFeatureIcon /> 347 <br /> 348 DiagnosticsFeatureIcon 349 </Grid> 350 351 <Grid item xs={3} sm={2} md={1}> 352 <cicons.DiagnosticsIcon /> 353 <br /> 354 DiagnosticsIcon 355 </Grid> 356 357 <Grid item xs={3} sm={2} md={1}> 358 <cicons.DisabledIcon /> 359 <br /> 360 DisabledIcon 361 </Grid> 362 363 <Grid item xs={3} sm={2} md={1}> 364 <cicons.DocumentationIcon /> 365 <br /> 366 DocumentationIcon 367 </Grid> 368 369 <Grid item xs={3} sm={2} md={1}> 370 <cicons.DownloadIcon /> 371 <br /> 372 DownloadIcon 373 </Grid> 374 375 <Grid item xs={3} sm={2} md={1}> 376 <cicons.DownloadStatIcon /> 377 <br /> 378 DownloadStatIcon 379 </Grid> 380 381 <Grid item xs={3} sm={2} md={1}> 382 <cicons.DriveFormatErrorsIcon /> 383 <br /> 384 DriveFormatErrorsIcon 385 </Grid> 386 387 <Grid item xs={3} sm={2} md={1}> 388 <cicons.DrivesIcon /> 389 <br /> 390 DrivesIcon 391 </Grid> 392 393 <Grid item xs={3} sm={2} md={1}> 394 <cicons.EditIcon /> 395 <br /> 396 EditIcon 397 </Grid> 398 399 <Grid item xs={3} sm={2} md={1}> 400 <cicons.EditTagIcon /> 401 <br /> 402 EditTagIcon 403 </Grid> 404 405 <Grid item xs={3} sm={2} md={1}> 406 <cicons.EditTenantIcon /> 407 <br /> 408 EditTenantIcon 409 </Grid> 410 411 <Grid item xs={3} sm={2} md={1}> 412 <cicons.EditYamlIcon /> 413 <br /> 414 EditYamlIcon 415 </Grid> 416 417 <Grid item xs={3} sm={2} md={1}> 418 <cicons.EditorThemeSwitchIcon /> 419 <br /> 420 EditorThemeSwitchIcon 421 </Grid> 422 423 <Grid item xs={3} sm={2} md={1}> 424 <cicons.EgressIcon /> 425 <br /> 426 EgressIcon 427 </Grid> 428 429 <Grid item xs={3} sm={2} md={1}> 430 <cicons.EnabledIcon /> 431 <br /> 432 EnabledIcon 433 </Grid> 434 435 <Grid item xs={3} sm={2} md={1}> 436 <cicons.EventSubscriptionIcon /> 437 <br /> 438 EventSubscriptionIcon 439 </Grid> 440 441 <Grid item xs={3} sm={2} md={1}> 442 <cicons.ExtraFeaturesIcon /> 443 <br /> 444 ExtraFeaturesIcon 445 </Grid> 446 447 <Grid item xs={3} sm={2} md={1}> 448 <cicons.FileBookIcon /> 449 <br /> 450 FileBookIcon 451 </Grid> 452 453 <Grid item xs={3} sm={2} md={1}> 454 <cicons.FileCloudIcon /> 455 <br /> 456 FileCloudIcon 457 </Grid> 458 459 <Grid item xs={3} sm={2} md={1}> 460 <cicons.FileCodeIcon /> 461 <br /> 462 FileCodeIcon 463 </Grid> 464 465 <Grid item xs={3} sm={2} md={1}> 466 <cicons.FileConfigIcon /> 467 <br /> 468 FileConfigIcon 469 </Grid> 470 471 <Grid item xs={3} sm={2} md={1}> 472 <cicons.FileDbIcon /> 473 <br /> 474 FileDbIcon 475 </Grid> 476 477 <Grid item xs={3} sm={2} md={1}> 478 <cicons.FileFontIcon /> 479 <br /> 480 FileFontIcon 481 </Grid> 482 483 <Grid item xs={3} sm={2} md={1}> 484 <cicons.FileImageIcon /> 485 <br /> 486 FileImageIcon 487 </Grid> 488 489 <Grid item xs={3} sm={2} md={1}> 490 <cicons.FileLinkIcon /> 491 <br /> 492 FileLinkIcon 493 </Grid> 494 495 <Grid item xs={3} sm={2} md={1}> 496 <cicons.FileLockIcon /> 497 <br /> 498 FileLockIcon 499 </Grid> 500 501 <Grid item xs={3} sm={2} md={1}> 502 <cicons.FileMissingIcon /> 503 <br /> 504 FileMissingIcon 505 </Grid> 506 507 <Grid item xs={3} sm={2} md={1}> 508 <cicons.FileMusicIcon /> 509 <br /> 510 FileMusicIcon 511 </Grid> 512 513 <Grid item xs={3} sm={2} md={1}> 514 <cicons.FilePdfIcon /> 515 <br /> 516 FilePdfIcon 517 </Grid> 518 519 <Grid item xs={3} sm={2} md={1}> 520 <cicons.FilePptIcon /> 521 <br /> 522 FilePptIcon 523 </Grid> 524 525 <Grid item xs={3} sm={2} md={1}> 526 <cicons.FileTxtIcon /> 527 <br /> 528 FileTxtIcon 529 </Grid> 530 531 <Grid item xs={3} sm={2} md={1}> 532 <cicons.FileVideoIcon /> 533 <br /> 534 FileVideoIcon 535 </Grid> 536 537 <Grid item xs={3} sm={2} md={1}> 538 <cicons.FileWorldIcon /> 539 <br /> 540 FileWorldIcon 541 </Grid> 542 543 <Grid item xs={3} sm={2} md={1}> 544 <cicons.FileXlsIcon /> 545 <br /> 546 FileXlsIcon 547 </Grid> 548 549 <Grid item xs={3} sm={2} md={1}> 550 <cicons.FileZipIcon /> 551 <br /> 552 FileZipIcon 553 </Grid> 554 555 <Grid item xs={3} sm={2} md={1}> 556 <cicons.FolderIcon /> 557 <br /> 558 FolderIcon 559 </Grid> 560 561 <Grid item xs={3} sm={2} md={1}> 562 <cicons.FormatDrivesIcon /> 563 <br /> 564 FormatDrivesIcon 565 </Grid> 566 567 <Grid item xs={3} sm={2} md={1}> 568 <cicons.GoogleTierIcon /> 569 <br /> 570 GoogleTierIcon 571 </Grid> 572 573 <Grid item xs={3} sm={2} md={1}> 574 <cicons.GoogleTierIconXs /> 575 <br /> 576 GoogleTierIconXs 577 </Grid> 578 579 <Grid item xs={3} sm={2} md={1}> 580 <cicons.GroupsIcon /> 581 <br /> 582 GroupsIcon 583 </Grid> 584 585 <Grid item xs={3} sm={2} md={1}> 586 <cicons.HardBucketQuotaIcon /> 587 <br /> 588 HardBucketQuotaIcon 589 </Grid> 590 591 <Grid item xs={3} sm={2} md={1}> 592 <cicons.HealIcon /> 593 <br /> 594 HealIcon 595 </Grid> 596 597 <Grid item xs={3} sm={2} md={1}> 598 <cicons.HelpIcon /> 599 <br /> 600 HelpIcon 601 </Grid> 602 603 <Grid item xs={3} sm={2} md={1}> 604 <cicons.HelpIconFilled /> 605 <br /> 606 HelpIconFilled 607 </Grid> 608 609 <Grid item xs={3} sm={2} md={1}> 610 <cicons.HistoryIcon /> 611 <br /> 612 HistoryIcon 613 </Grid> 614 615 <Grid item xs={3} sm={2} md={1}> 616 <cicons.IAMPoliciesIcon /> 617 <br /> 618 IAMPoliciesIcon 619 </Grid> 620 621 <Grid item xs={3} sm={2} md={1}> 622 <cicons.InfoIcon /> 623 <br /> 624 InfoIcon 625 </Grid> 626 627 <Grid item xs={3} sm={2} md={1}> 628 <cicons.JSONIcon /> 629 <br /> 630 JSONIcon 631 </Grid> 632 633 <Grid item xs={3} sm={2} md={1}> 634 <cicons.LambdaBalloonIcon /> 635 <br /> 636 LambdaBalloonIcon 637 </Grid> 638 639 <Grid item xs={3} sm={2} md={1}> 640 <cicons.LambdaIcon /> 641 <br /> 642 LambdaIcon 643 </Grid> 644 645 <Grid item xs={3} sm={2} md={1}> 646 <cicons.LambdaNotificationsIcon /> 647 <br /> 648 LambdaNotificationsIcon 649 </Grid> 650 651 <Grid item xs={3} sm={2} md={1}> 652 <cicons.LegalHoldIcon /> 653 <br /> 654 LegalHoldIcon 655 </Grid> 656 657 <Grid item xs={3} sm={2} md={1}> 658 <cicons.LicenseIcon /> 659 <br /> 660 LicenseIcon 661 </Grid> 662 663 <Grid item xs={3} sm={2} md={1}> 664 <cicons.LifecycleConfigIcon /> 665 <br /> 666 LifecycleConfigIcon 667 </Grid> 668 669 <Grid item xs={3} sm={2} md={1}> 670 <cicons.LinkIcon /> 671 <br /> 672 LinkIcon 673 </Grid> 674 675 <Grid item xs={3} sm={2} md={1}> 676 <cicons.LockIcon /> 677 <br /> 678 LockIcon 679 </Grid> 680 681 <Grid item xs={3} sm={2} md={1}> 682 <cicons.LogoutIcon /> 683 <br /> 684 LogoutIcon 685 </Grid> 686 687 <Grid item xs={3} sm={2} md={1}> 688 <cicons.LogsIcon /> 689 <br /> 690 LogsIcon 691 </Grid> 692 693 <Grid item xs={3} sm={2} md={1}> 694 <cicons.MetadataIcon /> 695 <br /> 696 MetadataIcon 697 </Grid> 698 699 <Grid item xs={3} sm={2} md={1}> 700 <cicons.MinIOTierIcon /> 701 <br /> 702 MinIOTierIcon 703 </Grid> 704 705 <Grid item xs={3} sm={2} md={1}> 706 <cicons.MinIOTierIconXs /> 707 <br /> 708 MinIOTierIconXs 709 </Grid> 710 711 <Grid item xs={3} sm={2} md={1}> 712 <cicons.MirroringIcon /> 713 <br /> 714 MirroringIcon 715 </Grid> 716 717 <Grid item xs={3} sm={2} md={1}> 718 <cicons.MultipleBucketsIcon /> 719 <br /> 720 MultipleBucketsIcon 721 </Grid> 722 723 <Grid item xs={3} sm={2} md={1}> 724 <cicons.NewAccountIcon /> 725 <br /> 726 NewAccountIcon 727 </Grid> 728 729 <Grid item xs={3} sm={2} md={1}> 730 <cicons.NewPathIcon /> 731 <br /> 732 NewPathIcon 733 </Grid> 734 735 <Grid item xs={3} sm={2} md={1}> 736 <cicons.NewPoolIcon /> 737 <br /> 738 NewPoolIcon 739 </Grid> 740 741 <Grid item xs={3} sm={2} md={1}> 742 <cicons.NextArrowIcon /> 743 <br /> 744 NextArrowIcon 745 </Grid> 746 747 <Grid item xs={3} sm={2} md={1}> 748 <cicons.ObjectBrowser1Icon /> 749 <br /> 750 ObjectBrowser1Icon 751 </Grid> 752 753 <Grid item xs={3} sm={2} md={1}> 754 <cicons.ObjectBrowserFolderIcon /> 755 <br /> 756 ObjectBrowserFolderIcon 757 </Grid> 758 759 <Grid item xs={3} sm={2} md={1}> 760 <cicons.ObjectBrowserIcon /> 761 <br /> 762 ObjectBrowserIcon 763 </Grid> 764 765 <Grid item xs={3} sm={2} md={1}> 766 <cicons.ObjectInfoIcon /> 767 <br /> 768 ObjectInfoIcon 769 </Grid> 770 771 <Grid item xs={3} sm={2} md={1}> 772 <cicons.ObjectManagerIcon /> 773 <br /> 774 ObjectManagerIcon 775 </Grid> 776 777 <Grid item xs={3} sm={2} md={1}> 778 <cicons.ObjectPreviewIcon /> 779 <br /> 780 ObjectPreviewIcon 781 </Grid> 782 783 <Grid item xs={3} sm={2} md={1}> 784 <cicons.OfflineRegistrationBackIcon /> 785 <br /> 786 OfflineRegistrationBackIcon 787 </Grid> 788 789 <Grid item xs={3} sm={2} md={1}> 790 <cicons.OfflineRegistrationIcon /> 791 <br /> 792 OfflineRegistrationIcon 793 </Grid> 794 795 <Grid item xs={3} sm={2} md={1}> 796 <cicons.OnlineRegistrationBackIcon /> 797 <br /> 798 OnlineRegistrationBackIcon 799 </Grid> 800 801 <Grid item xs={3} sm={2} md={1}> 802 <cicons.OnlineRegistrationIcon /> 803 <br /> 804 OnlineRegistrationIcon 805 </Grid> 806 807 <Grid item xs={3} sm={2} md={1}> 808 <cicons.OpenListIcon /> 809 <br /> 810 OpenListIcon 811 </Grid> 812 813 <Grid item xs={3} sm={2} md={1}> 814 <cicons.PasswordKeyIcon /> 815 <br /> 816 PasswordKeyIcon 817 </Grid> 818 819 <Grid item xs={3} sm={2} md={1}> 820 <cicons.PerformanceFeatureIcon /> 821 <br /> 822 PerformanceFeatureIcon 823 </Grid> 824 825 <Grid item xs={3} sm={2} md={1}> 826 <cicons.PermissionIcon /> 827 <br /> 828 PermissionIcon 829 </Grid> 830 831 <Grid item xs={3} sm={2} md={1}> 832 <cicons.PreviewIcon /> 833 <br /> 834 PreviewIcon 835 </Grid> 836 837 <Grid item xs={3} sm={2} md={1}> 838 <cicons.PrometheusErrorIcon /> 839 <br /> 840 PrometheusErrorIcon 841 </Grid> 842 843 <Grid item xs={3} sm={2} md={1}> 844 <cicons.PrometheusIcon /> 845 <br /> 846 PrometheusIcon 847 </Grid> 848 849 <Grid item xs={3} sm={2} md={1}> 850 <cicons.RecoverIcon /> 851 <br /> 852 RecoverIcon 853 </Grid> 854 855 <Grid item xs={3} sm={2} md={1}> 856 <cicons.RedoIcon /> 857 <br /> 858 RedoIcon 859 </Grid> 860 861 <Grid item xs={3} sm={2} md={1}> 862 <cicons.RefreshIcon /> 863 <br /> 864 RefreshIcon 865 </Grid> 866 867 <Grid item xs={3} sm={2} md={1}> 868 <cicons.RemoveAllIcon /> 869 <br /> 870 RemoveAllIcon 871 </Grid> 872 873 <Grid item xs={3} sm={2} md={1}> 874 <cicons.RemoveIcon /> 875 <br /> 876 RemoveIcon 877 </Grid> 878 879 <Grid item xs={3} sm={2} md={1}> 880 <cicons.ReportedUsageFullIcon /> 881 <br /> 882 ReportedUsageFullIcon 883 </Grid> 884 885 <Grid item xs={3} sm={2} md={1}> 886 <cicons.ReportedUsageIcon /> 887 <br /> 888 ReportedUsageIcon 889 </Grid> 890 891 <Grid item xs={3} sm={2} md={1}> 892 <cicons.RetentionIcon /> 893 <br /> 894 RetentionIcon 895 </Grid> 896 897 <Grid item xs={3} sm={2} md={1}> 898 <cicons.S3TierIcon /> 899 <br /> 900 S3TierIcon 901 </Grid> 902 903 <Grid item xs={3} sm={2} md={1}> 904 <cicons.S3TierIconXs /> 905 <br /> 906 S3TierIconXs 907 </Grid> 908 909 <Grid item xs={3} sm={2} md={1}> 910 <cicons.SearchIcon /> 911 <br /> 912 SearchIcon 913 </Grid> 914 915 <Grid item xs={3} sm={2} md={1}> 916 <cicons.SelectAllIcon /> 917 <br /> 918 SelectAllIcon 919 </Grid> 920 921 <Grid item xs={3} sm={2} md={1}> 922 <cicons.SelectMultipleIcon /> 923 <br /> 924 SelectMultipleIcon 925 </Grid> 926 927 <Grid item xs={3} sm={2} md={1}> 928 <cicons.ServersIcon /> 929 <br /> 930 ServersIcon 931 </Grid> 932 933 <Grid item xs={3} sm={2} md={1}> 934 <cicons.ServiceAccountCredentialsIcon /> 935 <br /> 936 ServiceAccountCredentialsIcon 937 </Grid> 938 939 <Grid item xs={3} sm={2} md={1}> 940 <cicons.ServiceAccountIcon /> 941 <br /> 942 ServiceAccountIcon 943 </Grid> 944 945 <Grid item xs={3} sm={2} md={1}> 946 <cicons.ServiceAccountsIcon /> 947 <br /> 948 ServiceAccountsIcon 949 </Grid> 950 951 <Grid item xs={3} sm={2} md={1}> 952 <cicons.SettingsIcon /> 953 <br /> 954 SettingsIcon 955 </Grid> 956 957 <Grid item xs={3} sm={2} md={1}> 958 <cicons.ShareIcon /> 959 <br /> 960 ShareIcon 961 </Grid> 962 963 <Grid item xs={3} sm={2} md={1}> 964 <cicons.SpeedtestIcon /> 965 <br /> 966 SpeedtestIcon 967 </Grid> 968 969 <Grid item xs={3} sm={2} md={1}> 970 <cicons.StarIcon /> 971 <br /> 972 StarIcon 973 </Grid> 974 975 <Grid item xs={3} sm={2} md={1}> 976 <cicons.StorageIcon /> 977 <br /> 978 StorageIcon 979 </Grid> 980 981 <Grid item xs={3} sm={2} md={1}> 982 <cicons.SyncIcon /> 983 <br /> 984 SyncIcon 985 </Grid> 986 987 <Grid item xs={3} sm={2} md={1}> 988 <cicons.TagsIcon /> 989 <br /> 990 TagsIcon 991 </Grid> 992 993 <Grid item xs={3} sm={2} md={1}> 994 <cicons.TenantsIcon /> 995 <br /> 996 TenantsIcon 997 </Grid> 998 999 <Grid item xs={3} sm={2} md={1}> 1000 <cicons.TenantsOutlineIcon /> 1001 <br /> 1002 TenantsOutlineIcon 1003 </Grid> 1004 1005 <Grid item xs={3} sm={2} md={1}> 1006 <cicons.TiersIcon /> 1007 <br /> 1008 TiersIcon 1009 </Grid> 1010 1011 <Grid item xs={3} sm={2} md={1}> 1012 <cicons.TiersNotAvailableIcon /> 1013 <br /> 1014 TiersNotAvailableIcon 1015 </Grid> 1016 1017 <Grid item xs={3} sm={2} md={1}> 1018 <cicons.ToolsIcon /> 1019 <br /> 1020 ToolsIcon 1021 </Grid> 1022 1023 <Grid item xs={3} sm={2} md={1}> 1024 <cicons.TotalObjectsIcon /> 1025 <br /> 1026 TotalObjectsIcon 1027 </Grid> 1028 1029 <Grid item xs={3} sm={2} md={1}> 1030 <cicons.TraceIcon /> 1031 <br /> 1032 TraceIcon 1033 </Grid> 1034 1035 <Grid item xs={3} sm={2} md={1}> 1036 <cicons.TrashIcon /> 1037 <br /> 1038 TrashIcon 1039 </Grid> 1040 1041 <Grid item xs={3} sm={2} md={1}> 1042 <cicons.UploadFile /> 1043 <br /> 1044 UploadFile 1045 </Grid> 1046 1047 <Grid item xs={3} sm={2} md={1}> 1048 <cicons.UploadFolderIcon /> 1049 <br /> 1050 UploadFolderIcon 1051 </Grid> 1052 1053 <Grid item xs={3} sm={2} md={1}> 1054 <cicons.UploadIcon /> 1055 <br /> 1056 UploadIcon 1057 </Grid> 1058 1059 <Grid item xs={3} sm={2} md={1}> 1060 <cicons.UploadStatIcon /> 1061 <br /> 1062 UploadStatIcon 1063 </Grid> 1064 1065 <Grid item xs={3} sm={2} md={1}> 1066 <cicons.UptimeIcon /> 1067 <br /> 1068 UptimeIcon 1069 </Grid> 1070 1071 <Grid item xs={3} sm={2} md={1}> 1072 <cicons.UsersIcon /> 1073 <br /> 1074 UsersIcon 1075 </Grid> 1076 1077 <Grid item xs={3} sm={2} md={1}> 1078 <cicons.VerifiedIcon /> 1079 <br /> 1080 VerifiedIcon 1081 </Grid> 1082 1083 <Grid item xs={3} sm={2} md={1}> 1084 <cicons.VersionIcon /> 1085 <br /> 1086 VersionIcon 1087 </Grid> 1088 1089 <Grid item xs={3} sm={2} md={1}> 1090 <cicons.VersionsIcon /> 1091 <br /> 1092 VersionsIcon 1093 </Grid> 1094 1095 <Grid item xs={3} sm={2} md={1}> 1096 <cicons.WarnIcon /> 1097 <br /> 1098 WarnIcon 1099 </Grid> 1100 1101 <Grid item xs={3} sm={2} md={1}> 1102 <cicons.WarpIcon /> 1103 <br /> 1104 WarpIcon 1105 </Grid> 1106 1107 <Grid item xs={3} sm={2} md={1}> 1108 <cicons.WatchIcon /> 1109 <br /> 1110 WatchIcon 1111 </Grid> 1112 <Grid item xs={3} sm={2} md={1}> 1113 <cicons.AlertCloseIcon /> 1114 <br /> 1115 AlertCloseIcon 1116 </Grid> 1117 <Grid item xs={3} sm={2} md={1}> 1118 <cicons.OpenSourceIcon /> 1119 <br /> 1120 OpenSourceIcon 1121 </Grid> 1122 <Grid item xs={3} sm={2} md={1}> 1123 <cicons.LicenseDocIcon /> 1124 <br /> 1125 LicenseDocIcon 1126 </Grid> 1127 <Grid item xs={3} sm={2} md={1}> 1128 <cicons.BackIcon /> 1129 <br /> 1130 BackIcon 1131 </Grid> 1132 <Grid item xs={3} sm={2} md={1}> 1133 <cicons.FilterIcon /> 1134 <br /> 1135 FilterIcon 1136 </Grid> 1137 <Grid item xs={3} sm={2} md={1}> 1138 <cicons.SuccessIcon /> 1139 <br /> 1140 SuccessIcon 1141 </Grid> 1142 <Grid item xs={3} sm={2} md={1}> 1143 <cicons.NetworkGetIcon /> 1144 <br /> 1145 NetworkGetIcon 1146 </Grid> 1147 <Grid item xs={3} sm={2} md={1}> 1148 <cicons.NetworkPutIcon /> 1149 <br /> 1150 NetworkPutIcon 1151 </Grid> 1152 </Grid> 1153 <h1>Menu Icons</h1> 1154 <Grid 1155 container 1156 sx={{ 1157 fontSize: 12, 1158 wordWrap: "break-word", 1159 "& .min-loader": { 1160 width: 45, 1161 height: 45, 1162 }, 1163 "& .min-icon": { 1164 color: color === "red" ? "red" : "black", 1165 }, 1166 }} 1167 > 1168 <Grid item xs={3} sm={2} md={1}> 1169 <micons.AccessMenuIcon /> 1170 <br /> 1171 AccessMenuIcon 1172 </Grid> 1173 1174 <Grid item xs={3} sm={2} md={1}> 1175 <micons.AccountsMenuIcon /> 1176 <br /> 1177 AccountsMenuIcon 1178 </Grid> 1179 1180 <Grid item xs={3} sm={2} md={1}> 1181 <micons.AuditLogsMenuIcon /> 1182 <br /> 1183 AuditLogsMenuIcon 1184 </Grid> 1185 1186 <Grid item xs={3} sm={2} md={1}> 1187 <micons.BucketsMenuIcon /> 1188 <br /> 1189 BucketsMenuIcon 1190 </Grid> 1191 1192 <Grid item xs={3} sm={2} md={1}> 1193 <micons.CallHomeMenuIcon /> 1194 <br /> 1195 CallHomeMenuIcon 1196 </Grid> 1197 1198 <Grid item xs={3} sm={2} md={1}> 1199 <micons.DiagnosticsMenuIcon /> 1200 <br /> 1201 DiagnosticsMenuIcon 1202 </Grid> 1203 1204 <Grid item xs={3} sm={2} md={1}> 1205 <micons.DrivesMenuIcon /> 1206 <br /> 1207 DrivesMenuIcon 1208 </Grid> 1209 1210 <Grid item xs={3} sm={2} md={1}> 1211 <micons.GroupsMenuIcon /> 1212 <br /> 1213 GroupsMenuIcon 1214 </Grid> 1215 1216 <Grid item xs={3} sm={2} md={1}> 1217 <micons.HealthMenuIcon /> 1218 <br /> 1219 HealthMenuIcon 1220 </Grid> 1221 1222 <Grid item xs={3} sm={2} md={1}> 1223 <micons.IdentityMenuIcon /> 1224 <br /> 1225 IdentityMenuIcon 1226 </Grid> 1227 1228 <Grid item xs={3} sm={2} md={1}> 1229 <micons.InspectMenuIcon /> 1230 <br /> 1231 InspectMenuIcon 1232 </Grid> 1233 1234 <Grid item xs={3} sm={2} md={1}> 1235 <micons.LogsMenuIcon /> 1236 <br /> 1237 LogsMenuIcon 1238 </Grid> 1239 1240 <Grid item xs={3} sm={2} md={1}> 1241 <micons.MenuCollapsedIcon /> 1242 <br /> 1243 MenuCollapsedIcon 1244 </Grid> 1245 1246 <Grid item xs={3} sm={2} md={1}> 1247 <micons.MenuExpandedIcon /> 1248 <br /> 1249 MenuExpandedIcon 1250 </Grid> 1251 1252 <Grid item xs={3} sm={2} md={1}> 1253 <micons.MetricsMenuIcon /> 1254 <br /> 1255 MetricsMenuIcon 1256 </Grid> 1257 1258 <Grid item xs={3} sm={2} md={1}> 1259 <micons.MonitoringMenuIcon /> 1260 <br /> 1261 MonitoringMenuIcon 1262 </Grid> 1263 1264 <Grid item xs={3} sm={2} md={1}> 1265 <micons.PerformanceMenuIcon /> 1266 <br /> 1267 PerformanceMenuIcon 1268 </Grid> 1269 1270 <Grid item xs={3} sm={2} md={1}> 1271 <micons.ProfileMenuIcon /> 1272 <br /> 1273 ProfileMenuIcon 1274 </Grid> 1275 1276 <Grid item xs={3} sm={2} md={1}> 1277 <micons.RegisterMenuIcon /> 1278 <br /> 1279 RegisterMenuIcon 1280 </Grid> 1281 1282 <Grid item xs={3} sm={2} md={1}> 1283 <micons.SupportMenuIcon /> 1284 <br /> 1285 SupportMenuIcon 1286 </Grid> 1287 1288 <Grid item xs={3} sm={2} md={1}> 1289 <micons.TraceMenuIcon /> 1290 <br /> 1291 TraceMenuIcon 1292 </Grid> 1293 1294 <Grid item xs={3} sm={2} md={1}> 1295 <micons.UsersMenuIcon /> 1296 <br /> 1297 UsersMenuIcon 1298 </Grid> 1299 </Grid> 1300 </Box> 1301 ); 1302 }; 1303 1304 export default IconsScreen;