From b6643e6fbddd99c68dbdd3d5e0655e49e5ae86c9 Mon Sep 17 00:00:00 2001
From: chihabhajji <blackpang23@gmail.com>
Date: Tue, 4 May 2021 21:54:52 +0100
Subject: [PATCH 1/3] =?UTF-8?q?Removed=20bloat=20code=20=F0=9F=98=8E?=
 =?UTF-8?q?=F0=9F=8E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Client/config-overrides.js                    |     2 +-
 Client/package.json                           |     2 +-
 Client/public/index.html                      |     3 -
 Client/src/actions/AdminAction.js             |     4 +-
 Client/src/actions/cartAction.js              |     4 +-
 Client/src/actions/productAction.js           |     7 +-
 .../VerticalLayout/SidebarContent.js          |    28 +-
 .../AllCharts/apex/ColumnWithDataLabels.js    |   139 -
 .../pages/AllCharts/apex/LineColumnArea.js    |   115 -
 .../pages/AllCharts/apex/PieChart.js          |    54 -
 .../pages/AllCharts/apex/RadialChart.js       |    52 -
 .../pages/AllCharts/apex/SplineArea.js        |    67 -
 .../pages/AllCharts/apex/apaexlinecolumn.js   |    95 -
 .../pages/AllCharts/apex/apexdonut.js         |    43 -
 .../pages/AllCharts/apex/apexdonut1.js        |    43 -
 .../pages/AllCharts/apex/areachart.js         |    73 -
 .../pages/AllCharts/apex/barchart.js          |    65 -
 .../pages/AllCharts/apex/chartapex.js         |    60 -
 .../pages/AllCharts/apex/dashedLine.js        |    90 -
 .../pages/AllCharts/apex/dountchart.js        |    54 -
 .../pages/AllCharts/apex/lineareachart.js     |    27 -
 .../pages/AllCharts/apex/salesdonut.js        |    43 -
 .../pages/AllCharts/apex/stackedbarchart.js   |   109 -
 .../pages/AllCharts/chartist/barchart.js      |    45 -
 .../pages/AllCharts/chartist/chartbar.js      |    27 -
 .../pages/AllCharts/chartist/dountchart.js    |    36 -
 .../pages/AllCharts/chartist/lineareachart.js |    27 -
 .../pages/AllCharts/chartist/linechart.js     |    33 -
 .../pages/AllCharts/chartist/piechart.js      |    26 -
 .../AllCharts/chartist/smilanimations.js      |    32 -
 .../AllCharts/chartist/stackedbarchart.js     |    35 -
 .../pages/AllCharts/chartjs/barchart.js       |    39 -
 .../pages/AllCharts/chartjs/dountchart.js     |    25 -
 .../pages/AllCharts/chartjs/linechart.js      |    89 -
 .../pages/AllCharts/chartjs/piechart.js       |    26 -
 .../pages/AllCharts/chartjs/polarchart.js     |    26 -
 .../pages/AllCharts/chartjs/radarchart.js     |    48 -
 .../pages/AllCharts/echart/bubblechart.js     |   179 -
 .../AllCharts/echart/candlestickchart.js      |    71 -
 .../pages/AllCharts/echart/doughnutchart.js   |    66 -
 .../pages/AllCharts/echart/gaugechart.js      |    71 -
 .../pages/AllCharts/echart/linebarchart.js    |   116 -
 .../pages/AllCharts/echart/linechart.js       |    61 -
 .../pages/AllCharts/echart/piechart.js        |    55 -
 .../pages/AllCharts/echart/scatterchart.js    |    68 -
 .../backoffice/pages/AllCharts/knob/knob.js   |   385 -
 .../pages/AllCharts/sparkline/sparkline.js    |    31 -
 .../pages/AllCharts/sparkline/sparkline1.js   |    54 -
 .../pages/AllCharts/toastui/AreaChartToast.js |   119 -
 .../pages/AllCharts/toastui/BarChartToast.js  |    99 -
 .../pages/AllCharts/toastui/BoxPlotChart.js   |   114 -
 .../AllCharts/toastui/BubbleChartToast.js     |   235 -
 .../pages/AllCharts/toastui/BulletChart.js    |   129 -
 .../AllCharts/toastui/ColumnChartToast.js     |   110 -
 .../AllCharts/toastui/DonutChartToast.js      |   105 -
 .../pages/AllCharts/toastui/HeatMapChart.js   |   140 -
 .../AllCharts/toastui/HeatmapChartToast.js    |   113 -
 .../pages/AllCharts/toastui/LineChartToast.js |   104 -
 .../pages/AllCharts/toastui/MapChart.js       |   262 -
 .../pages/AllCharts/toastui/PieChartToast.js  |    84 -
 .../pages/AllCharts/toastui/RadialChart.js    |   104 -
 .../AllCharts/toastui/ScatterChartToast.js    |   625 -
 .../pages/AllCharts/toastui/TreeMapChart.js   |   130 -
 .../pages/AllCharts/toastui/toastui.scss      |    10 -
 .../pages/Authentication/ForgetPassword.js    |   179 -
 .../backoffice/pages/Authentication/Login.js  |   278 -
 .../backoffice/pages/Authentication/Logout.js |    21 -
 .../pages/Authentication/Register.js          |   186 -
 .../pages/Authentication/UserProfile.js       |   274 +-
 .../pages/AuthenticationInner/CarouselPage.js |    83 -
 .../AuthenticationInner/ForgetPassword.js     |   109 -
 .../pages/AuthenticationInner/Login.js        |   193 -
 .../pages/AuthenticationInner/Login2.js       |   169 -
 .../pages/AuthenticationInner/Recoverpw.js    |   108 -
 .../pages/AuthenticationInner/Recoverpw2.js   |   108 -
 .../pages/AuthenticationInner/Register.js     |   173 -
 .../pages/AuthenticationInner/Register2.js    |   172 -
 .../auth-email-verification-2.js              |    87 -
 .../auth-email-verification.js                |    93 -
 .../AuthenticationInner/auth-lock-screen-2.js |   116 -
 .../AuthenticationInner/auth-lock-screen.js   |   121 -
 .../auth-two-step-verification-2.js           |   123 -
 .../auth-two-step-verification.js             |   140 -
 .../page-confirm-mail-2.js                    |    83 -
 .../AuthenticationInner/page-confirm-mail.js  |    81 -
 .../src/backoffice/pages/Brand/BrandtList.js  |   415 +-
 .../src/backoffice/pages/Brand/EditBrand.js   |   168 +-
 .../backoffice/pages/Category/Editcategory.js |    10 +-
 .../src/backoffice/pages/Charts/Apexcharts.js |   144 -
 .../backoffice/pages/Charts/ChartistChart.js  |   290 -
 .../backoffice/pages/Charts/ChartjsChart.js   |   218 -
 Client/src/backoffice/pages/Charts/EChart.js  |   129 -
 .../backoffice/pages/Charts/SparklineChart.js |   234 -
 .../backoffice/pages/Charts/ToastUIChart.js   |   191 -
 .../backoffice/pages/Charts/charts-knob.js    |   207 -
 Client/src/backoffice/pages/Chat/Chat.js      |   657 -
 .../src/backoffice/pages/Dashboard/index.js   |   556 +-
 .../pages/Ecommerce/EcommerceAddProduct.js    |   313 -
 .../pages/Ecommerce/EcommerceCart.js          |   323 -
 .../pages/Ecommerce/EcommerceCheckout.js      |   809 -
 .../EcommerceCustomerColumns.js               |    91 -
 .../Ecommerce/EcommerceCustomers/index.js     |   159 -
 .../EcommerceOrders/EcommerceOrderColumns.js  |   115 -
 .../EcommerceOrders/EcommerceOrdersModal.js   |   115 -
 .../pages/Ecommerce/EcommerceOrders/index.js  |   176 -
 .../EcommerceProducts/RecentProducts.js       |    71 -
 .../Ecommerce/EcommerceProducts/Reviews.js    |    91 -
 .../Ecommerce/EcommerceProducts/index.js      |   477 -
 .../Ecommerce/EcommerceShops/CardShop.js      |    71 -
 .../pages/Ecommerce/EcommerceShops/index.js   |    68 -
 .../backoffice/pages/Forms/FormAdvanced.js    |  1596 --
 .../src/backoffice/pages/Forms/FormEditors.js |    66 -
 .../pages/Forms/FormElements/TextualInputs.js |   253 -
 .../pages/Forms/FormElements/index.js         |   963 -
 .../src/backoffice/pages/Forms/FormLayouts.js |   363 -
 Client/src/backoffice/pages/Forms/FormMask.js |   270 -
 .../backoffice/pages/Forms/FormRepeater.js    |   370 -
 .../src/backoffice/pages/Forms/FormUpload.js  |   151 -
 .../backoffice/pages/Forms/FormValidations.js |   634 -
 .../src/backoffice/pages/Forms/FormWizard.js  |   797 -
 .../Forms/FormWizardSteps/Settingmenu.js      |    51 -
 .../pages/Forms/FormWizardSteps/Settings.js   |    54 -
 .../FormWizardSteps/WizardFormFirstPage.js    |   235 -
 .../FormWizardSteps/WizardFormFourPage.js     |    53 -
 .../FormWizardSteps/WizardFormSecondPage.js   |   158 -
 .../FormWizardSteps/WizardFormThirdPage.js    |   142 -
 .../Forms/FormWizardSteps/renderField.js      |    13 -
 .../pages/Forms/FormWizardSteps/validate.js   |    23 -
 .../backoffice/pages/Forms/FormXeditable.js   |   177 -
 .../backoffice/pages/Icons/IconBoxicons.js    |    97 -
 .../backoffice/pages/Icons/IconDripicons.js   |   755 -
 .../backoffice/pages/Icons/IconFontawesome.js |   116 -
 .../pages/Icons/IconMaterialdesign.js         | 23608 ----------------
 .../backoffice/pages/Products/AddProduct.js   |   593 +-
 .../pages/Products/ProductDetail.js           |   347 +-
 Client/src/backoffice/pages/Products/index.js |   190 +-
 .../backoffice/pages/Tables/BasicTables.js    |   592 -
 .../pages/Tables/DatatableTables.js           |   566 -
 .../backoffice/pages/Tables/EditableTables.js |    80 -
 .../pages/Tables/ResponsiveTables.js          |   589 -
 .../backoffice/pages/Tables/datatables.scss   |   140 -
 .../pages/Ui/CarouselTypes/slide.js           |   102 -
 .../Ui/CarouselTypes/slidewithcaption.js      |   127 -
 .../Ui/CarouselTypes/slidewithcontrol.js      |   112 -
 .../pages/Ui/CarouselTypes/slidewithfade.js   |   123 -
 .../Ui/CarouselTypes/slidewithindicator.js    |   122 -
 Client/src/backoffice/pages/Ui/UiAlert.js     |   229 -
 Client/src/backoffice/pages/Ui/UiButtons.js   |   945 -
 Client/src/backoffice/pages/Ui/UiCards.js     |   718 -
 Client/src/backoffice/pages/Ui/UiCarousel.js  |   114 -
 Client/src/backoffice/pages/Ui/UiColors.js    |   162 -
 Client/src/backoffice/pages/Ui/UiDropdown.js  |   703 -
 Client/src/backoffice/pages/Ui/UiGeneral.js   |   847 -
 Client/src/backoffice/pages/Ui/UiGrid.js      |   167 -
 Client/src/backoffice/pages/Ui/UiImages.js    |   216 -
 Client/src/backoffice/pages/Ui/UiLightbox.js  |   447 -
 Client/src/backoffice/pages/Ui/UiModal.js     |   803 -
 .../src/backoffice/pages/Ui/UiProgressbar.js  |   366 -
 .../src/backoffice/pages/Ui/UiRangeSlider.js  |   234 -
 Client/src/backoffice/pages/Ui/UiRating.js    |   444 -
 .../backoffice/pages/Ui/UiSessionTimeout.js   |   135 -
 .../src/backoffice/pages/Ui/UiSweetAlert.js   |   572 -
 .../backoffice/pages/Ui/UiTabsAccordions.js   |   990 -
 .../src/backoffice/pages/Ui/UiTypography.js   |   349 -
 Client/src/backoffice/pages/Ui/UiVideo.js     |   118 -
 .../backoffice/pages/Ui/ui-notifications.js   |   661 -
 .../customSelectStyle.js                      |     2 +-
 .../{frontoffice => }/Brand/Brand.js          |     0
 .../{frontoffice => }/Filter/Filter.js        |     0
 .../components/Footer/FooterPage.js           |    82 +-
 .../{frontoffice => }/Header/Header.js        |     6 +-
 .../{frontoffice => }/Product/Product.js      |     2 +-
 .../ui/Accordion/Accordion.js                 |     2 +-
 .../{frontoffice => }/ui/Badge/Badge.js       |     2 +-
 .../{frontoffice => }/ui/Card/Card.js         |     2 +-
 .../{frontoffice => }/ui/Card/CardAvatar.js   |     2 +-
 .../{frontoffice => }/ui/Card/CardBody.js     |     2 +-
 .../{frontoffice => }/ui/Card/CardFooter.js   |     2 +-
 .../{frontoffice => }/ui/Card/CardHeader.js   |     2 +-
 .../{frontoffice => }/ui/Clearfix/Clearfix.js |     0
 .../ui/CustomButtons/Button.js                |     2 +-
 .../ui/CustomDropdown/CustomDropdown.js       |     2 +-
 .../ui/CustomFileInput/CustomFileInput.js     |     2 +-
 .../ui/CustomInput/CustomInput.js             |     2 +-
 .../CustomLinearProgress.js                   |     2 +-
 .../ui/CustomTabs/CustomTabs.js               |     2 +-
 .../ui/CustomUpload/ImageUpload.js            |     0
 .../{frontoffice => }/ui/Footer/Footer.js     |     2 +-
 .../ui/Grid/GridContainer.js                  |     0
 .../{frontoffice => }/ui/Grid/GridItem.js     |     0
 .../{frontoffice => }/ui/Header/Header.js     |     2 +-
 .../ui/Header/HeaderLinks.js                  |     2 +-
 .../{frontoffice => }/ui/InfoArea/InfoArea.js |     2 +-
 .../ui/Instruction/Instruction.js             |     2 +-
 .../{frontoffice => }/ui/Media/Media.js       |     2 +-
 .../{frontoffice => }/ui/NavPills/NavPills.js |     2 +-
 .../ui/Pagination/Pagination.js               |     2 +-
 .../{frontoffice => }/ui/Parallax/Parallax.js |     2 +-
 .../ui/Snackbar/SnackbarContent.js            |     2 +-
 .../{frontoffice => }/ui/Table/Table.js       |     2 +-
 .../{frontoffice => }/ui/Typography/Danger.js |     2 +-
 .../{frontoffice => }/ui/Typography/Info.js   |     2 +-
 .../{frontoffice => }/ui/Typography/Muted.js  |     2 +-
 .../ui/Typography/Primary.js                  |     2 +-
 .../{frontoffice => }/ui/Typography/Quote.js  |     2 +-
 .../{frontoffice => }/ui/Typography/Rose.js   |     2 +-
 .../{frontoffice => }/ui/Typography/Small.js  |     2 +-
 .../ui/Typography/Success.js                  |     2 +-
 .../ui/Typography/Warning.js                  |     2 +-
 .../pages/BrandSignup/BrandSignup.js          |   198 +-
 Client/src/frontoffice/pages/Brands/Brands.js |     7 +-
 .../pages/Home/Components/ProductList.js      |     4 +-
 Client/src/frontoffice/pages/Order/Order.js   |     2 +-
 .../pages/ProductDetails/ProductPage.js       |    20 +-
 .../pages/ProductShoppingCart/ShoppingCart.js |    12 +-
 Client/src/hook/useCartHook.js                |    21 +-
 Client/src/hook/useProductHook.js             |     9 +-
 Client/src/reducers/AdminReducers.js          |     2 +-
 Client/src/reducers/brandReducers.js          |     2 +-
 Client/src/reducers/contactReducers.js        |     2 +-
 Client/src/reducers/userReducers.js           |     2 +-
 README.md                                     |   176 +-
 Server/controller/Category.js                 |     6 +-
 Server/controller/brand.js                    |     1 -
 Server/controller/product.js                  |    25 +-
 Server/routes/brand.js                        |     2 +-
 Server/routes/category.js                     |    25 +-
 227 files changed, 1513 insertions(+), 57337 deletions(-)
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/ColumnWithDataLabels.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/LineColumnArea.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/PieChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/RadialChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/SplineArea.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/apaexlinecolumn.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/apexdonut.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/apexdonut1.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/areachart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/barchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/chartapex.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/dashedLine.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/dountchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/lineareachart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/salesdonut.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/apex/stackedbarchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/barchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/chartbar.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/dountchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/lineareachart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/linechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/piechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/smilanimations.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartist/stackedbarchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/barchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/dountchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/linechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/piechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/polarchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/chartjs/radarchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/bubblechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/candlestickchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/doughnutchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/gaugechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/linebarchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/linechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/piechart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/echart/scatterchart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/knob/knob.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/sparkline/sparkline.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/sparkline/sparkline1.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/AreaChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/BarChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/BoxPlotChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/BubbleChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/BulletChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/ColumnChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/DonutChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/HeatMapChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/HeatmapChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/LineChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/MapChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/PieChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/RadialChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/ScatterChartToast.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/TreeMapChart.js
 delete mode 100644 Client/src/backoffice/pages/AllCharts/toastui/toastui.scss
 delete mode 100644 Client/src/backoffice/pages/Authentication/ForgetPassword.js
 delete mode 100644 Client/src/backoffice/pages/Authentication/Login.js
 delete mode 100644 Client/src/backoffice/pages/Authentication/Logout.js
 delete mode 100644 Client/src/backoffice/pages/Authentication/Register.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/CarouselPage.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/ForgetPassword.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Login.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Login2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Recoverpw.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Recoverpw2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Register.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/Register2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-email-verification-2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-email-verification.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen-2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification-2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail-2.js
 delete mode 100644 Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail.js
 delete mode 100644 Client/src/backoffice/pages/Charts/Apexcharts.js
 delete mode 100644 Client/src/backoffice/pages/Charts/ChartistChart.js
 delete mode 100644 Client/src/backoffice/pages/Charts/ChartjsChart.js
 delete mode 100644 Client/src/backoffice/pages/Charts/EChart.js
 delete mode 100644 Client/src/backoffice/pages/Charts/SparklineChart.js
 delete mode 100644 Client/src/backoffice/pages/Charts/ToastUIChart.js
 delete mode 100644 Client/src/backoffice/pages/Charts/charts-knob.js
 delete mode 100644 Client/src/backoffice/pages/Chat/Chat.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceAddProduct.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceCart.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceCheckout.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/EcommerceCustomerColumns.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/index.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrderColumns.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrdersModal.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceOrders/index.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceProducts/RecentProducts.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceProducts/Reviews.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceProducts/index.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceShops/CardShop.js
 delete mode 100644 Client/src/backoffice/pages/Ecommerce/EcommerceShops/index.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormAdvanced.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormEditors.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormElements/TextualInputs.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormElements/index.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormLayouts.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormMask.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormRepeater.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormUpload.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormValidations.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizard.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/Settingmenu.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/Settings.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFirstPage.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFourPage.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormSecondPage.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormThirdPage.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/renderField.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormWizardSteps/validate.js
 delete mode 100644 Client/src/backoffice/pages/Forms/FormXeditable.js
 delete mode 100644 Client/src/backoffice/pages/Icons/IconBoxicons.js
 delete mode 100644 Client/src/backoffice/pages/Icons/IconDripicons.js
 delete mode 100644 Client/src/backoffice/pages/Icons/IconFontawesome.js
 delete mode 100644 Client/src/backoffice/pages/Icons/IconMaterialdesign.js
 delete mode 100644 Client/src/backoffice/pages/Tables/BasicTables.js
 delete mode 100644 Client/src/backoffice/pages/Tables/DatatableTables.js
 delete mode 100644 Client/src/backoffice/pages/Tables/EditableTables.js
 delete mode 100644 Client/src/backoffice/pages/Tables/ResponsiveTables.js
 delete mode 100644 Client/src/backoffice/pages/Tables/datatables.scss
 delete mode 100644 Client/src/backoffice/pages/Ui/CarouselTypes/slide.js
 delete mode 100644 Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcaption.js
 delete mode 100644 Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcontrol.js
 delete mode 100644 Client/src/backoffice/pages/Ui/CarouselTypes/slidewithfade.js
 delete mode 100644 Client/src/backoffice/pages/Ui/CarouselTypes/slidewithindicator.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiAlert.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiButtons.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiCards.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiCarousel.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiColors.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiDropdown.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiGeneral.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiGrid.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiImages.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiLightbox.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiModal.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiProgressbar.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiRangeSlider.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiRating.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiSessionTimeout.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiSweetAlert.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiTabsAccordions.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiTypography.js
 delete mode 100644 Client/src/backoffice/pages/Ui/UiVideo.js
 delete mode 100644 Client/src/backoffice/pages/Ui/ui-notifications.js
 rename Client/src/frontoffice/components/{frontoffice => }/Brand/Brand.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/Filter/Filter.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/Header/Header.js (97%)
 rename Client/src/frontoffice/components/{frontoffice => }/Product/Product.js (95%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Accordion/Accordion.js (96%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Badge/Badge.js (90%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Card/Card.js (96%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Card/CardAvatar.js (92%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Card/CardBody.js (93%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Card/CardFooter.js (92%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Card/CardHeader.js (93%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Clearfix/Clearfix.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomButtons/Button.js (95%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomDropdown/CustomDropdown.js (98%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomFileInput/CustomFileInput.js (96%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomInput/CustomInput.js (96%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomLinearProgress/CustomLinearProgress.js (88%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomTabs/CustomTabs.js (97%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/CustomUpload/ImageUpload.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Footer/Footer.js (94%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Grid/GridContainer.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Grid/GridItem.js (100%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Header/Header.js (97%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Header/HeaderLinks.js (99%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/InfoArea/InfoArea.js (95%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Instruction/Instruction.js (93%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Media/Media.js (93%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/NavPills/NavPills.js (97%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Pagination/Pagination.js (95%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Parallax/Parallax.js (95%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Snackbar/SnackbarContent.js (94%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Table/Table.js (98%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Danger.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Info.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Muted.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Primary.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Quote.js (92%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Rose.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Small.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Success.js (84%)
 rename Client/src/frontoffice/components/{frontoffice => }/ui/Typography/Warning.js (84%)

diff --git a/Client/config-overrides.js b/Client/config-overrides.js
index 71c7407..5807378 100644
--- a/Client/config-overrides.js
+++ b/Client/config-overrides.js
@@ -14,7 +14,7 @@ const {
     process.env.BUNDLE_VISUALIZE == 1 && addBundleVisualizer(),
     addWebpackAlias({
       ['@Components']: path.resolve(__dirname, './src/frontoffice/components'),
-      ['@FrontOfficeComponents']: path.resolve(__dirname, './src/frontoffice/components/frontoffice'),
+      ['@FrontOfficeComponents']: path.resolve(__dirname, './src/frontoffice/components'),
       ['@BackOfficeComponents']: path.resolve(__dirname, './src/backoffice/components'),
       ['@FrontOfficePages']: path.resolve(__dirname, './src/frontoffice/pages'),
       ['@BackOfficePages']: path.resolve(__dirname, './src/backoffice/pages'),
diff --git a/Client/package.json b/Client/package.json
index 45a2c3b..837e79d 100644
--- a/Client/package.json
+++ b/Client/package.json
@@ -96,7 +96,7 @@
         "react-router-dom": "^5.2.0",
         "react-script": "^2.0.5",
         "react-scripts": "3.4.3",
-        "react-select": "^3.1.1",
+        "react-select": "^3.2.0",
         "react-sparklines": "^1.7.0",
         "react-star-ratings": "^2.3.0",
         "react-stepzilla": "^6.0.2",
diff --git a/Client/public/index.html b/Client/public/index.html
index 02f42b8..0aa5d5a 100644
--- a/Client/public/index.html
+++ b/Client/public/index.html
@@ -32,9 +32,6 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root">
-      <div class="preloader">
-        <img src="%PUBLIC_URL%/puff.svg" alt="spinner">
-      </div>
     </div>
     <!--
       This HTML file is a template.
diff --git a/Client/src/actions/AdminAction.js b/Client/src/actions/AdminAction.js
index 097234f..d04fd12 100644
--- a/Client/src/actions/AdminAction.js
+++ b/Client/src/actions/AdminAction.js
@@ -132,9 +132,9 @@ export const categoryid = (id) => async (dispatch) => {
   try {
       dispatch({ type: categoryConstants.Category_START });
 
-      await axios.get(`/api/category/${id}`).then((resp) => {
+      await axios.get(`/api/Category/${id}`).then((resp) => {
           const categoryi = resp.data.data;
-        
+
           dispatch({
               type: categoryConstants.Category_SUCCESS,
               payload: categoryi,
diff --git a/Client/src/actions/cartAction.js b/Client/src/actions/cartAction.js
index 76c709d..9bb6507 100644
--- a/Client/src/actions/cartAction.js
+++ b/Client/src/actions/cartAction.js
@@ -1,7 +1,7 @@
 import axios from "axios";
 import * as cartConstants from "../constants/cartConstants";
 
-export const addToCart = (id, qty) => async (dispatch, getState) => {
+export const addToCart = (id, qty,colorSelect,sizeSelect) => async (dispatch, getState) => {
     try {
         await axios.get(`http://localhost:5000/api/product/${id}`).then((resp) => {
             const data = resp.data.data;
@@ -14,6 +14,8 @@ export const addToCart = (id, qty) => async (dispatch, getState) => {
                     productImage: data.productImage,
                     price: data.price,
                     countInStock: data.countInStock,
+                    selectedColor :colorSelect,
+                    selectedSize : sizeSelect,
                     qty
                 },
             });
diff --git a/Client/src/actions/productAction.js b/Client/src/actions/productAction.js
index 88733ba..3ad9560 100644
--- a/Client/src/actions/productAction.js
+++ b/Client/src/actions/productAction.js
@@ -8,7 +8,8 @@ export const listProducts = (productInfo) => async (dispatch) =>{
         sort,
         category,
         initialLoading,
-        ltORgt
+        ltORgt,
+        brand
     } = productInfo;
 
     try{
@@ -19,7 +20,9 @@ export const listProducts = (productInfo) => async (dispatch) =>{
         const queryString = [
             sort.length > 0 ? `sort=${sort.join(",")}` : "",
             searchProductKey !== "" ?`&keyword=${searchProductKey}` : "",
-            category !== "" ? `&category=${category}` : "",
+             category !== [] ? `&Category=${category}` : "",
+              brand !== [] ? `&Brand=${brand}` : "",
+
             `&priceMin=${ltORgt[0]}`,
             `&priceMax=${ltORgt[1]}`,
 
diff --git a/Client/src/backoffice/components/VerticalLayout/SidebarContent.js b/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
index 05b1feb..64f4959 100644
--- a/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
+++ b/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
@@ -88,7 +88,6 @@ class SidebarContent extends Component {
   render() {
     const userRole = JSON.parse(localStorage.getItem("userInfo")).role;
     const redirectTo = userRole === "admin" ? "admin" : "seller";
-    console.log(userRole)
     return (
       <React.Fragment>
         <SimpleBar style={{ maxHeight: "100%" }} ref={this.refDiv}>
@@ -118,6 +117,18 @@ class SidebarContent extends Component {
                         <span>Category</span>
                       </Link>
                     </li>
+                    <li>
+                      <Link to="/dashboard/admin/Products" className=" waves-effect">
+                        <i className="bx bx-store" />
+                        <span>Products</span>
+                      </Link>
+                    </li>
+                    <li>
+                      <Link to="/dashboard/admin/Order" className=" waves-effect">
+                        <i className="bx bx-file" />
+                        <span>Orders</span>
+                      </Link>
+                    </li>
                     <li>
                       <Link to="/dashboard/admin/userlist" className=" waves-effect">
                         <i className="bx bx-user-circle" />
@@ -130,15 +141,17 @@ class SidebarContent extends Component {
                         <span>Brands</span>
                       </Link>
                     </li>
+                   
                   </>
               ):(
                   <>
                     <li>
-                      <Link to="/dashboard/admin/brands" className=" waves-effect">
-                        <i className="bx bxs-user-detail" />
-                        <span>Brands</span>
+                      <Link to="/dashboard/admin/brand" className=" waves-effect">
+                        <i className="bx bx-file" />
+                        <span>My brand</span>
                       </Link>
                     </li>
+
                     <li>
                       <Link to="/dashboard/admin/Products" className=" waves-effect">
                         <i className="bx bx-store" />
@@ -151,12 +164,7 @@ class SidebarContent extends Component {
                         <span>Orders</span>
                       </Link>
                     </li>
-                    <li>
-                      <Link to="/dashboard/admin/brands" className=" waves-effect">
-                        <i className="bx bxs-user-detail" />
-                        <span>Brands</span>
-                      </Link>
-                    </li>
+                
                   </>
               )}
             </ul>
diff --git a/Client/src/backoffice/pages/AllCharts/apex/ColumnWithDataLabels.js b/Client/src/backoffice/pages/AllCharts/apex/ColumnWithDataLabels.js
deleted file mode 100644
index dd0d78d..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/ColumnWithDataLabels.js
+++ /dev/null
@@ -1,139 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class ColumnWithDataLabels extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          name: "Inflation",
-          data: [2.5, 3.2, 5.0, 10.1, 4.2, 3.8, 3, 2.4, 4.0, 1.2, 3.5, 0.8],
-        },
-      ],
-      options: {
-        chart: {
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            dataLabels: {
-              position: "top", // top, center, bottom
-            },
-          },
-        },
-        dataLabels: {
-          enabled: true,
-          formatter: function (val) {
-            return val + "%"
-          },
-          offsetY: -20,
-          style: {
-            fontSize: "12px",
-            colors: ["#304758"],
-          },
-        },
-
-        colors: ["#556ee6"],
-        grid: {
-          borderColor: "#f1f1f1",
-        },
-        xaxis: {
-          categories: [
-            "Jan",
-            "Feb",
-            "Mar",
-            "Apr",
-            "May",
-            "Jun",
-            "Jul",
-            "Aug",
-            "Sep",
-            "Oct",
-            "Nov",
-            "Dec",
-          ],
-          position: "top",
-          labels: {
-            offsetY: -18,
-          },
-          axisBorder: {
-            show: false,
-          },
-          axisTicks: {
-            show: false,
-          },
-          crosshairs: {
-            fill: {
-              type: "gradient",
-              gradient: {
-                colorFrom: "#D8E3F0",
-                colorTo: "#BED1E6",
-                stops: [0, 100],
-                opacityFrom: 0.4,
-                opacityTo: 0.5,
-              },
-            },
-          },
-          tooltip: {
-            enabled: true,
-            offsetY: -35,
-          },
-        },
-        fill: {
-          gradient: {
-            shade: "light",
-            type: "horizontal",
-            shadeIntensity: 0.25,
-            gradientToColors: undefined,
-            inverseColors: true,
-            opacityFrom: 1,
-            opacityTo: 1,
-            stops: [50, 0, 100, 100],
-          },
-        },
-        yaxis: {
-          axisBorder: {
-            show: false,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            show: false,
-            formatter: function (val) {
-              return val + "%"
-            },
-          },
-        },
-        title: {
-          text: "Monthly Inflation in Argentina, 2002",
-          floating: true,
-          offsetY: 330,
-          align: "center",
-          style: {
-            color: "#444",
-          },
-        },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="bar"
-          height={350}
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default ColumnWithDataLabels
diff --git a/Client/src/backoffice/pages/AllCharts/apex/LineColumnArea.js b/Client/src/backoffice/pages/AllCharts/apex/LineColumnArea.js
deleted file mode 100644
index 68bd444..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/LineColumnArea.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class LineColumnArea extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          name: "Team A",
-          type: "column",
-          data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30],
-        },
-        {
-          name: "Team B",
-          type: "area",
-          data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43],
-        },
-        {
-          name: "Team C",
-          type: "line",
-          data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39],
-        },
-      ],
-      options: {
-        chart: {
-          stacked: false,
-          toolbar: {
-            show: false,
-          },
-        },
-        stroke: {
-          width: [0, 2, 4],
-          curve: "smooth",
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: "50%",
-          },
-        },
-        colors: ["#f46a6a", "#556ee6", "#34c38f"],
-
-        fill: {
-          opacity: [0.85, 0.25, 1],
-          gradient: {
-            inverseColors: false,
-            shade: "light",
-            type: "vertical",
-            opacityFrom: 0.85,
-            opacityTo: 0.55,
-            stops: [0, 100, 100, 100],
-          },
-        },
-        labels: [
-          "01/01/2003",
-          "02/01/2003",
-          "03/01/2003",
-          "04/01/2003",
-          "05/01/2003",
-          "06/01/2003",
-          "07/01/2003",
-          "08/01/2003",
-          "09/01/2003",
-          "10/01/2003",
-          "11/01/2003",
-        ],
-        markers: {
-          size: 0,
-        },
-        legend: {
-          offsetY: 11,
-        },
-        xaxis: {
-          type: "datetime",
-        },
-        yaxis: {
-          title: {
-            text: "Points",
-          },
-        },
-        tooltip: {
-          shared: true,
-          intersect: false,
-          y: {
-            formatter: function (y) {
-              if (typeof y !== "undefined") {
-                return y.toFixed(0) + " points"
-              }
-              return y
-            },
-          },
-        },
-        grid: {
-          borderColor: "#f1f1f1",
-        },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="line"
-          height="350"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default LineColumnArea
diff --git a/Client/src/backoffice/pages/AllCharts/apex/PieChart.js b/Client/src/backoffice/pages/AllCharts/apex/PieChart.js
deleted file mode 100644
index 65452b3..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/PieChart.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class PieChart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [44, 55, 41, 17, 15],
-      options: {
-        labels: ["Series 1", "Series 2", "Series 3", "Series 4", "Series 5"],
-        colors: ["#34c38f", "#556ee6", "#f46a6a", "#50a5f1", "#f1b44c"],
-        legend: {
-          show: true,
-          position: "bottom",
-          horizontalAlign: "center",
-          verticalAlign: "middle",
-          floating: false,
-          fontSize: "14px",
-          offsetX: 0,
-          offsetY: -10,
-        },
-        responsive: [
-          {
-            breakpoint: 600,
-            options: {
-              chart: {
-                height: 240,
-              },
-              legend: {
-                show: false,
-              },
-            },
-          },
-        ],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="pie"
-          height="320"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default PieChart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/RadialChart.js b/Client/src/backoffice/pages/AllCharts/apex/RadialChart.js
deleted file mode 100644
index 5b39bfe..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/RadialChart.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class RadialChart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [44, 55, 67, 83],
-      options: {
-        plotOptions: {
-          radialBar: {
-            dataLabels: {
-              name: {
-                fontSize: "22px",
-              },
-              value: {
-                fontSize: "16px",
-              },
-              total: {
-                show: true,
-                label: "Total",
-                formatter: function (w) {
-                  // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
-                  return 249
-                },
-              },
-            },
-          },
-        },
-
-        labels: ["Computer", "Tablet", "Laptop", "Mobile"],
-        colors: ["#556ee6", "#34c38f", "#f46a6a", "#f1b44c"],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="radialBar"
-          height="370"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default RadialChart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/SplineArea.js b/Client/src/backoffice/pages/AllCharts/apex/SplineArea.js
deleted file mode 100644
index cc3b205..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/SplineArea.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class DashedLine extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          name: "series1",
-          data: [34, 40, 28, 52, 42, 109, 100],
-        },
-        {
-          name: "series2",
-          data: [32, 60, 34, 46, 34, 52, 41],
-        },
-      ],
-      options: {
-        dataLabels: {
-          enabled: false,
-        },
-        stroke: {
-          curve: "smooth",
-          width: 3,
-        },
-
-        colors: ["#556ee6", "#34c38f"],
-        xaxis: {
-          type: "datetime",
-          categories: [
-            "2018-09-19T00:00:00",
-            "2018-09-19T01:30:00",
-            "2018-09-19T02:30:00",
-            "2018-09-19T03:30:00",
-            "2018-09-19T04:30:00",
-            "2018-09-19T05:30:00",
-            "2018-09-19T06:30:00",
-          ],
-        },
-        grid: {
-          borderColor: "#f1f1f1",
-        },
-        tooltip: {
-          x: {
-            format: "dd/MM/yy HH:mm",
-          },
-        },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="area"
-          height="350"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default DashedLine
diff --git a/Client/src/backoffice/pages/AllCharts/apex/apaexlinecolumn.js b/Client/src/backoffice/pages/AllCharts/apex/apaexlinecolumn.js
deleted file mode 100644
index 10e111f..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/apaexlinecolumn.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class Apaexlinecolumn extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          name: "Net Profit",
-          data: [46, 57, 59, 54, 62, 58, 64, 60, 66],
-        },
-        {
-          name: "Revenue",
-          data: [74, 83, 102, 97, 86, 106, 93, 114, 94],
-        },
-        {
-          name: "Free Cash Flow",
-          data: [37, 42, 38, 26, 47, 50, 54, 55, 43],
-        },
-      ],
-      options: {
-        chart: {
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            horizontal: false,
-            columnWidth: "45%",
-            endingShape: "rounded",
-          },
-        },
-        dataLabels: {
-          enabled: false,
-        },
-        stroke: {
-          show: true,
-          width: 2,
-          colors: ["transparent"],
-        },
-
-        colors: ["#34c38f", "#556ee6", "#f46a6a"],
-        xaxis: {
-          categories: [
-            "Feb",
-            "Mar",
-            "Apr",
-            "May",
-            "Jun",
-            "Jul",
-            "Aug",
-            "Sep",
-            "Oct",
-          ],
-        },
-        yaxis: {
-          title: {
-            text: "$ (thousands)",
-          },
-        },
-        grid: {
-          borderColor: "#f1f1f1",
-        },
-        fill: {
-          opacity: 1,
-        },
-        tooltip: {
-          y: {
-            formatter: function (val) {
-              return "$ " + val + " thousands"
-            },
-          },
-        },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="bar"
-          height={350}
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default Apaexlinecolumn
diff --git a/Client/src/backoffice/pages/AllCharts/apex/apexdonut.js b/Client/src/backoffice/pages/AllCharts/apex/apexdonut.js
deleted file mode 100644
index 9786384..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/apexdonut.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class RadialChart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      options: {
-        plotOptions: {
-          radialBar: {
-            hollow: {
-              size: "45%",
-            },
-            dataLabels: {
-              value: {
-                show: false,
-              },
-            },
-          },
-        },
-        colors: ["rgb(2, 164, 153)"],
-        labels: [""],
-      },
-      series: [80],
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="radialBar"
-          height="143"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default RadialChart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/apexdonut1.js b/Client/src/backoffice/pages/AllCharts/apex/apexdonut1.js
deleted file mode 100644
index 7930fb0..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/apexdonut1.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class Apexdonut extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      options: {
-        plotOptions: {
-          radialBar: {
-            hollow: {
-              size: "45%",
-            },
-            dataLabels: {
-              value: {
-                show: false,
-              },
-            },
-          },
-        },
-        colors: ["rgb(2, 164, 153)"],
-        labels: [""],
-      },
-      series: [60],
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="radialBar"
-          height="143"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default Apexdonut
diff --git a/Client/src/backoffice/pages/AllCharts/apex/areachart.js b/Client/src/backoffice/pages/AllCharts/apex/areachart.js
deleted file mode 100644
index 3a00703..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/areachart.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class areachart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      options: {
-        colors: ["#ccc", "#3c4ccf", "#02a499"],
-        chart: {
-          toolbar: {
-            show: false,
-          },
-        },
-        dataLabels: {
-          enabled: false,
-        },
-        stroke: {
-          curve: "smooth",
-          width: 0.1,
-        },
-        grid: {
-          borderColor: "#f8f8fa",
-          row: {
-            colors: ["transparent", "transparent"], // takes an array which will be repeated on columns
-            opacity: 0.5,
-          },
-        },
-        xaxis: {
-          categories: ["2012", "2013", "2014", "2015", "2016", "2017", "2018"],
-          axisBorder: {
-            show: false,
-          },
-          axisTicks: {
-            show: false,
-          },
-        },
-        legend: {
-          show: false,
-        },
-      },
-      series: [
-        {
-          name: "Series A",
-          data: [0, 150, 60, 180, 90, 75, 30],
-        },
-        {
-          name: "Series B",
-          data: [0, 45, 150, 36, 60, 240, 30],
-        },
-        {
-          name: "Series C",
-          data: [0, 15, 195, 21, 360, 120, 30],
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="area"
-          height="290"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default areachart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/barchart.js b/Client/src/backoffice/pages/AllCharts/apex/barchart.js
deleted file mode 100644
index 96723cb..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/barchart.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class barchart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          data: [380, 430, 450, 475, 550, 584, 780, 1100, 1220, 1365],
-        },
-      ],
-      options: {
-        chart: {
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            horizontal: true,
-          },
-        },
-        dataLabels: {
-          enabled: false,
-        },
-
-        colors: ["#34c38f"],
-        grid: {
-          borderColor: "#f1f1f1",
-        },
-        xaxis: {
-          categories: [
-            "South Korea",
-            "Canada",
-            "United Kingdom",
-            "Netherlands",
-            "Italy",
-            "France",
-            "Japan",
-            "United States",
-            "China",
-            "Germany",
-          ],
-        },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="bar"
-          height="350"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default barchart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/chartapex.js b/Client/src/backoffice/pages/AllCharts/apex/chartapex.js
deleted file mode 100644
index 629d8ef..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/chartapex.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class chartapex extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        { name: "High - 2018", data: [26, 24, 32, 36, 33, 31, 33] },
-        { name: "Low - 2018", data: [14, 11, 16, 12, 17, 13, 12] },
-      ],
-      options: {
-        chart: { zoom: { enabled: !1 }, toolbar: { show: !1 } },
-        colors: ["#556ee6", "#34c38f"],
-        dataLabels: { enabled: !0 },
-        stroke: { width: [3, 3], curve: "straight" },
-        title: { text: "Average High & Low Temperature", align: "left" },
-        grid: {
-          row: { colors: ["transparent", "transparent"], opacity: 0.2 },
-          borderColor: "#f1f1f1",
-        },
-        markers: { style: "inverted", size: 6 },
-        xaxis: {
-          categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
-          title: { text: "Month" },
-        },
-        yaxis: { title: { text: "Temperature" }, min: 5, max: 40 },
-        legend: {
-          position: "top",
-          horizontalAlign: "right",
-          floating: !0,
-          offsetY: -25,
-          offsetX: -5,
-        },
-        responsive: [
-          {
-            breakpoint: 600,
-            options: { chart: { toolbar: { show: !1 } }, legend: { show: !1 } },
-          },
-        ],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="line"
-          height="380"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default chartapex
diff --git a/Client/src/backoffice/pages/AllCharts/apex/dashedLine.js b/Client/src/backoffice/pages/AllCharts/apex/dashedLine.js
deleted file mode 100644
index 7175fc1..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/dashedLine.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class DashedLine extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [
-        {
-          name: "Session Duration",
-          data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],
-        },
-        {
-          name: "Page Views",
-          data: [36, 42, 60, 42, 13, 18, 29, 37, 36, 51, 32, 35],
-        },
-        {
-          name: "Total Visits",
-          data: [89, 56, 74, 98, 72, 38, 64, 46, 84, 58, 46, 49],
-        },
-      ],
-      options: {
-        chart: { zoom: { enabled: !1 }, toolbar: { show: !1 } },
-        colors: ["#556ee6", "#f46a6a", "#34c38f"],
-        dataLabels: { enabled: !1 },
-        stroke: { width: [3, 4, 3], curve: "straight", dashArray: [0, 8, 5] },
-        title: { text: "Page Statistics", align: "left" },
-        markers: { size: 0, hover: { sizeOffset: 6 } },
-        xaxis: {
-          categories: [
-            "01 Jan",
-            "02 Jan",
-            "03 Jan",
-            "04 Jan",
-            "05 Jan",
-            "06 Jan",
-            "07 Jan",
-            "08 Jan",
-            "09 Jan",
-            "10 Jan",
-            "11 Jan",
-            "12 Jan",
-          ],
-        },
-        tooltip: {
-          y: [
-            {
-              title: {
-                formatter: function (e) {
-                  return e + " (mins)"
-                },
-              },
-            },
-            {
-              title: {
-                formatter: function (e) {
-                  return e + " per session"
-                },
-              },
-            },
-            {
-              title: {
-                formatter: function (e) {
-                  return e
-                },
-              },
-            },
-          ],
-        },
-        grid: { borderColor: "#f1f1f1" },
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="line"
-          height="380"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default DashedLine
diff --git a/Client/src/backoffice/pages/AllCharts/apex/dountchart.js b/Client/src/backoffice/pages/AllCharts/apex/dountchart.js
deleted file mode 100644
index 3e945b5..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/dountchart.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class dountchart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      series: [44, 55, 41, 17, 15],
-      options: {
-        labels: ["Series 1", "Series 2", "Series 3", "Series 4", "Series 5"],
-        colors: ["#34c38f", "#556ee6", "#f46a6a", "#50a5f1", "#f1b44c"],
-        legend: {
-          show: true,
-          position: "bottom",
-          horizontalAlign: "center",
-          verticalAlign: "middle",
-          floating: false,
-          fontSize: "14px",
-          offsetX: 0,
-          offsetY: -10,
-        },
-        responsive: [
-          {
-            breakpoint: 600,
-            options: {
-              chart: {
-                height: 240,
-              },
-              legend: {
-                show: false,
-              },
-            },
-          },
-        ],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="donut"
-          height="320"
-          className="apex-charts"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default dountchart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/lineareachart.js b/Client/src/backoffice/pages/AllCharts/apex/lineareachart.js
deleted file mode 100644
index eeddf65..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/lineareachart.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class lineareachart extends Component {
-  render() {
-    var lineChartData = {
-      labels: [1, 2, 3, 4, 5, 6, 7, 8],
-      series: [[5, 9, 7, 8, 5, 3, 5, 4]],
-    }
-    var lineChartOptions = {
-      low: 0,
-      showArea: true,
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          data={lineChartData}
-          style={{ height: "290px" }}
-          options={lineChartOptions}
-          type={"Line"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default lineareachart
diff --git a/Client/src/backoffice/pages/AllCharts/apex/salesdonut.js b/Client/src/backoffice/pages/AllCharts/apex/salesdonut.js
deleted file mode 100644
index e875e14..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/salesdonut.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class Salesdonut extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      options: {
-        dataLabels: {
-          enabled: false,
-        },
-        legend: {
-          show: false,
-        },
-        plotOptions: {
-          pie: {
-            donut: {
-              size: "80%",
-            },
-          },
-        },
-        colors: ["#626ed4", "#02a499", "#f8b425"],
-      },
-      series: [54, 28, 17],
-      labels: [1, 2, 3],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="donut"
-          height="220"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default Salesdonut
diff --git a/Client/src/backoffice/pages/AllCharts/apex/stackedbarchart.js b/Client/src/backoffice/pages/AllCharts/apex/stackedbarchart.js
deleted file mode 100644
index 42e1949..0000000
--- a/Client/src/backoffice/pages/AllCharts/apex/stackedbarchart.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { Component } from "react"
-import ReactApexChart from "react-apexcharts"
-
-class stackedbarchart extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      options: {
-        colors: ["#3c4ccf", "#f0f1f4"],
-        chart: {
-          stacked: true,
-          toolbar: {
-            show: false,
-          },
-        },
-        dataLabels: {
-          enabled: false,
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: "40%",
-          },
-        },
-        grid: {
-          borderColor: "#f8f8fa",
-          row: {
-            colors: ["transparent", "transparent"], // takes an array which will be repeated on columns
-            opacity: 0.5,
-          },
-        },
-
-        xaxis: {
-          categories: [
-            2007,
-            2008,
-            2009,
-            2010,
-            2011,
-            2012,
-            2013,
-            2014,
-            2015,
-            2016,
-            2017,
-            2018,
-          ],
-          labels: {
-            formatter: function (val) {
-              return val
-            },
-          },
-          axisBorder: {
-            show: false,
-          },
-          axisTicks: {
-            show: false,
-          },
-        },
-        yaxis: {
-          title: {
-            text: undefined,
-          },
-        },
-        tooltip: {
-          y: {
-            formatter: function (val) {
-              return val
-            },
-          },
-        },
-        fill: {
-          opacity: 1,
-        },
-
-        legend: {
-          show: false,
-          position: "top",
-          horizontalAlign: "left",
-          offsetX: 40,
-        },
-      },
-      series: [
-        {
-          name: "Series A",
-          data: [45, 75, 100, 75, 100, 75, 50, 75, 50, 75, 100, 80],
-        },
-        {
-          name: "Series B",
-          data: [180, 65, 90, 65, 90, 65, 40, 65, 40, 65, 90, 65],
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactApexChart
-          options={this.state.options}
-          series={this.state.series}
-          type="bar"
-          height="290"
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default stackedbarchart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/barchart.js b/Client/src/backoffice/pages/AllCharts/chartist/barchart.js
deleted file mode 100644
index fc7582d..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/barchart.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class barchart extends Component {
-  render() {
-    const barChartData = {
-      labels: [
-        "Jan",
-        "Feb",
-        "Mar",
-        "Apr",
-        "Mai",
-        "Jun",
-        "Jul",
-        "Aug",
-        "Sep",
-        "Oct",
-        "Nov",
-        "Dec"
-      ],
-      series: [
-        [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8],
-        [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4]
-      ]
-    }
-    const barChartOptions = {
-      low: 0,
-      showArea: true,
-      seriesBarDistance: 10
-    }
-
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          style={{ height: "300px" }}
-          data={barChartData}
-          options={barChartOptions}
-          type={"Bar"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default barchart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/chartbar.js b/Client/src/backoffice/pages/AllCharts/chartist/chartbar.js
deleted file mode 100644
index 04ecdef..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/chartbar.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class chartbar extends Component {
-  render() {
-    const barChartData = {
-      labels: ["W1", "W2", "W3", "W4", "W5", "W6", "W7", "W8", "W9", "W10"],
-      series: [[1, 2, 4, 8, 6, -2, -1, -4, -6, -2]]
-    }
-    const barChartOptions = {
-      high: 10,
-      low: -10
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          style={{ height: "300px" }}
-          data={barChartData}
-          options={barChartOptions}
-          type={"Bar"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default chartbar
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/dountchart.js b/Client/src/backoffice/pages/AllCharts/chartist/dountchart.js
deleted file mode 100644
index 82d32f4..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/dountchart.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class dountchart extends Component {
-  render() {
-    const dountChartData = {
-      series: [10, 20, 50, 20, 5, 50, 15],
-      labels: [1, 2, 3, 4, 5, 6, 7]
-    }
-    const dountChartOptions = {
-      donut: true,
-      showLabel: false,
-      "stroke-dashoffset": {
-        //id: 'anim' + data.index,
-        dur: 1000,
-        // from: -pathLength + 'px',
-        to: "0px",
-        // easing: Chartist.Svg.Easing.easeOutQuint,
-        fill: "freeze"
-      }
-    }
-
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          style={{ height: "300px" }}
-          data={dountChartData}
-          options={dountChartOptions}
-          type={"Pie"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default dountchart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/lineareachart.js b/Client/src/backoffice/pages/AllCharts/chartist/lineareachart.js
deleted file mode 100644
index 00c23e6..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/lineareachart.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class lineareachart extends Component {
-  render() {
-    const lineChartData = {
-      labels: [1, 2, 3, 4, 5, 6, 7, 8],
-      series: [[5, 9, 7, 8, 5, 3, 5, 4]]
-    }
-    const lineChartOptions = {
-      low: 0,
-      showArea: true
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          style={{ height: "300px" }}
-          data={lineChartData}
-          options={lineChartOptions}
-          type={"Line"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default lineareachart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/linechart.js b/Client/src/backoffice/pages/AllCharts/chartist/linechart.js
deleted file mode 100644
index 3f680f0..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/linechart.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class linechart extends Component {
-  render() {
-    const lineChartData = {
-      labels: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
-      series: [
-        [12, 9, 7, 8, 5],
-        [2, 1, 3.5, 7, 3],
-        [1, 3, 4, 5, 6]
-      ]
-    }
-    const lineChartOptions = {
-      fullWidth: true,
-      chartPadding: {
-        right: 40
-      }
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          data={lineChartData}
-          options={lineChartOptions}
-          type={"Line"}
-          style={{ height: "300px" }}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default linechart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/piechart.js b/Client/src/backoffice/pages/AllCharts/chartist/piechart.js
deleted file mode 100644
index f587003..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/piechart.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class piechart extends Component {
-  render() {
-    var pieChartData = {
-      series: [5, 3, 4],
-      labels: ["42%", "25%", "33%"],
-    }
-    var pieChartOptions = {
-      showLabel: true,
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          data={pieChartData}
-          options={pieChartOptions}
-          style={{ height: "300px" }}
-          type={"Pie"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default piechart
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/smilanimations.js b/Client/src/backoffice/pages/AllCharts/chartist/smilanimations.js
deleted file mode 100644
index e2c10f8..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/smilanimations.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class smilanimations extends Component {
-  render() {
-    var smilChartData = {
-      labels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
-      series: [
-        [12, 9, 7, 8, 5, 4, 6, 2, 3, 3, 4, 6],
-        [4, 5, 3, 7, 3, 5, 5, 3, 4, 4, 5, 5],
-        [5, 3, 4, 5, 6, 3, 3, 4, 5, 6, 3, 4],
-        [3, 4, 5, 6, 7, 6, 4, 5, 6, 7, 6, 3],
-      ],
-    }
-    var smilChartOptions = {
-      high: 12.5,
-      low: 0,
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          data={smilChartData}
-          style={{ height: "300px" }}
-          options={smilChartOptions}
-          type={"Line"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default smilanimations
diff --git a/Client/src/backoffice/pages/AllCharts/chartist/stackedbarchart.js b/Client/src/backoffice/pages/AllCharts/chartist/stackedbarchart.js
deleted file mode 100644
index c0dc903..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartist/stackedbarchart.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { Component } from "react"
-import ChartistGraph from "react-chartist"
-
-class stackedbarchart extends Component {
-  render() {
-    var barChartData = {
-      labels: ["Q1", "Q2", "Q3", "Q4", "Q5", "Q6"],
-      series: [
-        [800000, 1200000, 1400000, 1300000, 1520000, 1400000],
-        [200000, 400000, 500000, 300000, 452000, 500000],
-        [160000, 290000, 410000, 600000, 588000, 410000],
-      ],
-    }
-    var barChartOptions = {
-      stackBars: true,
-      axisY: {
-        labelInterpolationFnc: function (value) {
-          return value / 1000 + "k"
-        },
-      },
-    }
-    return (
-      <React.Fragment>
-        <ChartistGraph
-          data={barChartData}
-          style={{ height: "300px" }}
-          options={barChartOptions}
-          type={"Bar"}
-        />
-      </React.Fragment>
-    )
-  }
-}
-
-export default stackedbarchart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/barchart.js b/Client/src/backoffice/pages/AllCharts/chartjs/barchart.js
deleted file mode 100644
index 8cab77f..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/barchart.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { Component } from "react"
-import { Bar } from "react-chartjs-2"
-
-class BarChart extends Component {
-  render() {
-    const data = {
-      labels: ["January", "February", "March", "April", "May", "June", "July"],
-      datasets: [
-        {
-          label: "Sales Analytics",
-          backgroundColor: "rgba(52, 195, 143, 0.8)",
-          borderColor: "rgba(52, 195, 143, 0.8)",
-          borderWidth: 1,
-          hoverBackgroundColor: "rgba(52, 195, 143, 0.9)",
-          hoverBorderColor: "rgba(52, 195, 143, 0.9)",
-          data: [65, 59, 81, 45, 56, 80, 50, 20],
-        },
-      ],
-    }
-
-    const option = {
-      scales: {
-        dataset: [
-          {
-            barPercentage: 0.4,
-          },
-        ],
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <Bar width={474} height={300} data={data} options={option} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default BarChart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/dountchart.js b/Client/src/backoffice/pages/AllCharts/chartjs/dountchart.js
deleted file mode 100644
index 0721d3f..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/dountchart.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React, { Component } from "react"
-import { Doughnut } from "react-chartjs-2"
-
-class DountChart extends Component {
-  render() {
-    const data = {
-      labels: ["Desktops", "Tablets"],
-      datasets: [
-        {
-          data: [300, 210],
-          backgroundColor: ["#556ee6", "#ebeff2"],
-          hoverBackgroundColor: ["#556ee6", "#ebeff2"],
-          hoverBorderColor: "#fff",
-        },
-      ],
-    }
-    return (
-      <React.Fragment>
-        <Doughnut width={474} height={260} data={data} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default DountChart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/linechart.js b/Client/src/backoffice/pages/AllCharts/chartjs/linechart.js
deleted file mode 100644
index 243e763..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/linechart.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React, { Component } from "react"
-import { Line } from "react-chartjs-2"
-
-class LineChart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-  render() {
-    const data = {
-      labels: [
-        "January",
-        "February",
-        "March",
-        "April",
-        "May",
-        "June",
-        "July",
-        "August",
-        "September",
-        "October",
-      ],
-      datasets: [
-        {
-          label: "Sales Analytics",
-          fill: true,
-          lineTension: 0.5,
-          backgroundColor: "rgba(85, 110, 230, 0.2)",
-          borderColor: "#556ee6",
-          borderCapStyle: "butt",
-          borderDash: [],
-          borderDashOffset: 0.0,
-          borderJoinStyle: "miter",
-          pointBorderColor: "#556ee6",
-          pointBackgroundColor: "#fff",
-          pointBorderWidth: 1,
-          pointHoverRadius: 5,
-          pointHoverBackgroundColor: "#556ee6",
-          pointHoverBorderColor: "#fff",
-          pointHoverBorderWidth: 2,
-          pointRadius: 1,
-          pointHitRadius: 10,
-          data: [65, 59, 80, 81, 56, 55, 40, 55, 30, 80],
-        },
-        {
-          label: "Monthly Earnings",
-          fill: true,
-          lineTension: 0.5,
-          backgroundColor: "rgba(235, 239, 242, 0.2)",
-          borderColor: "#ebeff2",
-          borderCapStyle: "butt",
-          borderDash: [],
-          borderDashOffset: 0.0,
-          borderJoinStyle: "miter",
-          pointBorderColor: "#ebeff2",
-          pointBackgroundColor: "#fff",
-          pointBorderWidth: 1,
-          pointHoverRadius: 5,
-          pointHoverBackgroundColor: "#ebeff2",
-          pointHoverBorderColor: "#eef0f2",
-          pointHoverBorderWidth: 2,
-          pointRadius: 1,
-          pointHitRadius: 10,
-          data: [80, 23, 56, 65, 23, 35, 85, 25, 92, 36],
-        },
-      ],
-    }
-    var option = {
-      scales: {
-        yAxes: [
-          {
-            ticks: {
-              max: 100,
-              min: 20,
-              stepSize: 10,
-            },
-          },
-        ],
-      },
-    }
-    return (
-      <React.Fragment>
-        <Line width={474} height={300} data={data} options={option} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default LineChart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/piechart.js b/Client/src/backoffice/pages/AllCharts/chartjs/piechart.js
deleted file mode 100644
index ecd99c6..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/piechart.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { Component } from "react"
-import { Pie } from "react-chartjs-2"
-
-class PieChart extends Component {
-  render() {
-    const data = {
-      labels: ["Desktops", "Tablets"],
-      datasets: [
-        {
-          data: [300, 180],
-          backgroundColor: ["#34c38f", "#ebeff2"],
-          hoverBackgroundColor: ["#34c38f", "#ebeff2"],
-          hoverBorderColor: "#fff",
-        },
-      ],
-    }
-
-    return (
-      <React.Fragment>
-        <Pie width={474} height={260} data={data} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default PieChart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/polarchart.js b/Client/src/backoffice/pages/AllCharts/chartjs/polarchart.js
deleted file mode 100644
index 5778642..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/polarchart.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { Component } from "react"
-import { Polar } from "react-chartjs-2"
-
-class PolarChart extends Component {
-  render() {
-    const data = {
-      datasets: [
-        {
-          data: [11, 16, 7, 18],
-          backgroundColor: ["#f46a6a", "#34c38f", "#f1b44c", "#556ee6"],
-          label: "My dataset", // for legend
-          hoverBorderColor: "#fff",
-        },
-      ],
-      labels: ["Series 1", "Series 2", "Series 3", "Series 4"],
-    }
-
-    return (
-      <React.Fragment>
-        <Polar width={474} height={300} data={data} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default PolarChart
diff --git a/Client/src/backoffice/pages/AllCharts/chartjs/radarchart.js b/Client/src/backoffice/pages/AllCharts/chartjs/radarchart.js
deleted file mode 100644
index 992862f..0000000
--- a/Client/src/backoffice/pages/AllCharts/chartjs/radarchart.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { Component } from "react"
-import { Radar } from "react-chartjs-2"
-
-class RadarChart extends Component {
-  render() {
-    const data = {
-      labels: [
-        "Eating",
-        "Drinking",
-        "Sleeping",
-        "Designing",
-        "Coding",
-        "Cycling",
-        "Running",
-      ],
-      datasets: [
-        {
-          label: "Desktops",
-          backgroundColor: "rgba(52, 195, 143, 0.2)",
-          borderColor: "#34c38f",
-          pointBackgroundColor: "#34c38f",
-          pointBorderColor: "#fff",
-          pointHoverBackgroundColor: "#fff",
-          pointHoverBorderColor: "#34c38f",
-          data: [65, 59, 90, 81, 56, 55, 40],
-        },
-        {
-          label: "Tablets",
-          backgroundColor: "rgba(85, 110, 230, 0.2)",
-          borderColor: "#556ee6",
-          pointBackgroundColor: "#556ee6",
-          pointBorderColor: "#fff",
-          pointHoverBackgroundColor: "#fff",
-          pointHoverBorderColor: "#556ee6",
-          data: [28, 48, 40, 19, 96, 27, 100],
-        },
-      ],
-    }
-
-    return (
-      <React.Fragment>
-        <Radar width={474} height={300} data={data} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default RadarChart
diff --git a/Client/src/backoffice/pages/AllCharts/echart/bubblechart.js b/Client/src/backoffice/pages/AllCharts/echart/bubblechart.js
deleted file mode 100644
index 5a025d9..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/bubblechart.js
+++ /dev/null
@@ -1,179 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-import echarts from "echarts"
-
-var data = [
-  [
-    [28604, 77, 17096869, "Australia", 1990],
-    [31163, 77.4, 27662440, "Canada", 1990],
-    [1516, 68, 1154605773, "China", 1990],
-    [13670, 74.7, 10582082, "Cuba", 1990],
-    [28599, 75, 4986705, "Finland", 1990],
-    [29476, 77.1, 56943299, "France", 1990],
-    [31476, 75.4, 78958237, "Germany", 1990],
-    [28666, 78.1, 254830, "Iceland", 1990],
-    [1777, 57.7, 870601776, "India", 1990],
-    [29550, 79.1, 122249285, "Japan", 1990],
-    [2076, 67.9, 20194354, "North Korea", 1990],
-    [12087, 72, 42972254, "South Korea", 1990],
-    [24021, 75.4, 3397534, "New Zealand", 1990],
-    [43296, 76.8, 4240375, "Norway", 1990],
-    [10088, 70.8, 38195258, "Poland", 1990],
-    [19349, 69.6, 147568552, "Russia", 1990],
-    [10670, 67.3, 53994605, "Turkey", 1990],
-    [26424, 75.7, 57110117, "United Kingdom", 1990],
-    [37062, 75.4, 252847810, "United States", 1990],
-  ],
-  [
-    [44056, 81.8, 23968973, "Australia", 2015],
-    [43294, 81.7, 35939927, "Canada", 2015],
-    [13334, 76.9, 1376048943, "China", 2015],
-    [21291, 78.5, 11389562, "Cuba", 2015],
-    [38923, 80.8, 5503457, "Finland", 2015],
-    [37599, 81.9, 64395345, "France", 2015],
-    [44053, 81.1, 80688545, "Germany", 2015],
-    [42182, 82.8, 329425, "Iceland", 2015],
-    [5903, 66.8, 1311050527, "India", 2015],
-    [36162, 83.5, 126573481, "Japan", 2015],
-    [1390, 71.4, 25155317, "North Korea", 2015],
-    [34644, 80.7, 50293439, "South Korea", 2015],
-    [34186, 80.6, 4528526, "New Zealand", 2015],
-    [64304, 81.6, 5210967, "Norway", 2015],
-    [24787, 77.3, 38611794, "Poland", 2015],
-    [23038, 73.13, 143456918, "Russia", 2015],
-    [19360, 76.5, 78665830, "Turkey", 2015],
-    [38225, 81.4, 64715810, "United Kingdom", 2015],
-    [53354, 79.1, 321773631, "United States", 2015],
-  ],
-]
-
-class Bubble extends Component {
-  getOption = () => {
-    return {
-      tooltip: {
-        trigger: "axis",
-        show: false,
-      },
-      toolbox: {
-        show: false,
-      },
-      grid: {
-        zlevel: 0,
-        x: 50,
-        x2: 50,
-        y: 30,
-        y2: 30,
-        borderWidth: 0,
-        backgroundColor: "rgba(0,0,0,0)",
-        borderColor: "rgba(0,0,0,0)",
-      },
-      legend: {
-        right: 10,
-        data: ["2018", "2019"],
-      },
-      xAxis: {
-        splitLine: {
-          lineStyle: {
-            type: "dashed",
-          },
-        },
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      yAxis: {
-        splitLine: {
-          lineStyle: {
-            type: "dashed",
-          },
-        },
-        scale: true,
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      series: [
-        {
-          name: "2018",
-          data: data[0],
-          type: "scatter",
-          symbolSize: function (data) {
-            return Math.sqrt(data[2]) / 5e2
-          },
-          label: {
-            emphasis: {
-              show: true,
-              formatter: function (param) {
-                return param.data[3]
-              },
-              position: "top",
-            },
-          },
-          itemStyle: {
-            normal: {
-              shadowBlur: 10,
-              shadowColor: "rgba(85, 110, 230, 0.5)",
-              shadowOffsetY: 5,
-              color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
-                {
-                  offset: 0,
-                  color: "rgb(134, 204, 255)",
-                },
-                {
-                  offset: 1,
-                  color: "rgb(85, 110, 230)",
-                },
-              ]),
-            },
-          },
-        },
-        {
-          name: "2019",
-          data: data[1],
-          type: "scatter",
-          symbolSize: function (data) {
-            return Math.sqrt(data[2]) / 5e2
-          },
-          label: {
-            emphasis: {
-              show: true,
-              formatter: function (param) {
-                return param.data[3]
-              },
-              position: "top",
-            },
-          },
-          itemStyle: {
-            normal: {
-              shadowBlur: 10,
-              shadowColor: "rgba(52, 195, 143, 0.5)",
-              shadowOffsetY: 5,
-              color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
-                {
-                  offset: 0,
-                  color: "rgb(111, 255, 203)",
-                },
-                {
-                  offset: 1,
-                  color: "rgb(52, 195, 143)",
-                },
-              ]),
-            },
-          },
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Bubble
diff --git a/Client/src/backoffice/pages/AllCharts/echart/candlestickchart.js b/Client/src/backoffice/pages/AllCharts/echart/candlestickchart.js
deleted file mode 100644
index 578c004..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/candlestickchart.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class Candlestick extends Component {
-  getOption = () => {
-    return {
-      tooltip: {
-        trigger: "axis",
-      },
-      toolbox: {
-        show: false,
-        feature: {
-          saveAsImage: {},
-        },
-      },
-      grid: {
-        zlevel: 0,
-        x: 50,
-        x2: 50,
-        y: 30,
-        y2: 30,
-        borderWidth: 0,
-        backgroundColor: "rgba(0,0,0,0)",
-        borderColor: "rgba(0,0,0,0)",
-      },
-      xAxis: {
-        data: ["2017-10-24", "2017-10-25", "2017-10-26", "2017-10-27"],
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      yAxis: {
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      series: [
-        {
-          type: "k",
-          data: [
-            [20, 30, 10, 35],
-            [40, 35, 30, 55],
-            [33, 38, 33, 40],
-            [40, 40, 32, 42],
-          ],
-
-          itemStyle: {
-            normal: {
-              color: "#556ee6",
-              color0: "#34c38f",
-              borderColor: "#556ee6",
-              borderColor0: "#34c38f",
-            },
-          },
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Candlestick
diff --git a/Client/src/backoffice/pages/AllCharts/echart/doughnutchart.js b/Client/src/backoffice/pages/AllCharts/echart/doughnutchart.js
deleted file mode 100644
index 3c3babe..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/doughnutchart.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class Doughnut extends Component {
-  getOption = () => {
-    return {
-      toolbox: {
-        show: false,
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)",
-      },
-      legend: {
-        orient: "vertical",
-        x: "left",
-        data: ["Laptop", "Tablet", "Mobile", "Others", "Desktop"],
-        textStyle: {
-          color: ["#74788d"],
-        },
-      },
-      color: ["#556ee6", "#f1b44c", "#f46a6a", "#50a5f1", "#34c38f"],
-      series: [
-        {
-          name: "Total sales",
-          type: "pie",
-          radius: ["50%", "70%"],
-          avoidLabelOverlap: false,
-          label: {
-            normal: {
-              show: false,
-              position: "center",
-            },
-            emphasis: {
-              show: true,
-              textStyle: {
-                fontSize: "30",
-                fontWeight: "bold",
-              },
-            },
-          },
-          labelLine: {
-            normal: {
-              show: false,
-            },
-          },
-          data: [
-            { value: 335, name: "Laptop" },
-            { value: 310, name: "Tablet" },
-            { value: 234, name: "Mobile" },
-            { value: 135, name: "Others" },
-            { value: 1548, name: "Desktop" },
-          ],
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Doughnut
diff --git a/Client/src/backoffice/pages/AllCharts/echart/gaugechart.js b/Client/src/backoffice/pages/AllCharts/echart/gaugechart.js
deleted file mode 100644
index 0c99193..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/gaugechart.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { Component } from "react"
-import cloneDeep from "lodash.clonedeep"
-import ReactEcharts from "echarts-for-react"
-
-class Guage extends Component {
-  constructor(props) {
-    super(props)
-    this.state = this.getInitialState()
-  }
-
-  getOption = () => {
-    return {
-      tooltip: {
-        formatter: "{a} <br/>{b} : {c}%",
-      },
-      toolbox: {
-        feature: {
-          restore: {},
-          saveAsImage: {},
-        },
-      },
-      series: [
-        {
-          name: "Business indicator",
-          type: "gauge",
-          detail: { formatter: "{value}%" },
-          axisLine: {
-            lineStyle: {
-              color: [
-                [0.2, "#34c38f"],
-                [0.8, "#556ee6"],
-                [1, "#f46a6a"],
-              ],
-              width: 20,
-            },
-          },
-          data: [{ value: 50, name: "Completion rate" }],
-        },
-      ],
-    }
-  }
-
-  timeTicket = null
-  getInitialState = () => ({ option: this.getOption() })
-
-  componentDidMount() {
-    if (this.timeTicket) {
-      clearInterval(this.timeTicket)
-    }
-    this.timeTicket = setInterval(() => {
-      const option = cloneDeep(this.state.option)
-      option.series[0].data.value = (Math.random() * 100).toFixed(2) - 0
-      this.setState({ option: option })
-    }, 2000)
-  }
-
-  componentWillUnmount() {
-    if (this.timeTicket) {
-      clearInterval(this.timeTicket)
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Guage
diff --git a/Client/src/backoffice/pages/AllCharts/echart/linebarchart.js b/Client/src/backoffice/pages/AllCharts/echart/linebarchart.js
deleted file mode 100644
index c1f5061..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/linebarchart.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class LineBar extends Component {
-  getOption = () => {
-    return {
-      grid: {
-        zlevel: 0,
-        x: 80,
-        x2: 50,
-        y: 30,
-        y2: 30,
-        borderWidth: 0,
-        backgroundColor: "rgba(0,0,0,0)",
-        borderColor: "rgba(0,0,0,0)",
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "cross",
-          crossStyle: {
-            color: "#999",
-          },
-        },
-      },
-      toolbox: {
-        orient: "center",
-        left: 0,
-        top: 20,
-        feature: {
-          dataView: { show: true, readOnly: false },
-          magicType: { show: true, type: ["line", "bar"] },
-          restore: { show: true },
-          saveAsImage: { show: true },
-        },
-      },
-      color: ["#34c38f", "#556ee6", "#f46a6a"],
-      legend: {
-        data: ["Evaporation", "Precipitation", "Average temperature"],
-        textStyle: {
-          color: ["#8791af"],
-        },
-      },
-      xAxis: [
-        {
-          type: "category",
-          data: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
-          axisPointer: {
-            type: "shadow",
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#8791af",
-            },
-          },
-        },
-      ],
-      yAxis: [
-        {
-          type: "value",
-          name: "Water volume",
-          min: 0,
-          max: 250,
-          interval: 50,
-          axisLabel: {
-            formatter: "{value} ml",
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#8791af",
-            },
-          },
-        },
-        {
-          type: "value",
-          name: "Temperature",
-          min: 0,
-          max: 25,
-          interval: 5,
-          axisLabel: {
-            formatter: "{value} °C",
-          },
-        },
-      ],
-      series: [
-        {
-          name: "Evaporation",
-          type: "bar",
-          data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2],
-        },
-        {
-          name: "Precipitation",
-          type: "bar",
-          data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2],
-        },
-        {
-          name: "Average Temperature",
-          type: "line",
-          yAxisIndex: 1,
-          data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4],
-        },
-      ],
-      textStyle: {
-        color: ["#74788d"],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default LineBar
diff --git a/Client/src/backoffice/pages/AllCharts/echart/linechart.js b/Client/src/backoffice/pages/AllCharts/echart/linechart.js
deleted file mode 100644
index d4c8257..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/linechart.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class Line extends Component {
-  getOption = () => {
-    return {
-      tooltip: {
-        trigger: "axis",
-      },
-      grid: {
-        zlevel: 0,
-        x: 50,
-        x2: 50,
-        y: 30,
-        y2: 30,
-        borderWidth: 0,
-      },
-      xAxis: {
-        type: "category",
-        data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-        axisLable: {
-          color: "#ffffff",
-        },
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      yAxis: {
-        type: "value",
-        axisLable: {
-          color: "#ffffff",
-        },
-        axisLine: {
-          lineStyle: {
-            color: "#8791af"
-          },
-        },
-      },
-      series: [
-        {
-          data: [820, 932, 901, 934, 1290, 1330, 1320],
-          type: "line",
-        },
-      ],
-      color: ["#34c38f"],
-      textStyle: {
-        color: ["#8791af"],
-      },
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Line
diff --git a/Client/src/backoffice/pages/AllCharts/echart/piechart.js b/Client/src/backoffice/pages/AllCharts/echart/piechart.js
deleted file mode 100644
index 3397302..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/piechart.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class Pie extends Component {
-  getOption = () => {
-    return {
-      toolbox: {
-        show: false,
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b} : {c} ({d}%)",
-      },
-      legend: {
-        orient: "vertical",
-        left: "left",
-        data: ["Laptop", "Tablet", "Mobile", "Others", "Desktop"],
-        textStyle: {
-          color: ["#74788d"],
-        },
-      },
-      color: ["#f46a6a", "#34c38f", "#50a5f1", "#f1b44c", "#556ee6"],
-      series: [
-        {
-          name: "Total sales",
-          type: "pie",
-          radius: "55%",
-          center: ["50%", "60%"],
-          data: [
-            { value: 335, name: "Laptop" },
-            { value: 310, name: "Tablet" },
-            { value: 234, name: "Mobile" },
-            { value: 135, name: "Others" },
-            { value: 1548, name: "Desktop" },
-          ],
-          itemStyle: {
-            emphasis: {
-              shadowBlur: 10,
-              shadowOffsetX: 0,
-              shadowColor: "rgba(0, 0, 0, 0.5)",
-            },
-          },
-        },
-      ],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Pie
diff --git a/Client/src/backoffice/pages/AllCharts/echart/scatterchart.js b/Client/src/backoffice/pages/AllCharts/echart/scatterchart.js
deleted file mode 100644
index 465d721..0000000
--- a/Client/src/backoffice/pages/AllCharts/echart/scatterchart.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { Component } from "react"
-import ReactEcharts from "echarts-for-react"
-
-class Scatter extends Component {
-  getOption = () => {
-    return {
-      tooltip: {
-        trigger: "axis",
-        show: false,
-      },
-      toolbox: {
-        show: false,
-      },
-      grid: {
-        zlevel: 0,
-        x: 50,
-        x2: 50,
-        y: 30,
-        y2: 30,
-        borderWidth: 0,
-        backgroundColor: "rgba(0,0,0,0)",
-        borderColor: "rgba(0,0,0,0)",
-      },
-      xAxis: {
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      yAxis: {
-        axisLine: {
-          lineStyle: {
-            color: "#8791af",
-          },
-        },
-      },
-      series: [
-        {
-          symbolSize: 10,
-          data: [
-            [10.0, 8.04],
-            [8.0, 6.95],
-            [13.0, 7.58],
-            [9.0, 8.81],
-            [11.0, 8.33],
-            [14.0, 9.96],
-            [6.0, 7.24],
-            [4.0, 4.26],
-            [12.0, 10.84],
-            [7.0, 4.82],
-            [5.0, 5.68],
-          ],
-          type: "scatter",
-        },
-      ],
-      color: ["#34c38f"],
-    }
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <ReactEcharts style={{ height: "350px" }} option={this.getOption()} />
-      </React.Fragment>
-    )
-  }
-}
-export default Scatter
diff --git a/Client/src/backoffice/pages/AllCharts/knob/knob.js b/Client/src/backoffice/pages/AllCharts/knob/knob.js
deleted file mode 100644
index 739169c..0000000
--- a/Client/src/backoffice/pages/AllCharts/knob/knob.js
+++ /dev/null
@@ -1,385 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-
-class Knob extends React.Component {
-  static propTypes = {
-    value: PropTypes.number.isRequired,
-    onChange: PropTypes.func.isRequired,
-    onChangeEnd: PropTypes.func,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-    log: PropTypes.bool,
-    width: PropTypes.number,
-    height: PropTypes.number,
-    thickness: PropTypes.number,
-    lineCap: PropTypes.oneOf(["butt", "round"]),
-    bgColor: PropTypes.string,
-    fgColor: PropTypes.string,
-    inputColor: PropTypes.string,
-    font: PropTypes.string,
-    fontWeight: PropTypes.string,
-    clockwise: PropTypes.bool,
-    cursor: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
-    stopper: PropTypes.bool,
-    readOnly: PropTypes.bool,
-    disableTextInput: PropTypes.bool,
-    displayInput: PropTypes.bool,
-    displayCustom: PropTypes.func,
-    angleArc: PropTypes.number,
-    angleOffset: PropTypes.number,
-    disableMouseWheel: PropTypes.bool,
-    title: PropTypes.string,
-    className: PropTypes.string,
-    canvasClassName: PropTypes.string,
-  }
-
-  static defaultProps = {
-    onChangeEnd: () => {},
-    min: 0,
-    max: 100,
-    step: 1,
-    log: false,
-    width: 200,
-    height: 200,
-    thickness: 0.35,
-    lineCap: "butt",
-    bgColor: "#EEE",
-    fgColor: "#EA2",
-    inputColor: "",
-    font: "Arial",
-    fontWeight: "bold",
-    clockwise: true,
-    cursor: false,
-    stopper: true,
-    readOnly: false,
-    disableTextInput: false,
-    displayInput: true,
-    angleArc: 360,
-    angleOffset: 0,
-    disableMouseWheel: false,
-    className: null,
-    canvasClassName: null,
-  }
-
-  constructor(props) {
-    super(props)
-    this.w = this.props.width || 200
-    this.h = this.props.height || this.w
-    this.cursorExt = this.props.cursor === true ? 0.3 : this.props.cursor / 100
-    this.angleArc = (this.props.angleArc * Math.PI) / 180
-    this.angleOffset = (this.props.angleOffset * Math.PI) / 180
-    this.startAngle = 1.5 * Math.PI + this.angleOffset
-    this.endAngle = 1.5 * Math.PI + this.angleOffset + this.angleArc
-    this.digits =
-      Math.max(
-        String(Math.abs(this.props.min)).length,
-        String(Math.abs(this.props.max)).length,
-        2
-      ) + 2
-  }
-
-  componentDidMount() {
-    this.drawCanvas()
-    if (!this.props.readOnly) {
-      this.canvasRef.addEventListener("touchstart", this.handleTouchStart, {
-        passive: false,
-      })
-    }
-  }
-
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.width && this.w !== nextProps.width) {
-      this.w = nextProps.width
-    }
-    if (nextProps.height && this.h !== nextProps.height) {
-      this.h = nextProps.height
-    }
-  }
-
-  componentDidUpdate() {
-    this.drawCanvas()
-  }
-
-  componentWillUnmount() {
-    this.canvasRef.removeEventListener("touchstart", this.handleTouchStart)
-  }
-
-  getArcToValue = v => {
-    let startAngle
-    let endAngle
-    const angle = !this.props.log
-      ? ((v - this.props.min) * this.angleArc) /
-        (this.props.max - this.props.min)
-      : Math.log(Math.pow(v / this.props.min, this.angleArc)) /
-        Math.log(this.props.max / this.props.min)
-    if (!this.props.clockwise) {
-      startAngle = this.endAngle + 0.00001
-      endAngle = startAngle - angle - 0.00001
-    } else {
-      startAngle = this.startAngle - 0.00001
-      endAngle = startAngle + angle + 0.00001
-    }
-    if (this.props.cursor) {
-      startAngle = endAngle - this.cursorExt
-      endAngle += this.cursorExt
-    }
-    return {
-      startAngle,
-      endAngle,
-      acw: !this.props.clockwise && !this.props.cursor,
-    }
-  }
-
-  // Calculate ratio to scale canvas to avoid blurriness on HiDPI devices
-  getCanvasScale = ctx => {
-    const devicePixelRatio =
-      window.devicePixelRatio ||
-      window.screen.deviceXDPI / window.screen.logicalXDPI || // IE10
-      1
-    const backingStoreRatio = ctx.webkitBackingStorePixelRatio || 1
-    return devicePixelRatio / backingStoreRatio
-  }
-
-  coerceToStep = v => {
-    let val = !this.props.log
-      ? ~~((v < 0 ? -0.5 : 0.5) + v / this.props.step) * this.props.step
-      : Math.pow(
-          this.props.step,
-          ~~(
-            (Math.abs(v) < 1 ? -0.5 : 0.5) +
-            Math.log(v) / Math.log(this.props.step)
-          )
-        )
-    val = Math.max(Math.min(val, this.props.max), this.props.min)
-    if (isNaN(val)) {
-      val = 0
-    }
-    return Math.round(val * 1000) / 1000
-  }
-
-  eventToValue = e => {
-    const bounds = this.canvasRef.getBoundingClientRect()
-    const x = e.clientX - bounds.left
-    const y = e.clientY - bounds.top
-    let a = Math.atan2(x - this.w / 2, this.w / 2 - y) - this.angleOffset
-    if (!this.props.clockwise) {
-      a = this.angleArc - a - 2 * Math.PI
-    }
-    if (this.angleArc !== Math.PI * 2 && a < 0 && a > -0.5) {
-      a = 0
-    } else if (a < 0) {
-      a += Math.PI * 2
-    }
-    const val = !this.props.log
-      ? (a * (this.props.max - this.props.min)) / this.angleArc + this.props.min
-      : Math.pow(this.props.max / this.props.min, a / this.angleArc) *
-        this.props.min
-    return this.coerceToStep(val)
-  }
-
-  handleMouseDown = e => {
-    this.props.onChange(this.eventToValue(e))
-    document.addEventListener("mousemove", this.handleMouseMove)
-    document.addEventListener("mouseup", this.handleMouseUp)
-    document.addEventListener("keyup", this.handleEsc)
-  }
-
-  handleMouseMove = e => {
-    e.preventDefault()
-    this.props.onChange(this.eventToValue(e))
-  }
-
-  handleMouseUp = e => {
-    this.props.onChangeEnd(this.eventToValue(e))
-    document.removeEventListener("mousemove", this.handleMouseMove)
-    document.removeEventListener("mouseup", this.handleMouseUp)
-    document.removeEventListener("keyup", this.handleEsc)
-  }
-
-  handleTouchStart = e => {
-    e.preventDefault()
-    this.touchIndex = e.targetTouches.length - 1
-    this.props.onChange(this.eventToValue(e.targetTouches[this.touchIndex]))
-    document.addEventListener("touchmove", this.handleTouchMove, {
-      passive: false,
-    })
-    document.addEventListener("touchend", this.handleTouchEnd)
-    document.addEventListener("touchcancel", this.handleTouchEnd)
-  }
-
-  handleTouchMove = e => {
-    e.preventDefault()
-    this.props.onChange(this.eventToValue(e.targetTouches[this.touchIndex]))
-  }
-
-  handleTouchEnd = e => {
-    this.props.onChangeEnd(this.eventToValue(e))
-    document.removeEventListener("touchmove", this.handleTouchMove)
-    document.removeEventListener("touchend", this.handleTouchEnd)
-    document.removeEventListener("touchcancel", this.handleTouchEnd)
-  }
-
-  handleEsc = e => {
-    if (e.keyCode === 27) {
-      e.preventDefault()
-      this.handleMouseUp()
-    }
-  }
-
-  handleTextInput = e => {
-    const val =
-      Math.max(Math.min(+e.target.value, this.props.max), this.props.min) ||
-      this.props.min
-    this.props.onChange(val)
-  }
-
-  handleWheel = e => {
-    if (e.deltaX > 0 || e.deltaY > 0) {
-      this.props.onChange(
-        this.coerceToStep(
-          !this.props.log
-            ? this.props.value + this.props.step
-            : this.props.value * this.props.step
-        )
-      )
-    } else if (e.deltaX < 0 || e.deltaY < 0) {
-      this.props.onChange(
-        this.coerceToStep(
-          !this.props.log
-            ? this.props.value - this.props.step
-            : this.props.value / this.props.step
-        )
-      )
-    }
-  }
-
-  handleArrowKey = e => {
-    if (e.keyCode === 37 || e.keyCode === 40) {
-      e.preventDefault()
-      this.props.onChange(
-        this.coerceToStep(
-          !this.props.log
-            ? this.props.value - this.props.step
-            : this.props.value / this.props.step
-        )
-      )
-    } else if (e.keyCode === 38 || e.keyCode === 39) {
-      e.preventDefault()
-      this.props.onChange(
-        this.coerceToStep(
-          !this.props.log
-            ? this.props.value + this.props.step
-            : this.props.value * this.props.step
-        )
-      )
-    }
-  }
-
-  inputStyle = () => ({
-    width: `${(this.w / 2 + 4) >> 0}px`,
-    height: `${(this.w / 3) >> 0}px`,
-    position: "absolute",
-    verticalAlign: "middle",
-    marginTop: `${(this.w / 3) >> 0}px`,
-    marginLeft: `-${((this.w * 3) / 4 + 2) >> 0}px`,
-    border: 0,
-    background: "none",
-    font: `${this.props.fontWeight} ${(this.w / this.digits) >> 0}px ${
-      this.props.font
-    }`,
-    textAlign: "center",
-    color: this.props.inputColor || this.props.fgColor,
-    padding: "0px",
-    WebkitAppearance: "none",
-  })
-
-  drawCanvas() {
-    const ctx = this.canvasRef.getContext("2d")
-    const scale = this.getCanvasScale(ctx)
-    this.canvasRef.width = this.w * scale // clears the canvas
-    this.canvasRef.height = this.h * scale
-    ctx.scale(scale, scale)
-    this.xy = this.w / 2 // coordinates of canvas center
-    this.lineWidth = this.xy * this.props.thickness
-    this.radius = this.xy - this.lineWidth / 2
-    ctx.lineWidth = this.lineWidth
-    ctx.lineCap = this.props.lineCap
-    // background arc
-    ctx.beginPath()
-    ctx.strokeStyle = this.props.bgColor
-    ctx.arc(
-      this.xy,
-      this.xy,
-      this.radius,
-      this.endAngle - 0.00001,
-      this.startAngle + 0.00001,
-      true
-    )
-    ctx.stroke()
-    // foreground arc
-    const a = this.getArcToValue(this.props.value)
-    ctx.beginPath()
-    ctx.strokeStyle = this.props.fgColor
-    ctx.arc(this.xy, this.xy, this.radius, a.startAngle, a.endAngle, a.acw)
-    ctx.stroke()
-  }
-
-  renderCenter = () => {
-    const {
-      displayCustom,
-      displayInput,
-      disableTextInput,
-      readOnly,
-      value,
-    } = this.props
-
-    if (displayInput) {
-      return (
-        <input
-          style={this.inputStyle()}
-          type="text"
-          value={value}
-          onChange={this.handleTextInput}
-          onKeyDown={this.handleArrowKey}
-          readOnly={readOnly || disableTextInput}
-        />
-      )
-    } else if (displayCustom && typeof displayCustom === "function") {
-      return displayCustom()
-    }
-    return null
-  }
-
-  render() {
-    const {
-      canvasClassName,
-      className,
-      disableMouseWheel,
-      readOnly,
-      title,
-      value,
-    } = this.props
-
-    return (
-      <div
-        className={className}
-        style={{ width: this.w, height: this.h, display: "inline-block" }}
-        onWheel={readOnly || disableMouseWheel ? null : this.handleWheel}
-      >
-        <canvas
-          ref={ref => {
-            this.canvasRef = ref
-          }}
-          className={canvasClassName}
-          style={{ width: "100%", height: "100%" }}
-          onMouseDown={readOnly ? null : this.handleMouseDown}
-          title={title ? `${title}: ${value}` : value}
-        />
-        {this.renderCenter()}
-      </div>
-    )
-  }
-}
-
-export default Knob
diff --git a/Client/src/backoffice/pages/AllCharts/sparkline/sparkline.js b/Client/src/backoffice/pages/AllCharts/sparkline/sparkline.js
deleted file mode 100644
index 7dd99a6..0000000
--- a/Client/src/backoffice/pages/AllCharts/sparkline/sparkline.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React, { Component } from "react"
-import { Sparklines, SparklinesLine, SparklinesSpots } from "react-sparklines"
-
-class SparkLine extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {}
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <Sparklines
-          data={[6, 2, 8, 4, 3, 8, 1, 3, 6, 5, 9, 2, 8, 1, 4, 8, 9, 8, 2, 1]}
-          width={100}
-          height={33}
-        >
-          <SparklinesLine
-            style={{
-              stroke: "rgba(2, 164, 153,0.8)",
-              fill: "rgba(2, 164, 153,0.8)",
-            }}
-          />
-          <SparklinesSpots style={{ fill: "rgba(2, 164, 153,0.3)" }} />
-        </Sparklines>
-      </React.Fragment>
-    )
-  }
-}
-
-export default SparkLine
diff --git a/Client/src/backoffice/pages/AllCharts/sparkline/sparkline1.js b/Client/src/backoffice/pages/AllCharts/sparkline/sparkline1.js
deleted file mode 100644
index c0c228a..0000000
--- a/Client/src/backoffice/pages/AllCharts/sparkline/sparkline1.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { Component } from "react"
-import { Sparklines, SparklinesLine, SparklinesSpots } from "react-sparklines"
-
-class SparkLine1 extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {}
-  }
-  render() {
-    return (
-      <React.Fragment>
-        {/* <Sparklines data={[5, 10, 5, 20, 8, 15]} limit={5} width={100} height={20} margin={5}>
-                </Sparklines> */}
-        <Sparklines
-          data={[
-            6,
-            2,
-            8,
-            4,
-            -3,
-            8,
-            1,
-            -3,
-            6,
-            -5,
-            9,
-            2,
-            -8,
-            1,
-            4,
-            8,
-            9,
-            8,
-            2,
-            1,
-          ]}
-          width={100}
-          height={33}
-        >
-          <SparklinesLine
-            style={{
-              stroke: "rgba(2, 164, 153,0.8)",
-              fill: "rgba(2, 164, 153,0.8)",
-            }}
-          />
-          <SparklinesSpots style={{ fill: "rgba(2, 164, 153,0.3)" }} />
-        </Sparklines>
-      </React.Fragment>
-    )
-  }
-}
-
-export default SparkLine1
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/AreaChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/AreaChartToast.js
deleted file mode 100644
index 127dc21..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/AreaChartToast.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { AreaChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-import "./toastui.scss"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#f46a6a", "#34c38f", "#556ee6"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class AreaChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: [
-        "Jan",
-        "Feb",
-        "Mar",
-        "Apr",
-        "May",
-        "June",
-        "July",
-        "Aug",
-        "Sep",
-        "Oct",
-        "Nov",
-        "Dec",
-      ],
-      series: [
-        {
-          name: "Seoul",
-          data: [20, 40, 25, 50, 15, 45, 33, 34, 20, 30, 22, 13],
-        },
-        {
-          name: "Sydney",
-          data: [5, 30, 21, 18, 59, 50, 28, 33, 7, 20, 10, 30],
-        },
-        {
-          name: "Moskva",
-          data: [30, 5, 18, 21, 33, 41, 29, 15, 30, 10, 33, 5],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "24-hr Average Temperature",
-      },
-      series: {
-        zoomable: true,
-        showDot: false,
-        areaOpacity: 1,
-      },
-      yAxis: {
-        title: "Temperature (Celsius)",
-        pointOnColumn: true,
-      },
-      xAxis: {
-        title: "Month",
-      },
-      tooltip: {
-        suffix: "°C",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <AreaChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default AreaChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/BarChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/BarChartToast.js
deleted file mode 100644
index d10966f..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/BarChartToast.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { BarChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f"],
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class BarChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["Jan", "Feb", "Mar", "Apr", "May", "June"],
-      series: [
-        {
-          name: "Budget",
-          data: [5000, 3000, 5000, 7000, 6000, 4000],
-        },
-        {
-          name: "Income",
-          data: [8000, 1000, 7000, 2000, 5000, 3000],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Monthly Revenue",
-        format: "1,000",
-      },
-      yAxis: {
-        title: "Month",
-      },
-      xAxis: {
-        title: "Amount",
-        min: 0,
-        max: 9000,
-        suffix: "$",
-      },
-      series: {
-        showLabel: false,
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <BarChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default BarChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/BoxPlotChart.js b/Client/src/backoffice/pages/AllCharts/toastui/BoxPlotChart.js
deleted file mode 100644
index 91807eb..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/BoxPlotChart.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { BoxPlotChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class BoxPlotChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["Budget", "Income", "Expenses", "Debt"],
-      series: [
-        {
-          name: "2015",
-          data: [
-            [1000, 2500, 3714, 5500, 7000],
-            [1000, 2750, 4571, 5250, 8000],
-            [3000, 4000, 4714, 6000, 7000],
-            [1000, 2250, 3142, 4750, 6000],
-          ],
-          outliers: [
-            [0, 14000],
-            [2, 10000],
-            [3, 9600],
-          ],
-        },
-        {
-          name: "2016",
-          data: [
-            [2000, 4500, 6714, 11500, 13000],
-            [3000, 5750, 7571, 8250, 9000],
-            [5000, 8000, 8714, 9000, 10000],
-            [7000, 9250, 10142, 11750, 12000],
-          ],
-          outliers: [[1, 14000]],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Monthly Revenue",
-        format: "1,000",
-      },
-      yAxis: {
-        title: "Amount",
-        min: 0,
-        max: 15000,
-      },
-      xAxis: {
-        title: "Month",
-      },
-      legend: {
-        align: "bottom",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <BoxPlotChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default BoxPlotChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/BubbleChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/BubbleChartToast.js
deleted file mode 100644
index 373ecc3..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/BubbleChartToast.js
+++ /dev/null
@@ -1,235 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { BubbleChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f", "#f1b44c", "#f46a6a"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class BubbleChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      series: [
-        {
-          name: "Africa",
-          data: [
-            { x: 4200, y: 70.35, r: 32209101, label: "Morocco" },
-            { x: 4200, y: 70.71, r: 76117421, label: "Egypt" },
-            { x: 5900, y: 56.46, r: 1355246, label: "Gabon" },
-            { x: 6600, y: 72.74, r: 32129324, label: "Algeria" },
-            { x: 6700, y: 76.28, r: 5631585, label: "Libya" },
-            { x: 7100, y: 74.66, r: 9974722, label: "Tunisia" },
-            { x: 10500, y: 69.28, r: 1096585, label: "Trinidad and Tobago" },
-            { x: 12800, y: 72.09, r: 1220481, label: "Mauritius" },
-            { x: 18200, y: 78.68, r: 396851, label: "Malta" },
-          ],
-        },
-        {
-          name: "America",
-          data: [
-            { x: 4800, y: 74.64, r: 6191368, label: "Paraguay" },
-            { x: 4900, y: 70.92, r: 6587541, label: "El Salvador" },
-            { x: 5600, y: 69.22, r: 2754430, label: "Peru" },
-            { x: 5800, y: 74.06, r: 2501738, label: "Venezuela" },
-            { x: 6300, y: 67.63, r: 8833634, label: "Dominican Republic" },
-            { x: 6500, y: 67.43, r: 272945, label: "Belize" },
-            { x: 6600, y: 71.43, r: 4231077, label: "Colombia" },
-            { x: 6900, y: 72.14, r: 3000463, label: "Panama" },
-            { x: 8100, y: 71.41, r: 78410118, label: "Brazil" },
-            { x: 9600, y: 76.63, r: 3956507, label: "Costa Rica" },
-            { x: 9600, y: 74.94, r: 4495959, label: "Mexico" },
-            { x: 12400, y: 75.7, r: 6914475, label: "Argentina" },
-            { x: 14500, y: 75.92, r: 3399237, label: "Uruguay" },
-            { x: 16400, y: 71.64, r: 278289, label: "Barbados" },
-            { x: 17700, y: 65.63, r: 299697, label: "Bahamas, The" },
-            { x: 17700, y: 77.49, r: 3897960, label: "Puerto Rico" },
-            { x: 31500, y: 79.96, r: 32507874, label: "Canada" },
-            { x: 32100, y: 77.43, r: 89302754, label: "United States" },
-          ],
-        },
-        {
-          name: "Asia",
-          data: [
-            { x: 5600, y: 71.96, r: 92988000, label: "China" },
-            { x: 5700, y: 61.29, r: 4863169, label: "Turkmenistan" },
-            { x: 7700, y: 69.66, r: 19018924, label: "Iran" },
-            { x: 7800, y: 66.07, r: 1514370, label: "Kazakhstan" },
-            { x: 8100, y: 71.41, r: 14865523, label: "Thailand" },
-            { x: 9700, y: 71.95, r: 23522482, label: "Malaysia" },
-            { x: 12000, y: 75.23, r: 25795938, label: "Saudi Arabia" },
-            { x: 13100, y: 72.85, r: 2903165, label: "Oman" },
-            { x: 19200, y: 75.58, r: 48598170, label: "Korea, South" },
-            { x: 19200, y: 73.98, r: 677886, label: "Bahrain" },
-            { x: 20800, y: 79.17, r: 6199008, label: "Israel" },
-            { x: 21300, y: 76.84, r: 2257549, label: "Kuwait" },
-            { x: 23200, y: 73.4, r: 840290, label: "Qatar" },
-            { x: 25200, y: 74.99, r: 2523915, label: "United Arab Emirates" },
-            { x: 25300, y: 77.06, r: 22749838, label: "Taiwan" },
-            { x: 27800, y: 81.53, r: 4353893, label: "Singapore" },
-            { x: 29400, y: 81.04, r: 52733300, label: "Japan" },
-            { x: 34200, y: 81.39, r: 6855125, label: "Hong Kong" },
-          ],
-        },
-        {
-          name: "Europe",
-          data: [
-            { x: 7700, y: 71.12, r: 2235555, label: "Romania" },
-            { x: 8200, y: 71.75, r: 7517973, label: "Bulgaria" },
-            { x: 9800, y: 66.39, r: 54378233, label: "Russia" },
-            { x: 10700, y: 76.38, r: 1582395, label: "Chile" },
-            { x: 11200, y: 74.14, r: 4496869, label: "Croatia" },
-            { x: 11500, y: 70.86, r: 2306306, label: "Latvia" },
-            { x: 12000, y: 74.16, r: 38626349, label: "Poland" },
-            { x: 12500, y: 73.46, r: 3607899, label: "Lithuania" },
-            { x: 14300, y: 71.38, r: 1341664, label: "Estonia" },
-            { x: 14500, y: 74.19, r: 5423567, label: "Slovakia" },
-            { x: 14900, y: 72.25, r: 1003237, label: "Hungary" },
-            { x: 16800, y: 75.78, r: 1024617, label: "Czech Republic" },
-            { x: 17900, y: 77.35, r: 1052414, label: "Portugal" },
-            { x: 19600, y: 75.93, r: 2011473, label: "Slovenia" },
-            { x: 21300, y: 78.94, r: 10647529, label: "Greece" },
-            { x: 23300, y: 79.37, r: 40280780, label: "Spain" },
-            { x: 27700, y: 79.54, r: 58057477, label: "Italy" },
-            { x: 28400, y: 80.3, r: 898640, label: "Sweden" },
-            { x: 28700, y: 78.54, r: 22424609, label: "Germany" },
-            { x: 28700, y: 79.44, r: 30424213, label: "France" },
-            { x: 29000, y: 78.24, r: 5214512, label: "Finland" },
-            { x: 29500, y: 78.68, r: 16318199, label: "Netherlands" },
-            { x: 29600, y: 78.27, r: 60270708, label: "United Kingdom" },
-            { x: 30600, y: 78.44, r: 10348276, label: "Belgium" },
-            { x: 31300, y: 78.87, r: 8174762, label: "Austria" },
-            { x: 31900, y: 77.36, r: 3969558, label: "Ireland" },
-            { x: 31900, y: 80.18, r: 293966, label: "Iceland" },
-            { x: 32200, y: 77.44, r: 5413392, label: "Denmark" },
-            { x: 33800, y: 80.31, r: 7450867, label: "Switzerland" },
-          ],
-        },
-        {
-          name: "Oceania",
-          data: [
-            { x: 2200, y: 64.56, r: 5420280, label: "Papua New Guinea" },
-            { x: 2700, y: 61.32, r: 100798, label: "Kiribati" },
-            { x: 5900, y: 69.2, r: 880874, label: "Fiji" },
-            { x: 14500, y: 78.75, r: 108775, label: "Virgin Islands" },
-            { x: 23200, y: 78.49, r: 1993817, label: "New Zealand" },
-            { x: 30700, y: 80.26, r: 5991314, label: "Australia" },
-          ],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Life Expectancy per GDP",
-        format: function (value, chartType, areaType, valueType) {
-          if (valueType === "r" || valueType === "x") {
-            if (valueType === "x") {
-              value = "$" + value
-            }
-          }
-          return value
-        },
-      },
-      yAxis: {
-        title: "Life Expectancy (years)",
-      },
-      xAxis: {
-        title: "GDP",
-      },
-      tooltip: {
-        template: function (category, items) {
-          return (
-            '<div class="tui-chart-default-tooltip">' +
-            '<div class="tui-chart-tooltip-head">' +
-            '<span class="tui-chart-legend-rect" style="' +
-            items.cssText +
-            '; width: 10px; height: 10px"></span>' +
-            "<span>" +
-            items.legend +
-            "</span>" +
-            "<span>" +
-            items.label +
-            "</span>" +
-            "</div>" +
-            '<table class="tui-chart-tooltip-body">' +
-            "<tr>" +
-            "<td>GDP</td>" +
-            '<td class="tui-chart-tooltip-value">' +
-            items.x +
-            "</td>" +
-            "</tr>" +
-            "<tr>" +
-            "<td>Life Expectancy</td>" +
-            '<td class="tui-chart-tooltip-value">' +
-            items.y +
-            "</td>" +
-            "</tr>" +
-            "<tr>" +
-            "<td>Population</td>" +
-            '<td class="tui-chart-tooltip-value">' +
-            items.r +
-            "</td>" +
-            "</tr>" +
-            "</table>" +
-            "</div>"
-          )
-        },
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <BubbleChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default BubbleChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/BulletChart.js b/Client/src/backoffice/pages/AllCharts/toastui/BulletChart.js
deleted file mode 100644
index 53c7484..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/BulletChart.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { BulletChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f", "#f1b44c", "#f46a6a"],
-    ranges: [{ color: "#eee", opacity: 0.7 }, null, { color: "#556ee6" }],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class BulletChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["July", "August"],
-      series: [
-        {
-          name: "Budget",
-          data: 25,
-          markers: [28, 2, 15],
-          ranges: [
-            [-1, 10],
-            [10, 20],
-            [20, 30],
-          ],
-        },
-        {
-          name: "Hello",
-          data: 11,
-          markers: [20],
-          ranges: [
-            [0, 8],
-            [8, 15],
-          ],
-        },
-        {
-          name: "World",
-          data: 30,
-          markers: [25],
-          ranges: [
-            [0, 10],
-            [10, 19],
-            [19, 28],
-          ],
-        },
-        {
-          name: "Income",
-          data: 23,
-          markers: [],
-          ranges: [
-            [19, 25],
-            [13, 19],
-            [0, 13],
-          ],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Monthly Revenue",
-        format: "1,000",
-      },
-      legend: {
-        visible: true,
-      },
-      xAxis: {
-        max: 35,
-      },
-      series: {
-        showLabel: true,
-        vertical: false,
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <BulletChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default BulletChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/ColumnChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/ColumnChartToast.js
deleted file mode 100644
index 96eb226..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/ColumnChartToast.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { ColumnChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#34c38f", "#556ee6", "#f46a6a"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class ColumnChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: [
-        "Jun, 2019",
-        "Jul, 2019",
-        "Aug, 2019",
-        "Sep, 2019",
-        "Oct, 2019",
-        "Nov, 2019",
-        "Dec, 2019",
-      ],
-      series: [
-        {
-          name: "Budget",
-          data: [5000, 3000, 5000, 7000, 6000, 4000, 1000],
-        },
-        {
-          name: "Income",
-          data: [8000, 1000, 7000, 2000, 6000, 3000, 5000],
-        },
-        {
-          name: "Expenses",
-          data: [4000, 4000, 6000, 3000, 4000, 5000, 7000],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Monthly Revenue",
-        format: "1,000",
-      },
-      yAxis: {
-        title: "Amount",
-        min: 0,
-        max: 9000,
-      },
-      xAxis: {
-        title: "Month",
-      },
-      legend: {
-        align: "top",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <ColumnChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default ColumnChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/DonutChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/DonutChartToast.js
deleted file mode 100644
index 7c92254..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/DonutChartToast.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { PieChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    series: {
-      colors: ["#556ee6", "#34c38f", "#f46a6a", "#50a5f1", "#f1b44c"],
-    },
-    label: {
-      color: "#fff",
-      fontFamily: "sans-serif",
-    },
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class DonutChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["Browser"],
-      series: [
-        {
-          name: "Chrome",
-          data: 46.02,
-        },
-        {
-          name: "IE",
-          data: 20.47,
-        },
-        {
-          name: "Firefox",
-          data: 17.71,
-        },
-        {
-          name: "Safari",
-          data: 5.45,
-        },
-        {
-          name: "Etc",
-          data: 10.35,
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Usage share of web browsers",
-        format: function (value, chartType, areaType, valuetype, legendName) {
-          if (areaType === "makingSeriesLabel") {
-            // formatting at series area
-            value = value + "%"
-          }
-
-          return value
-        },
-      },
-      series: {
-        radiusRange: ["40%", "100%"],
-        showLabel: true,
-      },
-      tooltip: {
-        suffix: "%",
-      },
-      legend: {
-        align: "bottom",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <PieChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default DonutChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/HeatMapChart.js b/Client/src/backoffice/pages/AllCharts/toastui/HeatMapChart.js
deleted file mode 100644
index 90e9f0f..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/HeatMapChart.js
+++ /dev/null
@@ -1,140 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { HeatMapChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    startColor: "#556ee6",
-    endColor: "#34c38f",
-    overColor: "#75b5aa",
-    borderColor: "#F4511E",
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class HeatMap extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: {
-        x: [
-          "Jan",
-          "Feb",
-          "Mar",
-          "Apr",
-          "May",
-          "June",
-          "July",
-          "Aug",
-          "Sep",
-          "Oct",
-          "Nov",
-          "Dec",
-        ],
-        y: ["Seoul", "Seattle", "Sydney", "Moskva", "Jungfrau"],
-      },
-      series: [
-        [-3.5, -1.1, 4.0, 11.3, 17.5, 21.5, 24.9, 25.2, 20.4, 13.9, 6.6, -0.6],
-        [3.8, 5.6, 7.0, 9.1, 12.4, 15.3, 17.5, 17.8, 15.0, 10.6, 6.4, 3.7],
-        [
-          22.1,
-          22.0,
-          20.9,
-          18.3,
-          15.2,
-          12.8,
-          11.8,
-          13.0,
-          15.2,
-          17.6,
-          19.4,
-          21.2,
-        ],
-        [-10.3, -9.1, -4.1, 4.4, 12.2, 16.3, 18.5, 16.7, 10.9, 4.2, -2.0, -7.5],
-        [
-          -13.2,
-          -13.7,
-          -13.1,
-          -10.3,
-          -6.1,
-          -3.2,
-          0.0,
-          -0.1,
-          -1.8,
-          -4.5,
-          -9.0,
-          -10.9,
-        ],
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 350,
-        title: "24-hr Average Temperature",
-      },
-      yAxis: {
-        title: "City",
-      },
-      xAxis: {
-        title: "Month",
-      },
-      series: {
-        showLabel: true,
-      },
-      tooltip: {
-        suffix: "°C",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <HeatMapChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default HeatMap
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/HeatmapChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/HeatmapChartToast.js
deleted file mode 100644
index 5ef4a17..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/HeatmapChartToast.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { HeatMapChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "rgba(243, 243, 249, 0.05)",
-      opacity: 0,
-    },
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class HeatmapChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: {
-        x: [
-          "Jan",
-          "Feb",
-          "Mar",
-          "Apr",
-          "May",
-          "June",
-          "July",
-          "Aug",
-          "Sep",
-          "Oct",
-          "Nov",
-          "Dec",
-        ],
-        y: ["Seoul", "Seattle", "Sydney", "Moskva", "Jungfrau"],
-      },
-      series: [
-        [-3.5, -1.1, 4.0, 11.3, 17.5, 21.5, 24.9, 25.2, 20.4, 13.9, 6.6, -0.6],
-        [3.8, 5.6, 7.0, 9.1, 12.4, 15.3, 17.5, 17.8, 15.0, 10.6, 6.4, 3.7],
-        [
-          22.1,
-          22.0,
-          20.9,
-          18.3,
-          15.2,
-          12.8,
-          11.8,
-          13.0,
-          15.2,
-          17.6,
-          19.4,
-          21.2,
-        ],
-        [-10.3, -9.1, -4.1, 4.4, 12.2, 16.3, 18.5, 16.7, 10.9, 4.2, -2.0, -7.5],
-        [
-          -13.2,
-          -13.7,
-          -13.1,
-          -10.3,
-          -6.1,
-          -3.2,
-          0.0,
-          -0.1,
-          -1.8,
-          -4.5,
-          -9.0,
-          -10.9,
-        ],
-      ],
-    }
-
-    var options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 450,
-      },
-      theme: "skoteTheme",
-      yAxis: {
-        title: "City",
-      },
-      xAxis: {
-        title: "Month",
-      },
-      series: {
-        showLabel: true,
-      },
-      tooltip: {
-        suffix: "°C",
-      },
-    }
-    var theme = {
-      series: {
-        startColor: "#ffefef",
-        endColor: "#ac4142",
-        overColor: "#75b5aa",
-        borderColor: "#F4511E",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <HeatMapChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default HeatmapChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/LineChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/LineChartToast.js
deleted file mode 100644
index 346ebb0..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/LineChartToast.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { LineChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#f46a6a", "#34c38f", "#556ee6"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class LineChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["June", "July", "Aug", "Sep", "Oct", "Nov"],
-      series: [
-        {
-          name: "Budget",
-          data: [5000, 3000, 6000, 3000, 6000, 4000],
-        },
-        {
-          name: "Income",
-          data: [8000, 1000, 7000, 2000, 5000, 3000],
-        },
-        {
-          name: "Outgo",
-          data: [900, 6000, 1000, 9000, 3000, 1000],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "24-hr Average Temperature",
-      },
-      yAxis: {
-        title: "Amount",
-        pointOnColumn: true,
-      },
-      xAxis: {
-        title: "Month",
-      },
-      series: {
-        spline: true,
-        showDot: false,
-      },
-      tooltip: {
-        suffix: "°C",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <LineChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default LineChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/MapChart.js b/Client/src/backoffice/pages/AllCharts/toastui/MapChart.js
deleted file mode 100644
index ba9d237..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/MapChart.js
+++ /dev/null
@@ -1,262 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { MapChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    startColor: "#556ee6",
-    endColor: "#34c38f",
-    overColor: "#75b5aa",
-    borderColor: "#F4511E",
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class MapChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      series: [
-        {
-          code: "US-AK",
-          data: -3.0,
-        },
-        {
-          code: "US-AL",
-          data: 17.1,
-        },
-        {
-          code: "US-AZ",
-          data: 15.7,
-        },
-        {
-          code: "US-CA",
-          data: 15.2,
-        },
-        {
-          code: "US-CO",
-          data: 7.3,
-        },
-        {
-          code: "US-CT",
-          data: 9.4,
-        },
-        {
-          code: "US-DC",
-          data: 12.3,
-        },
-        {
-          code: "US-DE",
-          data: 12.9,
-        },
-        {
-          code: "US-FL",
-          data: 21.5,
-        },
-        {
-          code: "US-GA",
-          data: 17.5,
-        },
-        {
-          code: "US-HI",
-          data: 21.1,
-        },
-        {
-          code: "US-IA",
-          data: 8.8,
-        },
-        {
-          code: "US-ID",
-          data: 6.9,
-        },
-        {
-          code: "US-IL",
-          data: 11.0,
-        },
-        {
-          code: "US-IN",
-          data: 10.9,
-        },
-        {
-          code: "US-KS",
-          data: 12.4,
-        },
-        {
-          code: "US-KY",
-          data: 13.1,
-        },
-        {
-          code: "US-LA",
-          data: 19.1,
-        },
-        {
-          code: "US-MA",
-          data: 8.8,
-        },
-        {
-          code: "US-MD",
-          data: 12.3,
-        },
-        {
-          code: "US-ME",
-          data: 5.0,
-        },
-        {
-          code: "US-MI",
-          data: 6.9,
-        },
-        {
-          code: "US-MN",
-          data: 5.1,
-        },
-        {
-          code: "US-MO",
-          data: 12.5,
-        },
-        {
-          code: "US-MS",
-          data: 17.4,
-        },
-        {
-          code: "US-NC",
-          data: 15.0,
-        },
-        {
-          code: "US-ND",
-          data: 4.7,
-        },
-        {
-          code: "US-NE",
-          data: 9.3,
-        },
-        {
-          code: "US-NH",
-          data: 6.6,
-        },
-        {
-          code: "US-NJ",
-          data: 11.5,
-        },
-        {
-          code: "US-NM",
-          data: 11.9,
-        },
-        {
-          code: "US-NV",
-          data: 9.9,
-        },
-        {
-          code: "US-NY",
-          data: 7.4,
-        },
-        {
-          code: "US-OH",
-          data: 10.4,
-        },
-        {
-          code: "US-OK",
-          data: 15.3,
-        },
-        {
-          code: "US-OR",
-          data: 9.1,
-        },
-        {
-          code: "US-PA",
-          data: 9.3,
-        },
-        {
-          code: "US-RI",
-          data: 10.1,
-        },
-        {
-          code: "US-SC",
-          data: 16.9,
-        },
-        {
-          code: "US-SD",
-          data: 7.3,
-        },
-        {
-          code: "US-TN",
-          data: 14.2,
-        },
-        {
-          code: "US-TX",
-          data: 18.2,
-        },
-        {
-          code: "US-UT",
-          data: 9.2,
-        },
-        {
-          code: "US-VA",
-          data: 12.8,
-        },
-        {
-          code: "US-VT",
-          data: 6.1,
-        },
-        {
-          code: "US-WA",
-          data: 9.1,
-        },
-        {
-          code: "US-WI",
-          data: 11.0,
-        },
-        {
-          code: "US-WV",
-          data: 6.2,
-        },
-        {
-          code: "US-WY",
-          data: 5.6,
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        height: 380,
-        title: "Average annual temperature of USA (°C)",
-      },
-      map: "usa",
-      legend: {
-        align: "right",
-      },
-      tooltip: {
-        suffix: "°C",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <MapChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default MapChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/PieChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/PieChartToast.js
deleted file mode 100644
index 4443df7..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/PieChartToast.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { PieChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f", "#f46a6a", "#50a5f1", "#f1b44c"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class PieChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["Browser"],
-      series: [
-        {
-          name: "Chrome",
-          data: 46.02,
-        },
-        {
-          name: "IE",
-          data: 20.47,
-        },
-        {
-          name: "Firefox",
-          data: 17.71,
-        },
-        {
-          name: "Safari",
-          data: 5.45,
-        },
-        {
-          name: "Etc",
-          data: 10.35,
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Usage share of web browsers",
-      },
-      tooltip: {
-        suffix: "%",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <PieChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default PieChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/RadialChart.js b/Client/src/backoffice/pages/AllCharts/toastui/RadialChart.js
deleted file mode 100644
index 90e94a2..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/RadialChart.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { RadialChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#556ee6", "#34c38f", "#f1b44c", "#f46a6a"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class RadialChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      categories: ["Jan", "Feb", "Mar", "April", "May", "Jun"],
-      series: [
-        {
-          name: "Budget",
-          data: [5000, 3000, 5000, 7000, 6000, 4000],
-        },
-        {
-          name: "Income",
-          data: [8000, 8000, 7000, 2000, 5000, 3000],
-        },
-        {
-          name: "Expenses",
-          data: [4000, 4000, 6000, 3000, 4000, 5000],
-        },
-        {
-          name: "Debt",
-          data: [6000, 3000, 3000, 1000, 2000, 4000],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        title: "Annual Incomes",
-        width: this.props.chartWidth,
-        height: 380,
-      },
-      series: {
-        showDot: false,
-        showArea: false,
-      },
-      plot: {
-        type: "circle",
-      },
-      legend: {
-        align: "bottom",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <RadialChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default RadialChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/ScatterChartToast.js b/Client/src/backoffice/pages/AllCharts/toastui/ScatterChartToast.js
deleted file mode 100644
index 95d7a26..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/ScatterChartToast.js
+++ /dev/null
@@ -1,625 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { ScatterChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-  xAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  yAxis: {
-    title: {
-      color: "#8791af",
-    },
-    label: {
-      color: "#8791af",
-    },
-    tickColor: "#8791af",
-  },
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    colors: ["#34c38f", "#556ee6"],
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class ScatterChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      series: [
-        {
-          name: "male",
-          data: [
-            { x: 174, y: 65.6 },
-            { x: 175.3, y: 71.8 },
-            { x: 193.5, y: 80.7 },
-            { x: 186.5, y: 72.6 },
-            { x: 187.2, y: 78.8 },
-            { x: 181.5, y: 74.8 },
-            { x: 184, y: 86.4 },
-            { x: 184.5, y: 78.4 },
-            { x: 175, y: 62 },
-            { x: 184, y: 81.6 },
-            { x: 180, y: 76.6 },
-            { x: 177.8, y: 83.6 },
-            { x: 192, y: 90 },
-            { x: 176, y: 74.6 },
-            { x: 174, y: 71 },
-            { x: 184, y: 79.6 },
-            { x: 192.7, y: 93.8 },
-            { x: 171.5, y: 70 },
-            { x: 173, y: 72.4 },
-            { x: 176, y: 85.9 },
-            { x: 176, y: 78.8 },
-            { x: 180.5, y: 77.8 },
-            { x: 172.7, y: 66.2 },
-            { x: 176, y: 86.4 },
-            { x: 173.5, y: 81.8 },
-            { x: 178, y: 89.6 },
-            { x: 180.3, y: 82.8 },
-            { x: 180.3, y: 76.4 },
-            { x: 164.5, y: 63.2 },
-            { x: 173, y: 60.9 },
-            { x: 183.5, y: 74.8 },
-            { x: 175.5, y: 70 },
-            { x: 188, y: 72.4 },
-            { x: 189.2, y: 84.1 },
-            { x: 172.8, y: 69.1 },
-            { x: 170, y: 59.5 },
-            { x: 182, y: 67.2 },
-            { x: 170, y: 61.3 },
-            { x: 177.8, y: 68.6 },
-            { x: 184.2, y: 80.1 },
-            { x: 186.7, y: 87.8 },
-            { x: 171.4, y: 84.7 },
-            { x: 172.7, y: 73.4 },
-            { x: 175.3, y: 72.1 },
-            { x: 180.3, y: 82.6 },
-            { x: 182.9, y: 88.7 },
-            { x: 188, y: 84.1 },
-            { x: 177.2, y: 94.1 },
-            { x: 172.1, y: 74.9 },
-            { x: 167, y: 59.1 },
-            { x: 169.5, y: 75.6 },
-            { x: 174, y: 86.2 },
-            { x: 172.7, y: 75.3 },
-            { x: 182.2, y: 87.1 },
-            { x: 164.1, y: 55.2 },
-            { x: 163, y: 57 },
-            { x: 171.5, y: 61.4 },
-            { x: 184.2, y: 76.8 },
-            { x: 174, y: 86.8 },
-            { x: 174, y: 72.2 },
-            { x: 177, y: 71.6 },
-            { x: 186, y: 84.8 },
-            { x: 167, y: 68.2 },
-            { x: 171.8, y: 66.1 },
-            { x: 182, y: 72 },
-            { x: 167, y: 64.6 },
-            { x: 177.8, y: 74.8 },
-            { x: 164.5, y: 70 },
-            { x: 192, y: 101.6 },
-            { x: 175.5, y: 63.2 },
-            { x: 171.2, y: 79.1 },
-            { x: 181.6, y: 78.9 },
-            { x: 167.4, y: 67.7 },
-            { x: 181.1, y: 66 },
-            { x: 177, y: 68.2 },
-            { x: 174.5, y: 63.9 },
-            { x: 177.5, y: 72 },
-            { x: 170.5, y: 56.8 },
-            { x: 182.4, y: 74.5 },
-            { x: 197.1, y: 90.9 },
-            { x: 180.1, y: 93 },
-            { x: 175.5, y: 80.9 },
-            { x: 180.6, y: 72.7 },
-            { x: 184.4, y: 68 },
-            { x: 175.5, y: 70.9 },
-            { x: 180.6, y: 72.5 },
-            { x: 177, y: 72.5 },
-            { x: 177.1, y: 83.4 },
-            { x: 181.6, y: 75.5 },
-            { x: 176.5, y: 73 },
-            { x: 175, y: 70.2 },
-            { x: 174, y: 73.4 },
-            { x: 165.1, y: 70.5 },
-            { x: 177, y: 68.9 },
-            { x: 192, y: 102.3 },
-            { x: 176.5, y: 68.4 },
-            { x: 169.4, y: 65.9 },
-            { x: 182.1, y: 75.7 },
-            { x: 179.8, y: 84.5 },
-            { x: 175.3, y: 87.7 },
-            { x: 184.9, y: 86.4 },
-            { x: 177.3, y: 73.2 },
-            { x: 167.4, y: 53.9 },
-            { x: 178.1, y: 72 },
-            { x: 168.9, y: 55.5 },
-            { x: 157.2, y: 58.4 },
-            { x: 180.3, y: 83.2 },
-            { x: 170.2, y: 72.7 },
-            { x: 177.8, y: 64.1 },
-            { x: 172.7, y: 72.3 },
-            { x: 165.1, y: 65 },
-            { x: 186.7, y: 86.4 },
-            { x: 165.1, y: 65 },
-            { x: 174, y: 88.6 },
-            { x: 175.3, y: 84.1 },
-            { x: 185.4, y: 66.8 },
-            { x: 177.8, y: 75.5 },
-            { x: 180.3, y: 93.2 },
-            { x: 180.3, y: 82.7 },
-            { x: 177.8, y: 58 },
-            { x: 177.8, y: 79.5 },
-            { x: 177.8, y: 78.6 },
-            { x: 177.8, y: 71.8 },
-            { x: 177.8, y: 116.4 },
-            { x: 163.8, y: 72.2 },
-            { x: 188, y: 83.6 },
-            { x: 198.1, y: 85.5 },
-            { x: 175.3, y: 90.9 },
-            { x: 166.4, y: 85.9 },
-            { x: 190.5, y: 89.1 },
-            { x: 166.4, y: 75 },
-            { x: 177.8, y: 77.7 },
-            { x: 179.7, y: 86.4 },
-            { x: 172.7, y: 90.9 },
-            { x: 190.5, y: 73.6 },
-            { x: 185.4, y: 76.4 },
-            { x: 168.9, y: 69.1 },
-            { x: 167.6, y: 84.5 },
-            { x: 175.3, y: 64.5 },
-            { x: 170.2, y: 69.1 },
-            { x: 190.5, y: 108.6 },
-            { x: 177.8, y: 86.4 },
-            { x: 190.5, y: 80.9 },
-            { x: 177.8, y: 87.7 },
-            { x: 184.2, y: 94.5 },
-            { x: 176.5, y: 80.2 },
-            { x: 177.8, y: 72 },
-            { x: 180.3, y: 71.4 },
-            { x: 171.4, y: 72.7 },
-            { x: 172.7, y: 84.1 },
-            { x: 172.7, y: 76.8 },
-            { x: 177.8, y: 63.6 },
-            { x: 177.8, y: 80.9 },
-            { x: 182.9, y: 80.9 },
-            { x: 170.2, y: 85.5 },
-            { x: 167.6, y: 68.6 },
-            { x: 175.3, y: 67.7 },
-            { x: 165.1, y: 66.4 },
-            { x: 185.4, y: 102.3 },
-            { x: 181.6, y: 70.5 },
-            { x: 172.7, y: 95.9 },
-            { x: 190.5, y: 84.1 },
-            { x: 179.1, y: 87.3 },
-            { x: 175.3, y: 71.8 },
-            { x: 170.2, y: 65.9 },
-            { x: 193, y: 95.9 },
-            { x: 171.4, y: 91.4 },
-            { x: 177.8, y: 81.8 },
-            { x: 177.8, y: 96.8 },
-            { x: 167.6, y: 69.1 },
-            { x: 167.6, y: 82.7 },
-            { x: 180.3, y: 75.5 },
-            { x: 182.9, y: 79.5 },
-            { x: 176.5, y: 73.6 },
-            { x: 186.7, y: 91.8 },
-            { x: 188, y: 84.1 },
-            { x: 188, y: 85.9 },
-            { x: 177.8, y: 81.8 },
-            { x: 174, y: 82.5 },
-            { x: 177.8, y: 80.5 },
-            { x: 171.4, y: 70 },
-            { x: 185.4, y: 81.8 },
-            { x: 185.4, y: 84.1 },
-            { x: 188, y: 90.5 },
-            { x: 188, y: 91.4 },
-            { x: 182.9, y: 89.1 },
-            { x: 176.5, y: 85 },
-            { x: 175.3, y: 69.1 },
-            { x: 175.3, y: 73.6 },
-            { x: 188, y: 80.5 },
-            { x: 188, y: 82.7 },
-            { x: 175.3, y: 86.4 },
-            { x: 170.5, y: 67.7 },
-            { x: 179.1, y: 92.7 },
-            { x: 177.8, y: 93.6 },
-            { x: 175.3, y: 70.9 },
-            { x: 182.9, y: 75 },
-            { x: 170.8, y: 93.2 },
-            { x: 188, y: 93.2 },
-            { x: 180.3, y: 77.7 },
-            { x: 177.8, y: 61.4 },
-            { x: 185.4, y: 94.1 },
-            { x: 168.9, y: 75 },
-            { x: 185.4, y: 83.6 },
-            { x: 180.3, y: 85.5 },
-            { x: 174, y: 73.9 },
-            { x: 167.6, y: 66.8 },
-            { x: 182.9, y: 87.3 },
-            { x: 160, y: 72.3 },
-            { x: 180.3, y: 88.6 },
-            { x: 167.6, y: 75.5 },
-            { x: 186.7, y: 101.4 },
-            { x: 175.3, y: 91.1 },
-            { x: 175.3, y: 67.3 },
-            { x: 175.9, y: 77.7 },
-            { x: 175.3, y: 81.8 },
-            { x: 179.1, y: 75.5 },
-            { x: 181.6, y: 84.5 },
-            { x: 177.8, y: 76.6 },
-            { x: 182.9, y: 85 },
-            { x: 177.8, y: 102.5 },
-            { x: 184.2, y: 77.3 },
-            { x: 179.1, y: 71.8 },
-            { x: 176.5, y: 87.9 },
-            { x: 188, y: 94.3 },
-            { x: 174, y: 70.9 },
-            { x: 167.6, y: 64.5 },
-            { x: 170.2, y: 77.3 },
-            { x: 167.6, y: 72.3 },
-            { x: 188, y: 87.3 },
-            { x: 174, y: 80 },
-            { x: 176.5, y: 82.3 },
-            { x: 180.3, y: 73.6 },
-            { x: 167.6, y: 74.1 },
-            { x: 188, y: 85.9 },
-            { x: 180.3, y: 73.2 },
-            { x: 167.6, y: 76.3 },
-            { x: 183, y: 65.9 },
-            { x: 183, y: 90.9 },
-            { x: 179.1, y: 89.1 },
-            { x: 170.2, y: 62.3 },
-            { x: 177.8, y: 82.7 },
-            { x: 179.1, y: 79.1 },
-            { x: 190.5, y: 98.2 },
-            { x: 177.8, y: 84.1 },
-            { x: 180.3, y: 83.2 },
-            { x: 180.3, y: 83.2 },
-          ],
-        },
-        {
-          name: "female",
-          data: [
-            { x: 161.2, y: 51.6 },
-            { x: 167.5, y: 59 },
-            { x: 159.5, y: 49.2 },
-            { x: 157, y: 63 },
-            { x: 155.8, y: 53.6 },
-            { x: 170, y: 59 },
-            { x: 159.1, y: 47.6 },
-            { x: 166, y: 69.8 },
-            { x: 176.2, y: 66.8 },
-            { x: 160.2, y: 75.2 },
-            { x: 172.5, y: 55.2 },
-            { x: 170.9, y: 54.2 },
-            { x: 172.9, y: 62.5 },
-            { x: 153.4, y: 42 },
-            { x: 160, y: 50 },
-            { x: 147.2, y: 49.8 },
-            { x: 168.2, y: 49.2 },
-            { x: 175, y: 73.2 },
-            { x: 157, y: 47.8 },
-            { x: 167.6, y: 68.8 },
-            { x: 159.5, y: 50.6 },
-            { x: 175, y: 82.5 },
-            { x: 166.8, y: 57.2 },
-            { x: 176.5, y: 87.8 },
-            { x: 170.2, y: 72.8 },
-            { x: 174, y: 54.5 },
-            { x: 173, y: 59.8 },
-            { x: 179.9, y: 67.3 },
-            { x: 170.5, y: 67.8 },
-            { x: 160, y: 47 },
-            { x: 154.4, y: 46.2 },
-            { x: 162, y: 55 },
-            { x: 176.5, y: 83 },
-            { x: 160, y: 54.4 },
-            { x: 152, y: 45.8 },
-            { x: 162.1, y: 53.6 },
-            { x: 170, y: 73.2 },
-            { x: 160.2, y: 52.1 },
-            { x: 161.3, y: 67.9 },
-            { x: 166.4, y: 56.6 },
-            { x: 168.9, y: 62.3 },
-            { x: 163.8, y: 58.5 },
-            { x: 167.6, y: 54.5 },
-            { x: 160, y: 50.2 },
-            { x: 161.3, y: 60.3 },
-            { x: 167.6, y: 58.3 },
-            { x: 165.1, y: 56.2 },
-            { x: 160, y: 50.2 },
-            { x: 170, y: 72.9 },
-            { x: 157.5, y: 59.8 },
-            { x: 167.6, y: 61 },
-            { x: 160.7, y: 69.1 },
-            { x: 163.2, y: 55.9 },
-            { x: 152.4, y: 46.5 },
-            { x: 157.5, y: 54.3 },
-            { x: 168.3, y: 54.8 },
-            { x: 180.3, y: 60.7 },
-            { x: 165.5, y: 60 },
-            { x: 165, y: 62 },
-            { x: 164.5, y: 60.3 },
-            { x: 156, y: 52.7 },
-            { x: 160, y: 74.3 },
-            { x: 163, y: 62 },
-            { x: 165.7, y: 73.1 },
-            { x: 161, y: 80 },
-            { x: 162, y: 54.7 },
-            { x: 166, y: 53.2 },
-            { x: 174, y: 75.7 },
-            { x: 172.7, y: 61.1 },
-            { x: 167.6, y: 55.7 },
-            { x: 151.1, y: 48.7 },
-            { x: 164.5, y: 52.3 },
-            { x: 163.5, y: 50 },
-            { x: 152, y: 59.3 },
-            { x: 169, y: 62.5 },
-            { x: 164, y: 55.7 },
-            { x: 161.2, y: 54.8 },
-            { x: 155, y: 45.9 },
-            { x: 170, y: 70.6 },
-            { x: 176.2, y: 67.2 },
-            { x: 170, y: 69.4 },
-            { x: 162.5, y: 58.2 },
-            { x: 170.3, y: 64.8 },
-            { x: 164.1, y: 71.6 },
-            { x: 169.5, y: 52.8 },
-            { x: 163.2, y: 59.8 },
-            { x: 154.5, y: 49 },
-            { x: 159.8, y: 50 },
-            { x: 173.2, y: 69.2 },
-            { x: 170, y: 55.9 },
-            { x: 161.4, y: 63.4 },
-            { x: 169, y: 58.2 },
-            { x: 166.2, y: 58.6 },
-            { x: 159.4, y: 45.7 },
-            { x: 162.5, y: 52.2 },
-            { x: 159, y: 48.6 },
-            { x: 162.8, y: 57.8 },
-            { x: 159, y: 55.6 },
-            { x: 179.8, y: 66.8 },
-            { x: 162.9, y: 59.4 },
-            { x: 161, y: 53.6 },
-            { x: 151.1, y: 73.2 },
-            { x: 168.2, y: 53.4 },
-            { x: 168.9, y: 69 },
-            { x: 173.2, y: 58.4 },
-            { x: 171.8, y: 56.2 },
-            { x: 178, y: 70.6 },
-            { x: 164.3, y: 59.8 },
-            { x: 163, y: 72 },
-            { x: 168.5, y: 65.2 },
-            { x: 166.8, y: 56.6 },
-            { x: 172.7, y: 105.2 },
-            { x: 163.5, y: 51.8 },
-            { x: 169.4, y: 63.4 },
-            { x: 167.8, y: 59 },
-            { x: 159.5, y: 47.6 },
-            { x: 167.6, y: 63 },
-            { x: 161.2, y: 55.2 },
-            { x: 160, y: 45 },
-            { x: 163.2, y: 54 },
-            { x: 162.2, y: 50.2 },
-            { x: 161.3, y: 60.2 },
-            { x: 149.5, y: 44.8 },
-            { x: 157.5, y: 58.8 },
-            { x: 163.2, y: 56.4 },
-            { x: 172.7, y: 62 },
-            { x: 155, y: 49.2 },
-            { x: 156.5, y: 67.2 },
-            { x: 164, y: 53.8 },
-            { x: 160.9, y: 54.4 },
-            { x: 162.8, y: 58 },
-            { x: 167, y: 59.8 },
-            { x: 160, y: 54.8 },
-            { x: 160, y: 43.2 },
-            { x: 168.9, y: 60.5 },
-            { x: 158.2, y: 46.4 },
-            { x: 156, y: 64.4 },
-            { x: 160, y: 48.8 },
-            { x: 167.1, y: 62.2 },
-            { x: 158, y: 55.5 },
-            { x: 167.6, y: 57.8 },
-            { x: 156, y: 54.6 },
-            { x: 162.1, y: 59.2 },
-            { x: 173.4, y: 52.7 },
-            { x: 159.8, y: 53.2 },
-            { x: 170.5, y: 64.5 },
-            { x: 159.2, y: 51.8 },
-            { x: 157.5, y: 56 },
-            { x: 161.3, y: 63.6 },
-            { x: 162.6, y: 63.2 },
-            { x: 160, y: 59.5 },
-            { x: 168.9, y: 56.8 },
-            { x: 165.1, y: 64.1 },
-            { x: 162.6, y: 50 },
-            { x: 165.1, y: 72.3 },
-            { x: 166.4, y: 55 },
-            { x: 160, y: 55.9 },
-            { x: 152.4, y: 60.4 },
-            { x: 170.2, y: 69.1 },
-            { x: 162.6, y: 84.5 },
-            { x: 170.2, y: 55.9 },
-            { x: 158.8, y: 55.5 },
-            { x: 172.7, y: 69.5 },
-            { x: 167.6, y: 76.4 },
-            { x: 162.6, y: 61.4 },
-            { x: 167.6, y: 65.9 },
-            { x: 156.2, y: 58.6 },
-            { x: 175.2, y: 66.8 },
-            { x: 172.1, y: 56.6 },
-            { x: 162.6, y: 58.6 },
-            { x: 160, y: 55.9 },
-            { x: 165.1, y: 59.1 },
-            { x: 182.9, y: 81.8 },
-            { x: 166.4, y: 70.7 },
-            { x: 165.1, y: 56.8 },
-            { x: 177.8, y: 60 },
-            { x: 165.1, y: 58.2 },
-            { x: 175.3, y: 72.7 },
-            { x: 154.9, y: 54.1 },
-            { x: 158.8, y: 49.1 },
-            { x: 172.7, y: 75.9 },
-            { x: 168.9, y: 55 },
-            { x: 161.3, y: 57.3 },
-            { x: 167.6, y: 55 },
-            { x: 165.1, y: 65.5 },
-            { x: 175.3, y: 65.5 },
-            { x: 157.5, y: 48.6 },
-            { x: 163.8, y: 58.6 },
-            { x: 167.6, y: 63.6 },
-            { x: 165.1, y: 55.2 },
-            { x: 165.1, y: 62.7 },
-            { x: 168.9, y: 56.6 },
-            { x: 162.6, y: 53.9 },
-            { x: 164.5, y: 63.2 },
-            { x: 176.5, y: 73.6 },
-            { x: 168.9, y: 62 },
-            { x: 175.3, y: 63.6 },
-            { x: 159.4, y: 53.2 },
-            { x: 160, y: 53.4 },
-            { x: 170.2, y: 55 },
-            { x: 162.6, y: 70.5 },
-            { x: 167.6, y: 54.5 },
-            { x: 162.6, y: 54.5 },
-            { x: 160.7, y: 55.9 },
-            { x: 160, y: 59 },
-            { x: 157.5, y: 63.6 },
-            { x: 162.6, y: 54.5 },
-            { x: 152.4, y: 47.3 },
-            { x: 170.2, y: 67.7 },
-            { x: 165.1, y: 80.9 },
-            { x: 172.7, y: 70.5 },
-            { x: 165.1, y: 60.9 },
-            { x: 170.2, y: 63.6 },
-            { x: 170.2, y: 54.5 },
-            { x: 170.2, y: 59.1 },
-            { x: 161.3, y: 70.5 },
-            { x: 167.6, y: 52.7 },
-            { x: 167.6, y: 62.7 },
-            { x: 165.1, y: 86.3 },
-            { x: 162.6, y: 66.4 },
-            { x: 152.4, y: 67.3 },
-            { x: 168.9, y: 63 },
-            { x: 170.2, y: 73.6 },
-            { x: 175.2, y: 62.3 },
-            { x: 175.2, y: 57.7 },
-            { x: 160, y: 55.4 },
-            { x: 165.1, y: 104.1 },
-            { x: 174, y: 55.5 },
-            { x: 170.2, y: 77.3 },
-            { x: 160, y: 80.5 },
-            { x: 167.6, y: 64.5 },
-            { x: 167.6, y: 72.3 },
-            { x: 167.6, y: 61.4 },
-            { x: 154.9, y: 58.2 },
-            { x: 162.6, y: 81.8 },
-            { x: 175.3, y: 63.6 },
-            { x: 171.4, y: 53.4 },
-            { x: 157.5, y: 54.5 },
-            { x: 165.1, y: 53.6 },
-            { x: 160, y: 60 },
-            { x: 174, y: 73.6 },
-            { x: 162.6, y: 61.4 },
-            { x: 174, y: 55.5 },
-            { x: 162.6, y: 63.6 },
-            { x: 161.3, y: 60.9 },
-            { x: 156.2, y: 60 },
-            { x: 149.9, y: 46.8 },
-            { x: 169.5, y: 57.3 },
-            { x: 160, y: 64.1 },
-            { x: 175.3, y: 63.6 },
-            { x: 169.5, y: 67.3 },
-            { x: 160, y: 75.5 },
-            { x: 172.7, y: 68.2 },
-            { x: 162.6, y: 61.4 },
-            { x: 157.5, y: 76.8 },
-            { x: 176.5, y: 71.8 },
-            { x: 164.4, y: 55.5 },
-            { x: 160.7, y: 48.6 },
-            { x: 174, y: 66.4 },
-            { x: 163.8, y: 67.3 },
-          ],
-        },
-      ],
-    }
-
-    const options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 380,
-        title: "Height vs Weight",
-      },
-      yAxis: {
-        title: "Weight (kg)",
-      },
-      xAxis: {
-        title: "Height (cm)",
-      },
-      tooltip: {
-        template: function (category, items) {
-          return (
-            '<div class="tui-chart-default-tooltip">' +
-            '<div class="tui-chart-tooltip-head">' +
-            items.legend +
-            "</div>" +
-            '<table class="tui-chart-tooltip-body">' +
-            "<tr>" +
-            "<td>Weight</td>" +
-            '<td class="tui-chart-tooltip-value">' +
-            items.x +
-            "kg</td>" +
-            "</tr>" +
-            "<tr>" +
-            "<td>Height</td>" +
-            '<td class="tui-chart-tooltip-value">' +
-            items.y +
-            "cm</td>" +
-            "</tr>" +
-            "</table>" +
-            "</div>"
-          )
-        },
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <ScatterChart data={data} options={options} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default ScatterChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/TreeMapChart.js b/Client/src/backoffice/pages/AllCharts/toastui/TreeMapChart.js
deleted file mode 100644
index 5015fc2..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/TreeMapChart.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { Component } from "react"
-
-import "tui-chart/dist/tui-chart.css"
-import { TreeMapChart } from "@toast-ui/react-chart"
-import TuiChart from "tui-chart"
-
-var theme = {
-  chart: {
-    background: {
-      color: "#fff",
-      opacity: 0,
-    },
-  },
-  title: {
-    color: "#8791af",
-  },
-
-  plot: {
-    lineColor: "rgba(166, 176, 207, 0.1)",
-  },
-  legend: {
-    label: {
-      color: "#8791af",
-    },
-  },
-  series: {
-    series: {
-      colors: ["#556ee6", "#34c38f", "#f46a6a", "#50a5f1", "#f1b44c"],
-    },
-    label: {
-      color: "#fff",
-      fontFamily: "sans-serif",
-    },
-  },
-}
-TuiChart.registerTheme("skoteTheme", theme)
-
-class TreeMapChartToast extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      series: [
-        {
-          label: "Documents",
-          children: [
-            {
-              label: "docs",
-              children: [
-                {
-                  label: "pages",
-                  value: 1.3,
-                },
-                {
-                  label: "keynote",
-                  value: 2.5,
-                },
-                {
-                  label: "numbers",
-                  value: 1.2,
-                },
-              ],
-            },
-            {
-              label: "photos",
-              value: 5.5,
-            },
-            {
-              label: "videos",
-              value: 20.7,
-            },
-          ],
-        },
-        {
-          label: "Downloads",
-          children: [
-            {
-              label: "recents",
-              value: 5.3,
-            },
-            {
-              label: "2015",
-              value: 10.1,
-            },
-            {
-              label: "2014",
-              value: 8.2,
-            },
-          ],
-        },
-        {
-          label: "Application",
-          value: 16.4,
-        },
-        {
-          label: "Desktop",
-          value: 4.5,
-        },
-      ],
-    }
-
-    var options = {
-      chart: {
-        width: this.props.chartWidth,
-        height: 350,
-        title: "Used disk space",
-      },
-      series: {
-        showLabel: true,
-        zoomable: false,
-        useLeafLabel: true,
-      },
-
-      tooltip: {
-        suffix: "GB",
-      },
-    }
-
-    return (
-      <React.Fragment>
-        <TreeMapChart data={data} options={options} theme={theme} />
-      </React.Fragment>
-    )
-  }
-}
-
-export default TreeMapChartToast
diff --git a/Client/src/backoffice/pages/AllCharts/toastui/toastui.scss b/Client/src/backoffice/pages/AllCharts/toastui/toastui.scss
deleted file mode 100644
index 49a22e6..0000000
--- a/Client/src/backoffice/pages/AllCharts/toastui/toastui.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-@import "../../../assets/scss/theme.scss";
-
-.tui-chart text {
-  fill: $text-muted;
-  font-family: $font-family-base !important;
-  filter: none;
-}
-.tui-chart svg path:not([class]) {
-  stroke: $text-muted;
-}
diff --git a/Client/src/backoffice/pages/Authentication/ForgetPassword.js b/Client/src/backoffice/pages/Authentication/ForgetPassword.js
deleted file mode 100644
index fd6c011..0000000
--- a/Client/src/backoffice/pages/Authentication/ForgetPassword.js
+++ /dev/null
@@ -1,179 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { Component } from "react"
-import { Alert, Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// Redux
-import { connect } from "react-redux"
-import { Link, withRouter } from "react-router-dom"
-
-// availity-reactstrap-validation
-import { AvField, AvForm } from "availity-reactstrap-validation"
-
-// action
-//import { userForgetPassword } from "../../store/actions"
-
-// import images
-import profile from "../../assets/images/profile-img.png"
-import logo from "../../assets/images/logo.svg"
-
-class ForgetPasswordPage extends Component {
-    constructor(props) {
-        super(props)
-        this.state = {}
-
-        // handleValidSubmit
-        this.handleValidSubmit = this.handleValidSubmit.bind(this)
-    }
-
-    // handleValidSubmit
-    handleValidSubmit(event, values) {
-        this.props.userForgetPassword(values, this.props.history)
-    }
-
-    render() {
-        return ( <
-            React.Fragment >
-            <
-            div className = "home-btn d-none d-sm-block" >
-            <
-            Link to = "/"
-            className = "text-dark" >
-            <
-            i className = "bx bx-home h2" / >
-            <
-            /Link> <
-            /div> <
-            div className = "account-pages my-5 pt-sm-5" >
-            <
-            Container >
-            <
-            Row className = "justify-content-center" >
-            <
-            Col md = { 8 }
-            lg = { 6 }
-            xl = { 5 } >
-            <
-            Card className = "overflow-hidden" >
-            <
-            div className = "bg-primary bg-soft" >
-            <
-            Row >
-            <
-            Col className = "col-7" >
-            <
-            div className = "text-primary p-4" >
-            <
-            h5 className = "text-primary" > Welcome Back! < /h5> <
-            p > Sign in to
-            continue to Skote. < /p> <
-            /div> <
-            /Col> <
-            Col className = "col-5 align-self-end" >
-            <
-            img src = { profile }
-            alt = ""
-            className = "img-fluid" / >
-            <
-            /Col> <
-            /Row> <
-            /div> <
-            CardBody className = "pt-0" >
-            <
-            div >
-            <
-            Link to = "/" >
-            <
-            div className = "avatar-md profile-user-wid mb-4" >
-            <
-            span className = "avatar-title rounded-circle bg-light" >
-            <
-            img src = { logo }
-            alt = ""
-            className = "rounded-circle"
-            height = "34" /
-            >
-            <
-            /span> <
-            /div> <
-            /Link> <
-            /div> <
-            div className = "p-2" > {
-                this.props.forgetError && this.props.forgetError ? ( <
-                    Alert color = "danger"
-                    style = {
-                        { marginTop: "13px" } } > { this.props.forgetError } <
-                    /Alert>
-                ) : null
-            } {
-                this.props.forgetSuccessMsg ? ( <
-                    Alert color = "success"
-                    style = {
-                        { marginTop: "13px" } } > { this.props.forgetSuccessMsg } <
-                    /Alert>
-                ) : null
-            }
-
-            <
-            AvForm className = "form-horizontal"
-            onValidSubmit = { this.handleValidSubmit } >
-            <
-            div className = "mb-3" >
-            <
-            AvField name = "email"
-            label = "Email"
-            className = "form-control"
-            placeholder = "Enter email"
-            type = "email"
-            required /
-            >
-            <
-            /div> <
-            div className = "text-end" >
-            <
-            button className = "btn btn-primary w-md waves-effect waves-light"
-            type = "submit" >
-            Reset <
-            /button> <
-            /div> <
-            /AvForm> <
-            /div> <
-            /CardBody> <
-            /Card> <
-            div className = "mt-5 text-center" >
-            <
-            p >
-            Go back to { " " } <
-            Link to = "login"
-            className = "fw-medium text-primary" >
-            Login <
-            /Link>{" "} <
-            /p> <
-            p > ©{ new Date().getFullYear() }
-            Skote.Crafted with { " " } <
-            i className = "mdi mdi-heart text-danger" / > by Themesbrand <
-            /p> <
-            /div> <
-            /Col> <
-            /Row> <
-            /Container> <
-            /div> <
-            /React.Fragment>
-        )
-    }
-}
-
-ForgetPasswordPage.propTypes = {
-    forgetError: PropTypes.func,
-    forgetSuccessMsg: PropTypes.func,
-    history: PropTypes.object,
-    userForgetPassword: PropTypes.any
-}
-
-const mapStateToProps = state => {
-    const { forgetError, forgetSuccessMsg } = state.ForgetPassword
-    return { forgetError, forgetSuccessMsg }
-}
-
-export default withRouter(
-    connect(mapStateToProps, { userForgetPassword })(ForgetPasswordPage)
-)
\ No newline at end of file
diff --git a/Client/src/backoffice/pages/Authentication/Login.js b/Client/src/backoffice/pages/Authentication/Login.js
deleted file mode 100644
index 6a2aab1..0000000
--- a/Client/src/backoffice/pages/Authentication/Login.js
+++ /dev/null
@@ -1,278 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from 'prop-types'
-
-import { Alert, Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// Redux
-import { connect } from "react-redux"
-import { Link, withRouter } from "react-router-dom"
-
-//Social Media Imports
-import { GoogleLogin } from "react-google-login"
-// import TwitterLogin from "react-twitter-auth"
-import FacebookLogin from "react-facebook-login/dist/facebook-login-render-props"
-
-//Import config
-//import { facebook, google } from "../../config"
-
-// availity-reactstrap-validation
-import { AvField, AvForm } from "availity-reactstrap-validation"
-
-// actions
-//import { apiError, loginUser, socialLogin } from "../../store/actions"
-
-// import images
-import profile from "../../assets/images/profile-img.png"
-import logo from "../../assets/images/logo.svg"
-import lightlogo from "../../assets/images/logo-light.svg"
-
-class Login extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-
-    // handleValidSubmit
-    this.handleValidSubmit = this.handleValidSubmit.bind(this)
-  }
-
-  // handleValidSubmit
-  handleValidSubmit(event, values) {
-    this.props.loginUser(values, this.props.history)
-  }
-
-  componentDidMount() {
-    this.props.apiError("")
-  }
-
-  signIn = (res, type) => {
-    const { socialLogin } = this.props
-    if (type === "google" && res) {
-      const postData = {
-        name: res.profileObj.name,
-        email: res.profileObj.email,
-        token: res.tokenObj.access_token,
-        idToken: res.tokenId,
-      }
-      socialLogin(postData, this.props.history, type)
-    } else if (type === "facebook" && res) {
-      const postData = {
-        name: res.name,
-        email: res.email,
-        token: res.accessToken,
-        idToken: res.tokenId,
-      }
-      socialLogin(postData, this.props.history, type)
-    }
-  }
-
-  //handleGoogleLoginResponse
-  googleResponse = response => {
-    this.signIn(response, "google")
-  }
-
-  //handleTwitterLoginResponse
-  twitterResponse = () => { }
-
-  //handleFacebookLoginResponse
-  facebookResponse = response => {
-    this.signIn(response, "facebook")
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="bx bx-home h2" />
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col className="col-7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Welcome Back !</h5>
-                          <p>Sign in to continue to Skote.</p>
-                        </div>
-                      </Col>
-                      <Col className="col-5 align-self-end">
-                        <img src={profile} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div className="auth-logo">
-                      <Link to="/" className="auth-logo-light">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={lightlogo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                      <Link to="/" className="auth-logo-dark">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <AvForm
-                        className="form-horizontal"
-                        onValidSubmit={this.handleValidSubmit}
-                      >
-                        {this.props.error && this.props.error ? (
-                          <Alert color="danger">{this.props.error}</Alert>
-                        ) : null}
-
-                        <div className="mb-3">
-                          <AvField
-                            name="email"
-                            label="Email"
-                            value="admin@themesbrand.com"
-                            className="form-control"
-                            placeholder="Enter email"
-                            type="email"
-                            required
-                          />
-                        </div>
-
-                        <div className="mb-3">
-                          <AvField
-                            name="password"
-                            label="Password"
-                            value="123456"
-                            type="password"
-                            required
-                            placeholder="Enter Password"
-                          />
-                        </div>
-
-                        <div className="form-check">
-                          <input
-                            type="checkbox"
-                            className="form-check-input"
-                            id="customControlInline"
-                          />
-                          <label
-                            className="form-check-label"
-                            htmlFor="customControlInline"
-                          >
-                            Remember me
-                          </label>
-                        </div>
-
-                        <div className="mt-3 d-grid">
-                          <button
-                            className="btn btn-primary btn-block waves-effect waves-light"
-                            type="submit"
-                          >
-                            Log In
-                          </button>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <h5 className="font-size-14 mb-3">Sign in with</h5>
-
-                          <ul className="list-inline">
-                            <li className="list-inline-item">
-                              <FacebookLogin
-                                appId={facebook.APP_ID}
-                                autoLoad={false}
-                                callback={this.facebookResponse}
-                                render={renderProps => (
-                                  <Link
-                                    to={""}
-                                    className="social-list-item bg-primary text-white border-primary"
-                                  // onClick={renderProps.onClick}
-                                  >
-                                    <i className="mdi mdi-facebook" />
-                                  </Link>
-                                )}
-                              />
-                            </li>
-                            <li className="list-inline-item">
-                              <GoogleLogin
-                                clientId={google.CLIENT_ID}
-                                render={renderProps => (
-                                  <Link
-                                    to={""}
-                                    className="social-list-item bg-danger text-white border-danger"
-                                  // onClick={renderProps.onClick}
-                                  >
-                                    <i className="mdi mdi-google" />
-                                  </Link>
-                                )}
-                                onSuccess={this.googleResponse}
-                                onFailure={() => { }}
-                              />
-                            </li>
-                          </ul>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <Link to="/forgot-password" className="text-muted">
-                            <i className="mdi mdi-lock me-1" /> Forgot your
-                            password?
-                          </Link>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Don't have an account ?{" "}
-                    <Link
-                      to="register"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Signup now{" "}
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger" /> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-Login.propTypes = {
-  apiError: PropTypes.any,
-  error: PropTypes.any,
-  history: PropTypes.object,
-  loginUser: PropTypes.func,
-  socialLogin: PropTypes.func
-}
-
-const mapStateToProps = state => {
-  const { error } = state.Login
-  return { error }
-}
-
-export default withRouter(
-  connect(mapStateToProps, { loginUser, apiError, socialLogin })(Login)
-)
diff --git a/Client/src/backoffice/pages/Authentication/Logout.js b/Client/src/backoffice/pages/Authentication/Logout.js
deleted file mode 100644
index 5aed4f2..0000000
--- a/Client/src/backoffice/pages/Authentication/Logout.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React, { Component } from "react"
-import { connect } from "react-redux"
-import { withRouter } from "react-router-dom"
-
-//import { logoutUser } from "../../store/actions"
-
-class Logout extends Component {
-  /**
-   * Redirect to login
-   */
-  componentDidMount = () => {
-    // emit the event
-    this.props.logoutUser(this.props.history)
-  }
-
-  render() {
-    return <React.Fragment></React.Fragment>
-  }
-}
-
-export default Logout;
diff --git a/Client/src/backoffice/pages/Authentication/Register.js b/Client/src/backoffice/pages/Authentication/Register.js
deleted file mode 100644
index 2ee3620..0000000
--- a/Client/src/backoffice/pages/Authentication/Register.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import { Alert, Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// availity-reactstrap-validation
-import { AvField, AvForm } from "availity-reactstrap-validation"
-
-// action
-//import { apiError, registerUser, registerUserFailed } from "../../store/actions"
-
-// Redux
-import { connect } from "react-redux"
-import { Link } from "react-router-dom"
-
-// import images
-import profileImg from "../../assets/images/profile-img.png"
-import logoImg from "../../assets/images/logo.svg"
-
-class Register extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-
-    // handleValidSubmit
-    this.handleValidSubmit = this.handleValidSubmit.bind(this)
-  }
-
-  // handleValidSubmit
-  handleValidSubmit(event, values) {
-    this.props.registerUser(values)
-  }
-
-  componentDidMount() {
-    this.props.apiError("")
-    this.props.registerUserFailed("")
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="bx bx-home h2" />
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col className="col-7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Free Register</h5>
-                          <p>Get your free Skote account now.</p>
-                        </div>
-                      </Col>
-                      <Col className="col-5 align-self-end">
-                        <img src={profileImg} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div>
-                      <Link to="/">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logoImg}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <AvForm
-                        className="needs-validation"
-                        onValidSubmit={this.handleValidSubmit}
-                      >
-                        {this.props.user && this.props.user ? (
-                          <Alert color="success">
-                            Register User Successfully
-                          </Alert>
-                        ) : null}
-                        {console.log(this.props.user)}
-                        {this.props.registrationError &&
-                        this.props.registrationError ? (
-                          <Alert color="danger">
-                            {this.props.registrationError}
-                          </Alert>
-                        ) : null}
-
-                        <div className="mb-3">
-                          <AvField
-                            name="email"
-                            label="Email"
-                            className="form-control"
-                            placeholder="Enter email"
-                            type="email"
-                            required
-                          />
-                        </div>
-
-                        <div className="mb-3">
-                          <AvField
-                            name="username"
-                            label="Username"
-                            type="text"
-                            required
-                            placeholder="Enter username"
-                          />
-                        </div>
-                        <div className="mb-3">
-                          <AvField
-                            name="password"
-                            label="Password"
-                            type="password"
-                            required
-                            placeholder="Enter Password"
-                          />
-                        </div>
-
-                        <div className="mt-4 d-grid">
-                          <button
-                            className="btn btn-primary btn-block waves-effect waves-light"
-                            type="submit"
-                          >
-                            Register
-                          </button>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <p className="mb-0">
-                            By registering you agree to the Skote{" "}
-                            <Link to="#" className="text-primary">
-                              Terms of Use
-                            </Link>
-                          </p>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Already have an account ?{" "}
-                    <Link
-                      to="/login"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Login
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger" /> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-Register.propTypes = {
-  apiError: PropTypes.any,
-  registerUser: PropTypes.func,
-  registerUserFailed: PropTypes.any,
-  registrationError: PropTypes.any,
-  user: PropTypes.object,
-}
-
-const mapStateToProps = state => {
-  const { user, registrationError, loading } = state.Account
-  return { user, registrationError, loading }
-}
-
-export default Register;
diff --git a/Client/src/backoffice/pages/Authentication/UserProfile.js b/Client/src/backoffice/pages/Authentication/UserProfile.js
index 9b528e9..ac0609b 100644
--- a/Client/src/backoffice/pages/Authentication/UserProfile.js
+++ b/Client/src/backoffice/pages/Authentication/UserProfile.js
@@ -1,14 +1,14 @@
 import PropTypes from 'prop-types'
 import React, { Component } from "react"
 import {
-  Alert,
-  Button,
-  Card,
-  CardBody,
-  Col,
-  Container,
-  Media,
-  Row,
+    Alert,
+    Button,
+    Card,
+    CardBody,
+    Col,
+    Container,
+    Media,
+    Row,
 } from "reactstrap"
 
 // availity-reactstrap-validation
@@ -26,145 +26,145 @@ import avatar from "../../assets/images/users/avatar-1.jpg"
 //import { editProfile ,resetProfileFlag } from "../../store/actions"
 
 class UserProfile extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { email: "", name: "", idx: 1 }
+    constructor(props) {
+        super(props)
+        this.state = { email: "", name: "", idx: 1 }
+
+        // handleValidSubmit
+        this.handleValidSubmit = this.handleValidSubmit.bind(this)
+    }
 
     // handleValidSubmit
-    this.handleValidSubmit = this.handleValidSubmit.bind(this)
-  }
-
-  // handleValidSubmit
-  handleValidSubmit(event, values) {
-    this.props.editProfile(values)
-  }
-
-  componentDidMount() {
-    if (localStorage.getItem("authUser")) {
-      const obj = JSON.parse(localStorage.getItem("authUser"))
-      if (process.env.REACT_APP_DEFAULTAUTH === "firebase") {
-        this.setState({
-          name: obj.displayName,
-          email: obj.email,
-          idx: obj.uid,
-        })
-      } else if (
-        process.env.REACT_APP_DEFAULTAUTH === "fake" ||
-        process.env.REACT_APP_DEFAULTAUTH === "jwt"
-      ) {
-        this.setState({ name: obj.username, email: obj.email, idx: obj.uid })
-      }
+    handleValidSubmit(event, values) {
+        this.props.editProfile(values)
+    }
+
+    componentDidMount() {
+        if (localStorage.getItem("authUser")) {
+            const obj = JSON.parse(localStorage.getItem("authUser"))
+            if (process.env.REACT_APP_DEFAULTAUTH === "firebase") {
+                this.setState({
+                    name: obj.displayName,
+                    email: obj.email,
+                    idx: obj.uid,
+                })
+            } else if (
+                process.env.REACT_APP_DEFAULTAUTH === "fake" ||
+                process.env.REACT_APP_DEFAULTAUTH === "jwt"
+            ) {
+                this.setState({ name: obj.username, email: obj.email, idx: obj.uid })
+            }
+        }
     }
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  componentDidUpdate(prevProps, prevState, ss) {
-    if (this.props !== prevProps) {
-      const obj = JSON.parse(localStorage.getItem("authUser"))
-      if (process.env.REACT_APP_DEFAULTAUTH === "firebase") {
-        this.setState({
-          name: obj.displayName,
-          email: obj.email,
-          idx: obj.uid,
-        })
-      } else if (
-        process.env.REACT_APP_DEFAULTAUTH === "fake" ||
-        process.env.REACT_APP_DEFAULTAUTH === "jwt"
-      ) {
-        this.setState({ name: obj.username, email: obj.email, idx: obj.uid })
-      }
-      setTimeout(() => {
-        this.props.resetProfileFlag();
-      }, 3000);
+
+    // eslint-disable-next-line no-unused-vars
+    componentDidUpdate(prevProps, prevState, ss) {
+        if (this.props !== prevProps) {
+            const obj = JSON.parse(localStorage.getItem("authUser"))
+            if (process.env.REACT_APP_DEFAULTAUTH === "firebase") {
+                this.setState({
+                    name: obj.displayName,
+                    email: obj.email,
+                    idx: obj.uid,
+                })
+            } else if (
+                process.env.REACT_APP_DEFAULTAUTH === "fake" ||
+                process.env.REACT_APP_DEFAULTAUTH === "jwt"
+            ) {
+                this.setState({ name: obj.username, email: obj.email, idx: obj.uid })
+            }
+            setTimeout(() => {
+                this.props.resetProfileFlag();
+            }, 3000);
+        }
+    }
+
+    render() {
+        return (
+            <React.Fragment>
+                <div className="page-content">
+                    <Container fluid>
+                        {/* Render Breadcrumb */}
+                        <Breadcrumb title="Skote" breadcrumbItem="Profile" />
+
+                        <Row>
+                            <Col lg="12">
+                                {this.props.error && this.props.error ? (
+                                    <Alert color="danger">{this.props.error}</Alert>
+                                ) : null}
+                                {this.props.success && this.props.success ? (
+                                    <Alert color="success">{this.props.success}</Alert>
+                                ) : null}
+
+                                <Card>
+                                    <CardBody>
+                                        <Media>
+                                            <div className="me-3">
+                                                <img
+                                                    src={avatar}
+                                                    alt=""
+                                                    className="avatar-md rounded-circle img-thumbnail"
+                                                />
+                                            </div>
+                                            <Media body className="align-self-center">
+                                                <div className="text-muted">
+                                                    <h5>{this.state.name}</h5>
+                                                    <p className="mb-1">{this.state.email}</p>
+                                                    <p className="mb-0">Id no: #{this.state.idx}</p>
+                                                </div>
+                                            </Media>
+                                        </Media>
+                                    </CardBody>
+                                </Card>
+                            </Col>
+                        </Row>
+
+                        <h4 className="card-title mb-4">Change User Name</h4>
+
+                        <Card>
+                            <CardBody>
+                                <AvForm
+                                    className="form-horizontal"
+                                    onValidSubmit={(e, v) => {
+                                        this.handleValidSubmit(e, v)
+                                    }}
+                                >
+                                    <div className="form-group">
+                                        <AvField
+                                            name="username"
+                                            label="User Name"
+                                            value={this.state.name}
+                                            className="form-control"
+                                            placeholder="Enter User Name"
+                                            type="text"
+                                            required
+                                        />
+                                        <AvField name="idx" value={this.state.idx} type="hidden" />
+                                    </div>
+                                    <div className="text-center mt-4">
+                                        <Button type="submit" color="danger">
+                                            Edit User Name
+                                        </Button>
+                                    </div>
+                                </AvForm>
+                            </CardBody>
+                        </Card>
+                    </Container>
+                </div>
+            </React.Fragment>
+        )
     }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumb title="Skote" breadcrumbItem="Profile" />
-
-            <Row>
-              <Col lg="12">
-                {this.props.error && this.props.error ? (
-                  <Alert color="danger">{this.props.error}</Alert>
-                ) : null}
-                {this.props.success && this.props.success ? (
-                  <Alert color="success">{this.props.success}</Alert>
-                ) : null}
-
-                <Card>
-                  <CardBody>
-                    <Media>
-                      <div className="me-3">
-                        <img
-                          src={avatar}
-                          alt=""
-                          className="avatar-md rounded-circle img-thumbnail"
-                        />
-                      </div>
-                      <Media body className="align-self-center">
-                        <div className="text-muted">
-                          <h5>{this.state.name}</h5>
-                          <p className="mb-1">{this.state.email}</p>
-                          <p className="mb-0">Id no: #{this.state.idx}</p>
-                        </div>
-                      </Media>
-                    </Media>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <h4 className="card-title mb-4">Change User Name</h4>
-
-            <Card>
-              <CardBody>
-                <AvForm
-                  className="form-horizontal"
-                  onValidSubmit={(e, v) => {
-                    this.handleValidSubmit(e, v)
-                  }}
-                >
-                  <div className="form-group">
-                    <AvField
-                      name="username"
-                      label="User Name"
-                      value={this.state.name}
-                      className="form-control"
-                      placeholder="Enter User Name"
-                      type="text"
-                      required
-                    />
-                    <AvField name="idx" value={this.state.idx} type="hidden" />
-                  </div>
-                  <div className="text-center mt-4">
-                    <Button type="submit" color="danger">
-                      Edit User Name
-                    </Button>
-                  </div>
-                </AvForm>
-              </CardBody>
-            </Card>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
 }
 
 UserProfile.propTypes = {
-  editProfile: PropTypes.func,
-  error: PropTypes.any,
-  success: PropTypes.any
+    editProfile: PropTypes.func,
+    error: PropTypes.any,
+    success: PropTypes.any
 }
 
 const mapStateToProps = state => {
-  const { error, success } = state.Profile
-  return { error, success }
+    const { error, success } = state.Profile
+    return { error, success }
 }
 
 export default UserProfile;
diff --git a/Client/src/backoffice/pages/AuthenticationInner/CarouselPage.js b/Client/src/backoffice/pages/AuthenticationInner/CarouselPage.js
deleted file mode 100644
index b1bc215..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/CarouselPage.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { Component } from "react"
-import { Carousel } from "react-responsive-carousel"
-import "react-responsive-carousel/lib/styles/carousel.min.css"
-import { Col } from "reactstrap"
-
-export default class CarouselPage extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <Col xl={9}>
-          <div className="auth-full-bg pt-lg-5 p-4">
-            <div className="w-100">
-              <div className="bg-overlay"></div>
-              <div className="d-flex h-100 flex-column">
-                <div className="p-4 mt-auto">
-                  <div className="row justify-content-center">
-                    <div className="col-lg-7">
-                      <div className="text-center">
-                        <h4 className="mb-3">
-                          <i className="bx bxs-quote-alt-left text-primary h1 align-middle me-3"></i>
-                          <span className="text-primary">5k</span>+ Satisfied
-                          clients
-                        </h4>
-                        <div dir="ltr">
-                          <Carousel showThumbs={false} className="slider_css">
-                            <div>
-                              <div className="item">
-                                <div className="py-3">
-                                  <p className="font-size-16 mb-4">
-                                    " Fantastic theme with a ton of options. If
-                                    you just want the HTML to integrate with your
-                                    project, then this is the package. You can
-                                    find the files in the 'dist' folder...no need
-                                    to install git and all the other stuff the
-                                    documentation talks about. "
-                                </p>
-
-                                  <div>
-                                    <h4 className="font-size-16 text-primary">
-                                      Abs1981
-                                  </h4>
-                                    <p className="font-size-14 mb-0">
-                                      - Skote User
-                                  </p>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div>
-                              <div className="item">
-                                <div className="py-3">
-                                  <p className="font-size-16 mb-4">
-                                    "If Every Vendor on Envato are as supportive
-                                    as Themesbrand, Development with be a nice
-                                    experience. You guys are Wonderful. Keep us
-                                    the good work. "
-                                </p>
-
-                                  <div>
-                                    <h4 className="font-size-16 text-primary">
-                                      Abs1981
-                                  </h4>
-                                    <p className="font-size-14 mb-0">
-                                      - Skote User
-                                  </p>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </Carousel>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </Col>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/ForgetPassword.js b/Client/src/backoffice/pages/AuthenticationInner/ForgetPassword.js
deleted file mode 100644
index 4213fc2..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/ForgetPassword.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { Component } from "react"
-import { Alert, Row, Col, CardBody, Card, Container } from "reactstrap"
-
-import { Link } from "react-router-dom"
-
-// availity-reactstrap-validation
-import { AvForm, AvField } from "availity-reactstrap-validation"
-
-// import images
-import profile from "../../assets/images/profile-img.png"
-import logo from "../../assets/images/logo.svg"
-
-class ForgetPasswordPage extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="fas fa-home h2" />
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col className="col-7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Welcome Back !</h5>
-                          <p>Sign in to continue to Skote.</p>
-                        </div>
-                      </Col>
-                      <Col className="col-5 align-self-end">
-                        <img src={profile} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div>
-                      <Link to="/">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <Alert color="success" className="text-center mb-4">
-                        Enter your Email and instructions will be sent to you!
-                        </Alert>
-                      <AvForm className="mb-3">
-                        <div className="form-group">
-                          <AvField
-                            name="email"
-                            label="Email"
-                            className="form-control"
-                            placeholder="Enter email"
-                            type="email"
-                            required
-                          />
-                        </div>
-                        <div className="text-end">
-                          <button
-                            className="btn btn-primary w-md waves-effect waves-light"
-                            type="submit"
-                          >
-                            Reset
-                            </button>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Go back to{" "}
-                    <Link
-                      to="pages-login"
-                      className="fw-medium text-primary"
-                    >
-                      Login
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger" /> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-export default ForgetPasswordPage
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Login.js b/Client/src/backoffice/pages/AuthenticationInner/Login.js
deleted file mode 100644
index 68f06f0..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Login.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-// Redux
-import { Link } from "react-router-dom"
-
-import { Row, Col, CardBody, Card, Container } from "reactstrap"
-
-// availity-reactstrap-validation
-import { AvForm, AvField } from "availity-reactstrap-validation"
-
-// import images
-import profile from "../../assets/images/profile-img.png"
-import logo from "../../assets/images/logo.svg"
-import lightlogo from "../../assets/images/logo-light.svg"
-
-class Login extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-       <MetaTags>
-            <title>Login | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="bx bx-home h2" />
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col className="col-7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Welcome Back !</h5>
-                          <p>Sign in to continue to Skote.</p>
-                        </div>
-                      </Col>
-                      <Col className="col-5 align-self-end">
-                        <img src={profile} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div className="auth-logo">
-                      <Link to="/" className="auth-logo-light">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={lightlogo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                      <Link to="/" className="auth-logo-dark">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <AvForm className="form-horizontal">
-                        <div className="mb-3">
-                          <AvField
-                            name="username"
-                            label="Username"
-                            value=""
-                            className="form-control"
-                            placeholder="Enter username"
-                            type="text"
-                            required
-                          />
-                        </div>
-
-                        <div className="mb-3">
-                          <AvField
-                            name="password"
-                            label="Password"
-                            value=""
-                            type="password"
-                            required
-                            placeholder="Enter password"
-                          />
-                        </div>
-
-                        <div className="form-check">
-                          <input
-                            type="checkbox"
-                            className="form-check-input"
-                            id="customControlInline"
-                          />
-                          <label
-                            className="form-check-label"
-                            htmlFor="customControlInline"
-                          >
-                            Remember me
-                          </label>
-                        </div>
-
-                        <div className="mt-3 d-grid">
-                          <button
-                            className="btn btn-primary btn-block waves-effect waves-light"
-                            type="submit"
-                          >
-                            Log In
-                          </button>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <h5 className="font-size-14 mb-3">Sign in with</h5>
-
-                          <ul className="list-inline">
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-primary text-white border-primary"
-                              >
-                                <i className="mdi mdi-facebook" />
-                              </Link>
-                            </li>{" "}
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-info text-white border-info"
-                              >
-                                <i className="mdi mdi-twitter" />
-                              </Link>
-                            </li>{" "}
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-danger text-white border-danger"
-                              >
-                                <i className="mdi mdi-google" />
-                              </Link>
-                            </li>
-                          </ul>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <Link to="/pages-forgot-pwd" className="text-muted">
-                            <i className="mdi mdi-lock me-1" /> Forgot your
-                            password?
-                          </Link>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Don't have an account ?{" "}
-                    <Link
-                      to="pages-register"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Signup now{" "}
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger" /> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Login
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Login2.js b/Client/src/backoffice/pages/AuthenticationInner/Login2.js
deleted file mode 100644
index adb23ed..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Login2.js
+++ /dev/null
@@ -1,169 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Link } from "react-router-dom"
-import { Col, Container, Form, FormGroup, Label, Row, Input } from "reactstrap"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import CarouselPage from "./CarouselPage"
-
-export default class Login2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Login 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <Link to="dashboard" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </Link>
-                      </div>
-                      <div className="my-auto">
-                        <div>
-                          <h5 className="text-primary">Welcome Back !</h5>
-                          <p className="text-muted">
-                            Sign in to continue to Skote.
-                          </p>
-                        </div>
-
-                        <div className="mt-4">
-                          <Form action="dashboard">
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="username" className="form-label">Username</Label>
-                              <Input
-                                type="text"
-                                className="form-control"
-                                id="username"
-                                placeholder="Enter username"
-                              />
-                            </FormGroup>
-
-                            <FormGroup className="mb-3">
-                              <div className="float-end">
-                                <Link
-                                  to="auth-recoverpw-2"
-                                  className="text-muted"
-                                >
-                                  Forgot password?
-                                </Link>
-                              </div>
-                              <Label htmlFor="userpassword" className="form-label">Password</Label>
-                              <Input
-                                type="password"
-                                className="form-control"
-                                id="userpassword"
-                                placeholder="Enter password"
-                              />
-                            </FormGroup>
-
-                            <div className="form-check">
-                              <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="auth-remember-check"
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="auth-remember-check"
-                              >
-                                Remember me
-                              </label>
-                            </div>
-
-                            <div className="mt-3 d-grid">
-                              <button
-                                className="btn btn-primary btn-block waves-effect waves-light"
-                                type="submit"
-                              >
-                                Log In
-                              </button>
-                            </div>
-
-                            <div className="mt-4 text-center">
-                              <h5 className="font-size-14 mb-3">
-                                Sign in with
-                              </h5>
-
-                              <ul className="list-inline">
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-primary text-white border-primary"
-                                  >
-                                    <i className="mdi mdi-facebook"></i>
-                                  </Link>
-                                </li>{" "}
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-info text-white border-info"
-                                  >
-                                    <i className="mdi mdi-twitter"></i>
-                                  </Link>
-                                </li>{" "}
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-danger text-white border-danger"
-                                  >
-                                    <i className="mdi mdi-google"></i>
-                                  </Link>
-                                </li>
-                              </ul>
-                            </div>
-                          </Form>
-                          <div className="mt-5 text-center">
-                            <p>
-                              Don't have an account ?{" "}
-                              <Link
-                                to="page-register-2"
-                                className="fw-medium text-primary"
-                              >
-                                {" "}
-                                Signup now{" "}
-                              </Link>{" "}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          © {new Date().getFullYear()} Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Recoverpw.js b/Client/src/backoffice/pages/AuthenticationInner/Recoverpw.js
deleted file mode 100644
index 2d382e3..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Recoverpw.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Link } from "react-router-dom";
-import { Card, CardBody, Col, Container, Form, FormGroup, Input, Label, Row } from "reactstrap"
-
-// import images
-import profile from '../../assets/images/profile-img.png';
-import logo from '../../assets/images/logo.svg';
-
-export default class Recoverpw extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div className="account-pages my-5 pt-sm-5">
-        <MetaTags>
-            <title>Recover Password | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col xs={7}>
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary"> Reset Password</h5>
-                          <p>Re-Password with Skote.</p>
-                        </div>
-                      </Col>
-                      <Col xs={5} className="align-self-end">
-                        <img
-                          src={profile}
-                          alt=""
-                          className="img-fluid"
-                        />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div>
-                      <Link to="dashboard">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logo}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-
-                    <div className="p-2">
-                      <div
-                        className="alert alert-success text-center mb-4"
-                        role="alert"
-                      >
-                        Enter your Email and instructions will be sent to you!
-                      </div>
-                      <Form className="form-horizontal" action="dashboard">
-                        <FormGroup className="mb-3">
-                          <Label htmlFor="useremail">Email</Label>
-                          <Input
-                            type="email"
-                            className="form-control"
-                            id="useremail"
-                            placeholder="Enter email"
-                          />
-                        </FormGroup>
-
-                        <div className="text-end">
-                            <button
-                              className="btn btn-primary w-md waves-effect waves-light"
-                              type="submit"
-                            >
-                              Reset
-                            </button>
-                          </div>
-                      </Form>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Remember It ?{" "}
-                    <Link
-                      to="page-login"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Sign In here
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"></i> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Recoverpw2.js b/Client/src/backoffice/pages/AuthenticationInner/Recoverpw2.js
deleted file mode 100644
index d7c1882..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Recoverpw2.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Link } from "react-router-dom"
-import { Col, Container, Form, FormGroup, Input, Label, Row } from "reactstrap"
-
-// import ReactDOM from 'react-dom';
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import CarouselPage from "./CarouselPage"
-export default class Recoverpw2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Recover Password 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <a href="/" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </a>
-                      </div>
-                      <div className="my-auto">
-                        <div>
-                          <h5 className="text-primary"> Reset Password</h5>
-                          <p className="text-muted">Re-Password with Skote.</p>
-                        </div>
-
-                        <div className="mt-4">
-                          <div
-                            className="alert alert-success text-center mb-4"
-                            role="alert"
-                          >
-                            Enter your Email and instructions will be sent to
-                            you!
-                          </div>
-                          <Form action="dashboard">
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="useremail">Email</Label>
-                              <Input
-                                type="email"
-                                className="form-control"
-                                id="useremail"
-                                placeholder="Enter email"
-                              />
-                            </FormGroup>
-
-                            <div className="text-end">
-                              <button
-                                className="btn btn-primary w-md waves-effect waves-light"
-                                type="submit"
-                              >
-                                Reset
-                                </button>
-                            </div>
-                          </Form>
-                          <div className="mt-5 text-center">
-                            <p>
-                              Remember It ?{" "}
-                              <Link
-                                to="page-login-2"
-                                className="fw-medium text-primary"
-                              >
-                                {" "}
-                                Sign In here
-                              </Link>{" "}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          © {new Date().getFullYear()} Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Register.js b/Client/src/backoffice/pages/AuthenticationInner/Register.js
deleted file mode 100644
index 53c60d6..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Register.js
+++ /dev/null
@@ -1,173 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-// availity-reactstrap-validation
-import { AvForm, AvField } from "availity-reactstrap-validation"
-import { Link } from "react-router-dom"
-
-import { Row, Col, CardBody, Card, Container } from "reactstrap"
-
-// import images
-import profileImg from "../../assets/images/profile-img.png"
-import logoImg from "../../assets/images/logo.svg"
-
-class Register extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-       <MetaTags>
-            <title>Register | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="bx bx-home h2"/>
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md={8} lg={8} xl={5}>
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col className="col-7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Free Register</h5>
-                          <p>Get your free Skote account now.</p>
-                        </div>
-                      </Col>
-                      <Col className="col-5 align-self-end">
-                        <img src={profileImg} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div>
-                      <Link to="/">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logoImg}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <AvForm className="form-horizontal">
-                        <div className="mb-3">
-                          <AvField
-                            name="email"
-                            label="Email"
-                            className="form-control"
-                            placeholder="Enter email"
-                            type="email"
-                            required
-                          />
-                        </div>
-
-                        <div className="mb-3">
-                          <AvField
-                            name="username"
-                            label="Username"
-                            type="text"
-                            required
-                            placeholder="Enter username"
-                          />
-                        </div>
-                        <div className="mb-3">
-                          <AvField
-                            name="password"
-                            label="Password"
-                            type="password"
-                            required
-                            placeholder="Enter password"
-                          />
-                        </div>
-
-                        <div className="mt-4 d-grid">
-                          <button
-                            className="btn btn-primary btn-block waves-effect waves-light"
-                            type="submit"
-                          >
-                            Register
-                          </button>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <h5 className="font-size-14 mb-3">Sign up using</h5>
-
-                          <ul className="list-inline">
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-primary text-white border-primary"
-                              >
-                                <i className="mdi mdi-facebook"/>
-                              </Link>
-                            </li>{" "}
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-info text-white border-info"
-                              >
-                                <i className="mdi mdi-twitter"/>
-                              </Link>
-                            </li>{" "}
-                            <li className="list-inline-item">
-                              <Link
-                                to="#"
-                                className="social-list-item bg-danger text-white border-danger"
-                              >
-                                <i className="mdi mdi-google"/>
-                              </Link>
-                            </li>
-                          </ul>
-                        </div>
-
-                        <div className="mt-4 text-center">
-                          <p className="mb-0">
-                            By registering you agree to the Skote{" "}
-                            <Link to="#" className="text-primary">
-                              Terms of Use
-                            </Link>
-                          </p>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Already have an account ?{" "}
-                    <Link
-                      to="/pages-login"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Login
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"/> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Register
diff --git a/Client/src/backoffice/pages/AuthenticationInner/Register2.js b/Client/src/backoffice/pages/AuthenticationInner/Register2.js
deleted file mode 100644
index 3ef4a3b..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/Register2.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import React, { Component } from "react"
-import { Link } from "react-router-dom"
-import MetaTags from 'react-meta-tags';
-
-import { Col, Container, Form, FormGroup, Input, Label, Row } from "reactstrap"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import CarouselPage from "./CarouselPage"
-
-export default class Register2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Register 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <Link to="dashboard" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </Link>
-                      </div>
-                      <div className="my-auto">
-                        <div>
-                          <h5 className="text-primary">Register account</h5>
-                          <p className="text-muted">
-                            Get your free Skote account now.
-                          </p>
-                        </div>
-
-                        <div className="mt-4">
-                          <Form action="dashboard" className="needs-validation">
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="useremail" className="form-label">Email</Label>
-                              <Input
-                                type="email"
-                                className="form-control"
-                                id="useremail"
-                                placeholder="Enter email"
-                              />
-                            </FormGroup>
-
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="username" className="form-label">Username</Label>
-                              <Input
-                                type="text"
-                                className="form-control"
-                                id="username"
-                                placeholder="Enter username"
-                              />
-                            </FormGroup>
-
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="userpassword" className="form-label">Password</Label>
-                              <Input
-                                type="password"
-                                className="form-control"
-                                id="userpassword"
-                                placeholder="Enter password"
-                              />
-                            </FormGroup>
-
-                            <div>
-                              <p className="mb-0">
-                                By registering you agree to the Skote{" "}
-                                <a href="#" className="text-primary">
-                                  Terms of Use
-                                </a>
-                              </p>
-                            </div>
-
-                            <div className="mt-4 d-grid">
-                              <button
-                                className="btn btn-primary btn-block waves-effect waves-light"
-                                type="submit"
-                              >
-                                Register
-                              </button>
-                            </div>
-
-                            <div className="mt-4 text-center">
-                              <h5 className="font-size-14 mb-3">
-                                Sign up using
-                              </h5>
-
-                              <ul className="list-inline">
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-primary text-white border-primary"
-                                  >
-                                    <i className="mdi mdi-facebook"></i>
-                                  </Link>
-                                </li>{" "}
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-info text-white border-info"
-                                  >
-                                    <i className="mdi mdi-twitter"></i>
-                                  </Link>
-                                </li>{" "}
-                                <li className="list-inline-item">
-                                  <Link
-                                    to="#"
-                                    className="social-list-item bg-danger text-white border-danger"
-                                  >
-                                    <i className="mdi mdi-google"></i>
-                                  </Link>
-                                </li>
-                              </ul>
-                            </div>
-                          </Form>
-
-                          <div className="mt-5 text-center">
-                            <p>
-                              Already have an account ?{" "}
-                              <Link
-                                to="page-login-2"
-                                className="fw-medium text-primary"
-                              >
-                                {" "}
-                                Login
-                              </Link>{" "}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          ©{" "}
-                          <script>
-                            document.write(new Date().getFullYear())
-                          </script>{" "}
-                          Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification-2.js b/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification-2.js
deleted file mode 100644
index 981dc60..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification-2.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import CarouselPage from "./CarouselPage"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import { Col, Container, Row } from "reactstrap"
-
-export default class EmailVerification2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Email verification 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="g-0">
-              <CarouselPage />
-
-              <Col cl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <a href="/" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </a>
-                      </div>
-                      <div className="my-auto">
-                        <div className="text-center">
-                          <div className="avatar-md mx-auto">
-                            <div className="avatar-title rounded-circle bg-light">
-                              <i className="bx bxs-envelope h1 mb-0 text-primary"></i>
-                            </div>
-                          </div>
-                          <div className="p-2 mt-4">
-                            <h4>Verify your email</h4>
-                            <p>
-                              We have sent you verification email{" "}
-                              <span className="font-weight-semibold">
-                                example@abc.com
-                              </span>
-                              , Please check it
-                            </p>
-                            <div className="mt-4">
-                              <a
-                                href="/"
-                                className="btn btn-success w-md"
-                              >
-                                Verify email
-                              </a>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          © {new Date().getFullYear()} Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification.js b/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification.js
deleted file mode 100644
index 167ba47..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-email-verification.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React, { Component } from "react"
-import { Link } from "react-router-dom"
-import MetaTags from 'react-meta-tags';
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-
-export default class EmailVerification extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div className="account-pages my-5 pt-sm-5">
-        <MetaTags>
-            <title>Email Verification | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container>
-            <Row>
-              <Col lg={12}>
-                <div className="text-center mb-5 text-muted">
-                  <Link to="dashboard" className="d-block auth-logo">
-                    <img
-                      src={logodark}
-                      alt=""
-                      height="20"
-                      className="auth-logo-dark mx-auto"
-                    />
-                    <img
-                      src={logolight}
-                      alt=""
-                      height="20"
-                      className="auth-logo-light mx-auto"
-                    />
-                  </Link>
-                  <p className="mt-3">Responsive Bootstrap 5 Admin Dashboard</p>
-                </div>
-              </Col>
-            </Row>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card>
-                  <CardBody>
-                    <div className="p-2">
-                      <div className="text-center">
-                        <div className="avatar-md mx-auto">
-                          <div className="avatar-title rounded-circle bg-light">
-                            <i className="bx bxs-envelope h1 mb-0 text-primary"></i>
-                          </div>
-                        </div>
-                        <div className="p-2 mt-4">
-                          <h4>Verify your email</h4>
-                          <p>
-                            We have sent you verification email{" "}
-                            <span className="font-weight-semibold">
-                              example@abc.com
-                            </span>
-                            , Please check it
-                          </p>
-                          <div className="mt-4">
-                            <a
-                              href="/"
-                              className="btn btn-success w-md"
-                            >
-                              Verify email
-                            </a>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Did't receive an email ?{" "}
-                    <a href="#" className="fw-medium text-primary">
-                      {" "}
-                      Resend{" "}
-                    </a>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"></i> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen-2.js b/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen-2.js
deleted file mode 100644
index d595352..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen-2.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React, { Component } from "react"
-import CarouselPage from "./CarouselPage"
-import MetaTags from 'react-meta-tags';
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import user from "../../assets/images/users/avatar-1.jpg"
-import { Col, Container, Form, FormGroup, Input, Label, Row } from "reactstrap"
-import { Link } from "react-router-dom"
-
-export default class LockScreen2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Lock Screen 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <Link to="dashboard"
-                          className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </Link>
-                      </div>
-                      <div className="my-auto">
-                        <div>
-                          <h5 className="text-primary">Lock screen</h5>
-                          <p className="text-muted">
-                            Enter your password to unlock the screen!
-                          </p>
-                        </div>
-
-                        <div className="mt-4">
-                          <Form className="form-horizontal" action="dashboard">
-                            <div className="user-thumb text-center mb-4">
-                              <img
-                                src={user}
-                                className="rounded-circle img-thumbnail avatar-md"
-                                alt="thumbnail"
-                              />
-                              <h5 className="font-size-15 mt-3">Maria Laird</h5>
-                            </div>
-
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="userpassword">Password</Label>
-                              <Input
-                                type="password"
-                                className="form-control"
-                                id="userpassword"
-                                placeholder="Enter password"
-                              />
-                            </FormGroup>
-
-                            <div className="text-end">
-                              <button
-                                className="btn btn-primary w-md waves-effect waves-light"
-                                type="submit"
-                              >
-                                Unlock
-                                </button>
-                            </div>
-                          </Form>
-                          <div className="mt-5 text-center">
-                            <p>
-                              Not you ? return{" "}
-                              <Link
-                                to="page-login-2"
-                                className="fw-medium text-primary"
-                              >
-                                {" "}
-                                Sign In{" "}
-                              </Link>{" "}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          ©{" "}
-                          {new Date().getFullYear()}{" "}
-                          Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen.js b/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen.js
deleted file mode 100644
index 4931851..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-lock-screen.js
+++ /dev/null
@@ -1,121 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-// availity-reactstrap-validation
-import { AvForm, AvField } from "availity-reactstrap-validation"
-import { Link } from "react-router-dom"
-
-import { Container, Row, Col, CardBody, Card, Button } from "reactstrap"
-
-// import images
-import profileImg from "../../assets/images/profile-img.png"
-import logoImg from "../../assets/images/logo.svg"
-import avatar from "../../assets/images/users/avatar-1.jpg"
-
-class LockScreen extends Component {
-  render() {
-    return (
-      <React.Fragment>
-       <MetaTags>
-            <title>Lock Screen | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-        <div className="home-btn d-none d-sm-block">
-          <Link to="/" className="text-dark">
-            <i className="fas fa-home h2"/>
-          </Link>
-        </div>
-        <div className="account-pages my-5 pt-sm-5">
-          <Container>
-            <Row className="justify-content-center">
-              <Col md="8" lg="6" xl="5">
-                <Card className="overflow-hidden">
-                  <div className="bg-primary bg-soft">
-                    <Row>
-                      <Col xs="7">
-                        <div className="text-primary p-4">
-                          <h5 className="text-primary">Lock screen</h5>
-                          <p>Enter your password to unlock the screen!</p>
-                        </div>
-                      </Col>
-                      <Col xs="5" className="align-self-end">
-                        <img src={profileImg} alt="" className="img-fluid" />
-                      </Col>
-                    </Row>
-                  </div>
-                  <CardBody className="pt-0">
-                    <div>
-                      <Link to="/">
-                        <div className="avatar-md profile-user-wid mb-4">
-                          <span className="avatar-title rounded-circle bg-light">
-                            <img
-                              src={logoImg}
-                              alt=""
-                              className="rounded-circle"
-                              height="34"
-                            />
-                          </span>
-                        </div>
-                      </Link>
-                    </div>
-                    <div className="p-2">
-                      <AvForm className="form-horizontal">
-                        <div className="user-thumb text-center mb-4">
-                          <img
-                            src={avatar}
-                            className="rounded-circle img-thumbnail avatar-md"
-                            alt="thumbnail"
-                          />
-                          <h5 className="font-size-15 mt-3">Maria Laird</h5>
-                        </div>
-
-                        <div className="mb-3">
-                          <AvField
-                            name="password"
-                            label="Password"
-                            type="password"
-                            required
-                            placeholder="Enter Password"
-                          />
-                        </div>
-
-                        <div className="text-end">
-                          <Col xs="12" className="text-end">
-                            <Button
-                              color="primary"
-                              className=" w-md waves-effect waves-light"
-                              type="submit"
-                            >
-                              Unlock
-                            </Button>
-                          </Col>
-                        </div>
-                      </AvForm>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Not you ? return{" "}
-                    <Link
-                      to="/login"
-                      className="fw-medium text-primary"
-                    >
-                      {" "}
-                      Sign In{" "}
-                    </Link>{" "}
-                  </p>
-                  <p>
-                    © 2021 Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"/> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default LockScreen
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification-2.js b/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification-2.js
deleted file mode 100644
index 3f3bf73..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification-2.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import React, { Component } from "react"
-import CarouselPage from "./CarouselPage"
-import MetaTags from 'react-meta-tags';
-
-//Verification code package
-import AuthCode from "react-auth-code-input"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import { Col, Form, FormGroup, Label, Row } from "reactstrap"
-import { Link } from "react-router-dom"
-
-export default class TwostepVerification2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Two Step Verification 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid p-0">
-            <div className="row g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <Link to="dashboard" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </Link>
-                      </div>
-                      <div className="my-auto">
-                        <div className="text-center">
-                          <div className="avatar-md mx-auto">
-                            <div className="avatar-title rounded-circle bg-light">
-                              <i className="bx bxs-envelope h1 mb-0 text-primary"></i>
-                            </div>
-                          </div>
-                          <div className="p-2 mt-4">
-                            <h4>Verify your email</h4>
-                            <p>
-                              Please enter the 4 digit code sent to{" "}
-                              <span className="font-weight-semibold">
-                                example@abc.com
-                              </span>
-                            </p>
-
-                            <Form>
-                              <Row>
-                                <Col xs={12}>
-                                  <FormGroup className="verification-2 mb-3">
-                                    <Label
-                                      htmlFor="digit1-input"
-                                      className="visually-hidden"
-                                    >
-                                      Dight 1
-                                    </Label>
-                                    <AuthCode
-                                      characters={4}
-                                      className="form-control form-control-lg text-center"
-                                      allowedCharacters="^[0-9]"
-                                      inputStyle={{
-                                        width: "69px",
-                                        height: "calc(1.5em + 1rem + 2px)",
-                                        padding: ".5rem 1rem",
-                                        borderRadius: "8px",
-                                        fontSize: "1.01562rem",
-                                        textAlign: "center",
-                                        marginRight: "15px",
-                                        border: "1px solid #ced4da",
-                                        textTransform: "uppercase",
-                                        borderRadius:".4rem"
-                                      }}
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-                            </Form>
-
-                            <div className="mt-4">
-                              <Link
-                                to="dashboard"
-                                className="btn btn-success w-md"
-                              >
-                                Confirm
-                              </Link>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          © {new Date().getFullYear()} Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </div>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification.js b/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification.js
deleted file mode 100644
index 3c3be12..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/auth-two-step-verification.js
+++ /dev/null
@@ -1,140 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-//Verification code package
-import AuthCode from "react-auth-code-input"
-
-import { Link } from "react-router-dom"
-import {
-  Card,
-  CardBody,
-  Col,
-  Container,
-  Form,
-  FormGroup,
-  Row,
-} from "reactstrap"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-
-export default class TwostepVerification extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-          <MetaTags>
-            <title>Two Step Verification | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container>
-            <Row>
-              <Col lg={12}>
-                <div className="text-center mb-5 text-muted">
-                  <Link to="dashboard" className="d-block auth-logo">
-                    <img
-                      src={logodark}
-                      alt=""
-                      height="20"
-                      className="auth-logo-dark mx-auto"
-                    />
-                    <img
-                      src={logolight}
-                      alt=""
-                      height="20"
-                      className="auth-logo-light mx-auto"
-                    />
-                  </Link>
-                  <p className="mt-3">Responsive Bootstrap 5 Admin Dashboard</p>
-                </div>
-              </Col>
-            </Row>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card>
-                  <CardBody>
-                    <div className="p-2">
-                      <div className="text-center">
-                        <div className="avatar-md mx-auto">
-                          <div className="avatar-title rounded-circle bg-light">
-                            <i className="bx bxs-envelope h1 mb-0 text-primary"></i>
-                          </div>
-                        </div>
-                        <div className="p-2 mt-4">
-                          <h4>Verify your email</h4>
-                          <p className="mb-5">
-                            Please enter the 4 digit code sent to{" "}
-                            <span className="font-weight-semibold">
-                              example@abc.com
-                            </span>
-                          </p>
-
-                          <Form>
-                            <Row>
-                              <Col xs={12}>
-                                <FormGroup className="verification">
-                                  <label
-                                    htmlFor="digit1-input"
-                                    className="sr-only"
-                                  >
-                                    Dight 1
-                                  </label>
-                                  <AuthCode
-                                    characters={4}
-                                    className="form-control form-control-lg text-center"
-                                    allowedCharacters="^[0-9]"
-                                    inputStyle={{
-                                      width: "76px",
-                                      height: "42px",
-                                      padding: "8px",
-                                      borderRadius: "8px",
-                                      fontSize: "16px",
-                                      textAlign: "center",
-                                      marginRight: "15px",
-                                      border: "1px solid #ced4da",
-                                      textTransform: "uppercase",
-                                    }}
-                                  />
-                                </FormGroup>
-                              </Col>
-                            </Row>
-                          </Form>
-
-                          <div className="mt-4">
-                            <Link
-                              to="dashboard"
-                              className="btn btn-success w-md"
-                            >
-                              Confirm
-                            </Link>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    Did't receive a code ?{" "}
-                    <a href="#" className="fw-medium text-primary">
-                      {" "}
-                      Resend{" "}
-                    </a>{" "}
-                  </p>
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"></i> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail-2.js b/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail-2.js
deleted file mode 100644
index 56b3535..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail-2.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { Component } from "react"
-import CarouselPage from "./CarouselPage"
-import MetaTags from 'react-meta-tags';
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-import { Col, Container, Row } from "reactstrap"
-import { Link } from "react-router-dom"
-
-export default class ConfirmMail2 extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div>
-        <MetaTags>
-            <title>Confirm Mail 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid className="p-0">
-            <Row className="row g-0">
-              <CarouselPage />
-
-              <Col xl={3}>
-                <div className="auth-full-page-content p-md-5 p-4">
-                  <div className="w-100">
-                    <div className="d-flex flex-column h-100">
-                      <div className="mb-4 mb-md-5">
-                        <a href="/" className="d-block auth-logo">
-                          <img
-                            src={logodark}
-                            alt=""
-                            height="18"
-                            className="auth-logo-dark"
-                          />
-                          <img
-                            src={logolight}
-                            alt=""
-                            height="18"
-                            className="auth-logo-light"
-                          />
-                        </a>
-                      </div>
-                      <div className="my-auto">
-                        <div className="text-center">
-                          <div className="avatar-md mx-auto">
-                            <div className="avatar-title rounded-circle bg-light">
-                              <i className="bx bx-mail-send h1 mb-0 text-primary"></i>
-                            </div>
-                          </div>
-                          <div className="p-2 mt-4">
-                            <h4>Success !</h4>
-                            <p className="text-muted">
-                              At vero eos et accusamus et iusto odio dignissimos
-                              ducimus qui blanditiis praesentium voluptatum
-                              deleniti atque corrupti quos dolores et
-                            </p>
-                            <div className="mt-4">
-                              <Link to="dashboard" className="btn btn-success">
-                                Back to Home
-                              </Link>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="mt-4 mt-md-5 text-center">
-                        <p className="mb-0">
-                          © {new Date().getFullYear()} Skote. Crafted with{" "}
-                          <i className="mdi mdi-heart text-danger"></i> by
-                          Themesbrand
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail.js b/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail.js
deleted file mode 100644
index e915ddb..0000000
--- a/Client/src/backoffice/pages/AuthenticationInner/page-confirm-mail.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Link } from "react-router-dom"
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// import images
-import logodark from "../../assets/images/logo-dark.png"
-import logolight from "../../assets/images/logo-light.png"
-
-export default class ConfirmMail extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div className="account-pages my-5 pt-sm-5">
-        <MetaTags>
-            <title>Confirm Mail 2 | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container>
-            <Row>
-              <Col lg={12}>
-                <div className="text-center mb-5 text-muted">
-                  <Link to="dashboard" className="d-block auth-logo">
-                    <img
-                      src={logodark}
-                      alt=""
-                      height="20"
-                      className="auth-logo-dark mx-auto"
-                    />
-                    <img
-                      src={logolight}
-                      alt=""
-                      height="F20"
-                      className="auth-logo-light mx-auto"
-                    />
-                  </Link>
-                  <p className="mt-3">Responsive Bootstrap 5 Admin Dashboard</p>
-                </div>
-              </Col>
-            </Row>
-            <Row className="justify-content-center">
-              <Col md={8} lg={6} xl={5}>
-                <Card>
-                  <CardBody>
-                    <div className="p-2">
-                      <div className="text-center">
-                        <div className="avatar-md mx-auto">
-                          <div className="avatar-title rounded-circle bg-light">
-                            <i className="bx bx-mail-send h1 mb-0 text-primary"></i>
-                          </div>
-                        </div>
-                        <div className="p-2 mt-4">
-                          <h4>Success !</h4>
-                          <p className="text-muted">
-                            At vero eos et accusamus et iusto odio dignissimos
-                            ducimus qui blanditiis praesentium voluptatum
-                            deleniti atque corrupti quos dolores et
-                          </p>
-                          <div className="mt-4">
-                            <Link to="dashboard" className="btn btn-success">
-                              Back to Home
-                            </Link>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-                <div className="mt-5 text-center">
-                  <p>
-                    © {new Date().getFullYear()} Skote. Crafted with{" "}
-                    <i className="mdi mdi-heart text-danger"></i> by Themesbrand
-                  </p>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/Brand/BrandtList.js b/Client/src/backoffice/pages/Brand/BrandtList.js
index c4e5200..0b00cd0 100644
--- a/Client/src/backoffice/pages/Brand/BrandtList.js
+++ b/Client/src/backoffice/pages/Brand/BrandtList.js
@@ -1,3 +1,4 @@
+
 import React, { useEffect , useState} from "react";
 import { LinkContainer } from "react-router-bootstrap";
 import { Table, Button, Pagination, PageItem   } from "react-bootstrap";
@@ -15,219 +16,231 @@ import Modal from 'react-bootstrap/Modal';
 import fileDownload from "js-file-download";
 import axios from "axios";
 import Form from "react-bootstrap/Form";
-
+import Select from 'react-select'
 import ("./BrandList.css");
 const BrandList = ({ history }) => {
-  const dispatch = useDispatch();
+    const dispatch = useDispatch();
+    const options = [
+        { value: 'all', label: 'All' },
+        { value: 'verified', label: 'Verified' },
+        { value: 'unverified', label: 'Unverified' }
+    ]
+    const fetchBrands = useSelector((state) => state.listBrands);
+    const { brands , count , loading, error} = fetchBrands;
+    const [brandsList, setBrandsList] = useState(brands);
+    const [showModal, setShowModal] = useState(false);
+    const [message, setMessage] = useState("");
+    const [sort, setSort] = useState(options[1]);
+    const handleClose = () => setShowModal(false);
 
-  const fetchBrands = useSelector((state) => state.listBrands);
-  const { brands , count , loading, error} = fetchBrands;
-  const [brandsList, setBrandsList] = useState(brands);
-  const [showModal, setShowModal] = useState(false);
-  const [message, setMessage] = useState("");
-  const handleClose = () => setShowModal(false);
+    useEffect(() => {
+        const brandInfo = {
+            searchBrandKey: "",
+            sort : "",
+            initialLoading:true,
+        };
+        dispatch(brandAction.listBrandsForAdmin(brandInfo.initialLoading));
 
-  useEffect(() => {
-    const brandInfo = {
-      searchBrandKey: "",
-      sort : "",
-      initialLoading:true,
+    }, [dispatch, history]);
+    const [searchTerm, setSearchTerm] = useState("");
+    const deleteHandler = (id) => {
+        if (window.confirm("Are you sure want to delete ? ")) {
+            dispatch(brandAction.deleteBrand(id));
+            var array = [...brandsList];
+            var index = array.find(x => x.id === id);
+            array.splice(index,1);
+            setBrandsList(array);
+        }
     };
-    dispatch(brandAction.listBrandsForAdmin(brandInfo.initialLoading));
-
-  }, [dispatch, history]);
-  const [searchTerm, setSearchTerm] = useState("");
-  const deleteHandler = (id) => {
-    if (window.confirm("Are you sure want to delete ? ")) {
-      dispatch(brandAction.deleteBrand(id));
-      var array = [...brandsList];
-      var index = array.find(x => x.id === id);
-      array.splice(index,1);
-      setBrandsList(array);
+    useEffect(()=>{
+        setBrandsList(brands);
+    }, [brands])
+    const toggle = (key) => {
+        setShowModal(false);
+        let prevBrands = [...brandsList];
+        let prevBrand = {...prevBrands[key]};
+        prevBrand.verify = !prevBrand.verify;
+        prevBrands[key] = prevBrand;
+        if(prevBrand.verify){
+            dispatch(brandAction.toggleVerify(prevBrand._id));
+            setBrandsList(prevBrands);
+        } else {
+            if(message.trim()==="") alert("Please specify a reason")
+            else {
+                dispatch(brandAction.toggleVerify(prevBrand._id,message));
+                setBrandsList(prevBrands);
+            }
+        }
+        setMessage("");
+    }
+    function toggleVerify(event,key) {
+        setShowModal(true);
     }
-  };
- useEffect(()=>{
-   setBrandsList(brands);
- }, [brands])
-  const toggle = (key) => {
-      setShowModal(false);
-      let prevBrands = [...brandsList];
-      let prevBrand = {...prevBrands[key]};
-      prevBrand.verify = !prevBrand.verify;
-      prevBrands[key] = prevBrand;
-      if(prevBrand.verify){
-          dispatch(brandAction.toggleVerify(prevBrand._id));
-          setBrandsList(prevBrands);
-      } else {
-          if(message.trim()==="") alert("Please specify a reason")
-          else {
-              dispatch(brandAction.toggleVerify(prevBrand._id,message));
-              setBrandsList(prevBrands);
-          }
-      }
-      setMessage("");
-  }
-  function toggleVerify(event,key) {
-    setShowModal(true);
-  }
 
     const handleDownload = (url, filename) => {
         axios.get(url, {responseType: "blob"}).then((res) => {
             fileDownload(res.data, filename);
         });
     };
-
-  return (
-    <React.Fragment>
-          <div className="page-content">
-        <Container fluid>
-          <Breadcrumbs title="Dashborad" breadcrumbItem="List of brands " link={"/dashboard/admin/brands"}/>
-          <>
-            {loading ? (
-              <Loader />
-            ) : error ? (
-              <Message variant="danger">{error}</Message>
-            ) : (
-              <Card>
-                  <TextField
-                      variant="outlined"
-                      type="text"
-                      margin="normal"
-                      required
-                      fullWidth
-                      id="brandName"
-                      label="Brand Name"
-                      name="brandName"
-                      autoComplete="email"
-                      autoFocus
-                      value={searchTerm}
-                      onChange={(e) => setSearchTerm(e.target.value)}
-                  />
-                <CardBody>
-                  <div className="table-responsive">
-                    <Table className="table align-middle table-nowrap mb-0" striped bordered hover size="sm" responsive>
-                      <thead className="table-light">
-                        <tr>
-                          <th className="align-middle">Name</th>
-                          <th className="align-middle">Verify</th>
-                          <th className="align-middle">status</th>
-                          <th className="align-middle">User profile</th>
-                          <th className="align-middle">Edit</th>
-                          <th className="align-middle">Delete</th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {brandsList.sort((function(a, b) {
-                            var nameA = a.brandName.toUpperCase(); // ignore upper and lowercase
-                            var nameB = b.brandName.toUpperCase(); // ignore upper and lowercase
-                            if (nameA < nameB) {
-                                return -1;
-                            }
-                            if (nameA > nameB) {
-                                return 1;
-                            }
-                            return 0;
-                        })).filter(brand => {
-                            if (searchTerm.trim() === "") return true
-                            else return brand.brandName.toLowerCase().startsWith(searchTerm.toLowerCase())
-                        }).map((brand,key) => (
-                          <tr key={"_tr_" + brand._id}>
-                            <td>{brand.brandName}</td>
-                            <td>
-                              <Switch checked={brandsList[key].verify} value={brandsList[key].verify} onChange={(e) => {toggleVerify();}}/>
-                              { showModal && (
-                                  <Modal show={showModal} onHide={() =>handleClose} backdrop="static" keyboard={true} animation={true}>
-                                    <Modal.Header closeButton>
-                                      <Modal.Title>Confirm {!brandsList[key].verify ? "verifying" : "refuting"} {brand.brandName}!</Modal.Title>
-                                    </Modal.Header>
-                                    <Modal.Body>
-                                      <div className="container">
-                                        <img src={brand.brandImage} alt={brand.brandName} className="image" style={{width:"100%"}}/>
-                                          <div className="middle">
-                                            <div className="text">
-                                                <button
-                                                    onClick={() => {
-                                                        handleDownload(
-                                                            "https://res.cloudinary.com/dvzsfotdc/image/upload/v1616521135/brands/Zara/tmp-1-1616521176929_ywiqvk.jpg",
-                                                            brand.brandName
-                                                        );
-                                                    }}
-                                                >
-                                                    Download proof
-                                                </button>
-                                            </div>
-                                          </div>
-                                      </div>
-                                      {!brandsList[key].verify ? ("") : (<TextField
-                                          variant="outlined"
-                                          type="text"
-                                          margin="normal"
-                                          required
-                                          fullWidth
-                                          id="message"
-                                          label="Reason for refuting"
-                                          name="brandName"
-                                          autoFocus
-                                          value={message}
-                                          onChange={(e) => setMessage(e.target.value)}
-                                      />)}
-                                    </Modal.Body>
-                                    <Modal.Footer>
-                                      <Button variant="primary" onClick={() =>toggle(key)}>
-                                        Yes {!brandsList[key].verify ? "verify" : "refute"}
-                                      </Button>
-                                      <Button variant="text" onClick={handleClose}>
-                                        Close
-                                      </Button>
-                                    </Modal.Footer>
-                                  </Modal>) }
-                            </td>
-                            {brand.verify ? (
-                              <td>
-                                <Button className="btn-sm">
-                                  <i className="fas fa-check"/>
-                                </Button>
-                              </td>) : (
-                              <td>
-                                <Button className="btn-sm">
-                                  <i className="fas fa-accusoft"/>
-                                </Button>
-                              </td>
-                            )}
-                            <td>
-                              <Link to={`/profile${brand.userId}`} className=" waves-effect">
-                                 <i className="fas fa-user"/>
-                                 <span>User profile</span>
-                              </Link>
-                            </td>
-                              <td>
-                                  <Link to={`/dashboard/admin/brand/${brand._id}`} className=" waves-effect">
-                                      <i className="fas fa-edit"/>
-                                      <span>Edit</span>
-                                  </Link>
-                              </td>
-                              <td>
-                              <Button
-                                variant="danger"
-                                className="btn-sm"
-                                onClick={() => deleteHandler(brand._id)}
-                              >
-                                <i className="fas fa-trash"/>
-                              </Button>
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </Table>
-                  </div>
-                </CardBody>
-              </Card>
-            )}
-          </>
-        </Container>
-      </div>
-    </React.Fragment>
-  );
+    const handleChange = (selectedOption) => {
+        setSort(selectedOption);
+    }
+    return (
+        <React.Fragment>
+            <div className="page-content">
+                <Container fluid>
+                    <Breadcrumbs title="Dashborad" breadcrumbItem="List of brands " link={"/dashboard/admin/brands"}/>
+                    <>
+                        {loading ? (
+                            <Loader />
+                        ) : error ? (
+                            <Message variant="danger">{error}</Message>
+                        ) : (
+                            <Card>
+                                <TextField
+                                    variant="outlined"
+                                    type="text"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="brandName"
+                                    label="Brand Name"
+                                    name="brandName"
+                                    autoComplete="email"
+                                    autoFocus
+                                    value={searchTerm}
+                                    onChange={(e) => setSearchTerm(e.target.value)}
+                                />
+                                <Select options={options} onChange={handleChange} autoFocus={true}/>
+                                <CardBody>
+                                    <div className="table-responsive">
+                                        <Table className="table align-middle table-nowrap mb-0" striped bordered hover size="sm" responsive>
+                                            <thead className="table-light">
+                                            <tr>
+                                                <th className="align-middle">Name</th>
+                                                <th className="align-middle">Verify</th>
+                                                <th className="align-middle">status</th>
+                                                <th className="align-middle">User profile</th>
+                                                <th className="align-middle">Edit</th>
+                                                <th className="align-middle">Delete</th>
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            {brandsList.sort((function(a, b) {
+                                                var nameA = a.brandName.toUpperCase(); // ignore upper and lowercase
+                                                var nameB = b.brandName.toUpperCase(); // ignore upper and lowercase
+                                                if (nameA < nameB) {
+                                                    return -1;
+                                                }
+                                                if (nameA > nameB) {
+                                                    return 1;
+                                                }
+                                                return 0;
+                                            })).filter(brand => {
+                                                if (searchTerm.trim() === "") return true
+                                                else return brand.brandName.toLowerCase().startsWith(searchTerm.toLowerCase())
+                                            }).filter(brand => {
+                                                if(sort.value === "verified") return brand.verify
+                                                else if (sort.value === "unverified") return !brand.verify
+                                                else return true
+                                            }).map((brand,key) => (
+                                                <tr key={"_tr_" + brand._id}>
+                                                    <td>{brand.brandName}</td>
+                                                    <td>
+                                                        <Switch checked={brandsList[key].verify} value={brandsList[key].verify} onChange={(e) => {toggleVerify();}}/>
+                                                        { showModal && (
+                                                            <Modal show={showModal} onHide={() =>handleClose} backdrop="static" keyboard={true} animation={true}>
+                                                                <Modal.Header closeButton>
+                                                                    <Modal.Title>Confirm {!brandsList[key].verify ? "verifying" : "refuting"} {brand.brandName}!</Modal.Title>
+                                                                </Modal.Header>
+                                                                <Modal.Body>
+                                                                    <div className="container">
+                                                                        <img src={brand.brandImage} alt={brand.brandName} className="image" style={{width:"100%"}}/>
+                                                                        <div className="middle">
+                                                                            <div className="text">
+                                                                                <button
+                                                                                    onClick={() => {
+                                                                                        handleDownload(
+                                                                                            "https://res.cloudinary.com/dvzsfotdc/image/upload/v1616521135/brands/Zara/tmp-1-1616521176929_ywiqvk.jpg",
+                                                                                            brand.brandName
+                                                                                        );
+                                                                                    }}
+                                                                                >
+                                                                                    Download proof
+                                                                                </button>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    {!brandsList[key].verify ? ("") : (<TextField
+                                                                        variant="outlined"
+                                                                        type="text"
+                                                                        margin="normal"
+                                                                        required
+                                                                        fullWidth
+                                                                        id="message"
+                                                                        label="Reason for refuting"
+                                                                        name="brandName"
+                                                                        autoFocus
+                                                                        value={message}
+                                                                        onChange={(e) => setMessage(e.target.value)}
+                                                                    />)}
+                                                                </Modal.Body>
+                                                                <Modal.Footer>
+                                                                    <Button variant="primary" onClick={() =>toggle(key)}>
+                                                                        Yes {!brandsList[key].verify ? "verify" : "refute"}
+                                                                    </Button>
+                                                                    <Button variant="text" onClick={handleClose}>
+                                                                        Close
+                                                                    </Button>
+                                                                </Modal.Footer>
+                                                            </Modal>) }
+                                                    </td>
+                                                    {brand.verify ? (
+                                                        <td>
+                                                            <Button className="btn-sm">
+                                                                <i className="fas fa-check"/>
+                                                            </Button>
+                                                        </td>) : (
+                                                        <td>
+                                                            <Button className="btn-sm">
+                                                                <i className="fas fa-accusoft"/>
+                                                            </Button>
+                                                        </td>
+                                                    )}
+                                                    <td>
+                                                        <Link to={`/profile${brand.userId}`} className=" waves-effect">
+                                                            <i className="fas fa-user"/>
+                                                            <span>User profile</span>
+                                                        </Link>
+                                                    </td>
+                                                    <td>
+                                                        <Link to={`/dashboard/admin/brand/${brand._id}`} className=" waves-effect">
+                                                            <i className="fas fa-edit"/>
+                                                            <span>Edit</span>
+                                                        </Link>
+                                                    </td>
+                                                    <td>
+                                                        <Button
+                                                            variant="danger"
+                                                            className="btn-sm"
+                                                            onClick={() => deleteHandler(brand._id)}
+                                                        >
+                                                            <i className="fas fa-trash"/>
+                                                        </Button>
+                                                    </td>
+                                                </tr>
+                                            ))}
+                                            </tbody>
+                                        </Table>
+                                    </div>
+                                </CardBody>
+                            </Card>
+                        )}
+                    </>
+                </Container>
+            </div>
+        </React.Fragment>
+    );
 };
 
 export default BrandList;
diff --git a/Client/src/backoffice/pages/Brand/EditBrand.js b/Client/src/backoffice/pages/Brand/EditBrand.js
index 04099fc..3a7d873 100644
--- a/Client/src/backoffice/pages/Brand/EditBrand.js
+++ b/Client/src/backoffice/pages/Brand/EditBrand.js
@@ -109,90 +109,90 @@ const EditBrand = ({ match }) => {
     };
     return (
         <Container fluid className="verticalHeight">
-        <>
-            {Success && <Redirect to="/dashboard/admin/brands" />}
-            {EditBrandError && (
-                <ErrorMessage
-                    header="Something went wrong"
-                    message={EditBrandError}
-                    reset={brandConstants.EDIT_BRAND_RESET}
-                />
-            )}
-            <Link to="/dashboard/admin/brands" className="btn btn-light my-3">
-                Go Back
-            </Link>
-            {loading ? (
-                <h4>Loading...</h4>
-            ) : error ? (
-                <ErrorMessage header="Something went wrong" message={error} />
-            ) : (
-                <>
-                    <FormContainer>
-                        <h1>Edit Brand:</h1>
-                        <Image src={brand.brandImage} fluid  />
-                        <Form onSubmit={submitHandler}>
-                            <TextField
-                                variant="outlined"
-                                type="text"
-                                margin="normal"
-                                required
-                                fullWidth
-                                id="name"
-                                label="Name"
-                                name="name"
-                                autoComplete="name"
-                                autoFocus
-                                value={name}
-                                onChange={(e) => setName(e.target.value)}
-                            />
-                            Change image
-                            <TextField
-                                variant="outlined"
-                                type="file"
-                                margin="normal"
-                                required
-                                fullWidth
-                                id="file"
-                                name="file"
-                                autoComplete="file"
-                                autoFocus
-                                onChange={(e) => setBrandImage(e.target.files[0])}
-                            />
-                            Change proof
-                            <TextField
-                                variant="outlined"
-                                type="file"
-                                margin="normal"
-                                required
-                                fullWidth
-                                id="proof"
-                                name="proof"
-                                autoComplete="proof"
-                                autoFocus
-                                onChange={(e) => setProof(e.target.files[0])}
-                            />
-                            <Button
-                                type="submit"
-                                variant="contained"
-                                color="primary"
-                                fullWidth
-                                disabled={EditBrandLoading}
-                            >
-                                {EditBrandLoading ? (
-                                    <CircularProgress
-                                        color="inherit"
-                                        className={classes.prgressColor}
-                                    />
-                                ) : (
-                                    <>Update</>
-                                )}
-                            </Button>
-                        </Form>
-                    </FormContainer>
-                    {ConfirmedAlert()}
-                </>
-            )}
-        </>
+            <>
+                {Success && <Redirect to="/dashboard/admin/brands" />}
+                {EditBrandError && (
+                    <ErrorMessage
+                        header="Something went wrong"
+                        message={EditBrandError}
+                        reset={brandConstants.EDIT_BRAND_RESET}
+                    />
+                )}
+                <Link to="/dashboard/admin/brands" className="btn btn-light my-3">
+                    Go Back
+                </Link>
+                {loading ? (
+                    <h4>Loading...</h4>
+                ) : error ? (
+                    <ErrorMessage header="Something went wrong" message={error} />
+                ) : (
+                    <>
+                        <FormContainer>
+                            <h1>Edit Brand:</h1>
+                            <Image src={brand.brandImage} fluid  />
+                            <Form onSubmit={submitHandler}>
+                                <TextField
+                                    variant="outlined"
+                                    type="text"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="name"
+                                    label="Name"
+                                    name="name"
+                                    autoComplete="name"
+                                    autoFocus
+                                    value={name}
+                                    onChange={(e) => setName(e.target.value)}
+                                />
+                                Change image
+                                <TextField
+                                    variant="outlined"
+                                    type="file"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="file"
+                                    name="file"
+                                    autoComplete="file"
+                                    autoFocus
+                                    onChange={(e) => setBrandImage(e.target.files[0])}
+                                />
+                                Change proof
+                                <TextField
+                                    variant="outlined"
+                                    type="file"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="proof"
+                                    name="proof"
+                                    autoComplete="proof"
+                                    autoFocus
+                                    onChange={(e) => setProof(e.target.files[0])}
+                                />
+                                <Button
+                                    type="submit"
+                                    variant="contained"
+                                    color="primary"
+                                    fullWidth
+                                    disabled={EditBrandLoading}
+                                >
+                                    {EditBrandLoading ? (
+                                        <CircularProgress
+                                            color="inherit"
+                                            className={classes.prgressColor}
+                                        />
+                                    ) : (
+                                        <>Update</>
+                                    )}
+                                </Button>
+                            </Form>
+                        </FormContainer>
+                        {ConfirmedAlert()}
+                    </>
+                )}
+            </>
         </Container>
     );
 };
diff --git a/Client/src/backoffice/pages/Category/Editcategory.js b/Client/src/backoffice/pages/Category/Editcategory.js
index b067400..cd641d2 100644
--- a/Client/src/backoffice/pages/Category/Editcategory.js
+++ b/Client/src/backoffice/pages/Category/Editcategory.js
@@ -30,11 +30,9 @@ function EditCategory  ({match, history}) {
   const redirect = location.search ? location.search.split("=")[1] : "/";
 
   const dispatch = useDispatch();
-  const productData = useSelector((state) => state.category);
-
-  console.log("dsqdsqd",match.params.id)
+  const productData = useSelector((state) => state.categoryi);
+  console.log(productData)
       const { loading, categoryi, error } = productData;
- 
   const handleSubmit = (e) => {
     e.preventDefault();
     dispatch(CategoryAction.editcategory( categoryName));
@@ -42,7 +40,9 @@ function EditCategory  ({match, history}) {
   useEffect(() => {
     dispatch(CategoryAction.categoryid(match.params.id));
     // eslint-disable-next-line
-}, [dispatch, match]);
+    console.log(categoryi)
+
+  }, [dispatch, match]);
 const handleChange = (e) => {
   setName({
     ...categoryi,
diff --git a/Client/src/backoffice/pages/Charts/Apexcharts.js b/Client/src/backoffice/pages/Charts/Apexcharts.js
deleted file mode 100644
index d27e40c..0000000
--- a/Client/src/backoffice/pages/Charts/Apexcharts.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-// import apexChart
-import LineApexChart from "../AllCharts/apex/chartapex"
-import DashedLine from "../AllCharts/apex/dashedLine"
-import SplineArea from "../AllCharts/apex/SplineArea"
-import Apaexlinecolumn from "../AllCharts/apex/apaexlinecolumn"
-import ColumnWithDataLabels from "../AllCharts/apex/ColumnWithDataLabels"
-import BarChart from "../AllCharts/apex/barchart"
-import LineColumnArea from "../AllCharts/apex/LineColumnArea"
-import RadialChart from "../AllCharts/apex/RadialChart"
-import PieChart from "../AllCharts/apex/PieChart"
-import DonutChart from "../AllCharts/apex/dountchart"
-
-import { Card, CardBody, CardTitle, Col, Row } from "reactstrap"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class Dashboard extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Apex Charts | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            <Breadcrumbs title="Charts" breadcrumbItem="Apex Charts" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Line with Data Labels
-                    </CardTitle>
-                    <LineApexChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Dashed Line</CardTitle>
-                    <DashedLine />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4"> Spline Area </CardTitle>
-                    <SplineArea />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4"> Column Charts </CardTitle>
-                    <Apaexlinecolumn />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Column with Data Labels{" "}
-                    </CardTitle>
-                    <ColumnWithDataLabels />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bar Chart</CardTitle>
-                    <BarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Line, Column & Area Chart{" "}
-                    </CardTitle>
-                    <LineColumnArea />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Radial Chart</CardTitle>
-                    <RadialChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Pie Chart </CardTitle>
-                    <PieChart />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Donut Chart</CardTitle>
-                    <DonutChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Dashboard
diff --git a/Client/src/backoffice/pages/Charts/ChartistChart.js b/Client/src/backoffice/pages/Charts/ChartistChart.js
deleted file mode 100644
index ba67764..0000000
--- a/Client/src/backoffice/pages/Charts/ChartistChart.js
+++ /dev/null
@@ -1,290 +0,0 @@
-import React, { Component } from "react"
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-
-// import charts
-import BarChart from "../AllCharts/chartist/barchart"
-import StackBarChart from "../AllCharts/chartist/stackedbarchart"
-import DountChart from "../AllCharts/chartist/dountchart"
-import PieChart from "../AllCharts/chartist/piechart"
-import SmilAnimationsChart from "../AllCharts/chartist/smilanimations"
-import LineChart from "../AllCharts/chartist/linechart"
-import ChartBar from "../AllCharts/chartist/chartbar"
-import LineAreaChart from "../AllCharts/chartist/lineareachart"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-import "chartist/dist/scss/chartist.scss"
-import "../../assets/scss/chartist.scss"
-
-class ChartistChart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Chartist Chart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Charts" breadcrumbItem="Chartist Chart" />
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Overlapping bars on mobile
-                    </CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">86541</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">2541</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">102030</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <BarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Stacked bar chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">5241</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">65411</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">51654</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <StackBarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Animating a Donut with Svg.animate
-                    </CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">748949</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">5181</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">101025</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <DountChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Simple pie chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">48484</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">48652</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">85412</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <PieChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Advanced Smil Animations
-                    </CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">45410</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">4442</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">3201</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <SmilAnimationsChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Simple line chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">44242</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">75221</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">65212</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <LineChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bar Diagram</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">5677</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">5542</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">12422</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <ChartBar />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Line chart with area</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">4234</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">64521</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">94521</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <LineAreaChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default ChartistChart
diff --git a/Client/src/backoffice/pages/Charts/ChartjsChart.js b/Client/src/backoffice/pages/Charts/ChartjsChart.js
deleted file mode 100644
index 40dde1c..0000000
--- a/Client/src/backoffice/pages/Charts/ChartjsChart.js
+++ /dev/null
@@ -1,218 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-// import chartJs
-import LineChart from "../AllCharts/chartjs/linechart"
-import DountChart from "../AllCharts/chartjs/dountchart"
-import PieChart from "../AllCharts/chartjs/piechart"
-import BarChart from "../AllCharts/chartjs/barchart"
-import RadarChart from "../AllCharts/chartjs/radarchart"
-import PolarChart from "../AllCharts/chartjs/polarchart"
-
-class ChartjsChart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Chartjs Chart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Charts" breadcrumbItem="Chartjs Chart" />
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Line Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">86541</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">2541</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">102030</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <LineChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bar Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">2541</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">84845</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">12001</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <BarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Pie Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">2536</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">69421</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">89854</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <PieChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Donut Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">9595</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">36524</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">62541</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <DountChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Polar Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">4852</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">3652</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">85412</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-                    <PolarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Radar Chart</CardTitle>
-                    <Row className="justify-content-center">
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">694</h5>
-                          <p className="text-muted">Activated</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">55210</h5>
-                          <p className="text-muted">Pending</p>
-                        </div>
-                      </Col>
-                      <Col sm={4}>
-                        <div className="text-center">
-                          <h5 className="mb-0 font-size-20">489498</h5>
-                          <p className="text-muted">Deactivated</p>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <RadarChart />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>{" "}
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default ChartjsChart
diff --git a/Client/src/backoffice/pages/Charts/EChart.js b/Client/src/backoffice/pages/Charts/EChart.js
deleted file mode 100644
index 0288094..0000000
--- a/Client/src/backoffice/pages/Charts/EChart.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import React, { Component } from "react"
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-// Charts
-import Gauge from "../AllCharts/echart/gaugechart"
-import Line from "../AllCharts/echart/linechart"
-import LineBar from "../AllCharts/echart/linebarchart"
-import Doughnut from "../AllCharts/echart/doughnutchart"
-import Pie from "../AllCharts/echart/piechart"
-import Scatter from "../AllCharts/echart/scatterchart"
-import Bubble from "../AllCharts/echart/bubblechart"
-import Candlestick from "../AllCharts/echart/candlestickchart"
-
-class EChart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>EChart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Charts" breadcrumbItem="EChart" />
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Line Chart</CardTitle>
-                    <div id="line-chart" className="e-chart">
-                      <Line />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Mix Line-Bar</CardTitle>
-                    <div id="mix-line-bar" className="e-chart">
-                      <LineBar />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Doughnut Chart</CardTitle>
-                    <div id="doughnut-chart" className="e-chart">
-                      <Doughnut />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Pie Chart</CardTitle>
-                    <div id="pie-chart" className="e-chart">
-                      <Pie />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Scatter Chart</CardTitle>
-                    <div id="scatter-chart" className="e-chart">
-                      <Scatter />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Bubble Chart</CardTitle>
-                    <div id="bubble-chart" className="e-chart">
-                      <Bubble />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Candlestick Chart</CardTitle>
-                    <div id="candlestick-chart" className="e-chart">
-                      <Candlestick />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h4">Gauge Chart</CardTitle>
-                    <div id="gauge-chart" className="e-chart">
-                      <Gauge />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default EChart
diff --git a/Client/src/backoffice/pages/Charts/SparklineChart.js b/Client/src/backoffice/pages/Charts/SparklineChart.js
deleted file mode 100644
index d09ac05..0000000
--- a/Client/src/backoffice/pages/Charts/SparklineChart.js
+++ /dev/null
@@ -1,234 +0,0 @@
-import React, { Component } from "react"
-import { Card, CardBody, CardTitle, Col, Row } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-import {
-  Sparklines,
-  SparklinesBars,
-  SparklinesCurve,
-  SparklinesLine,
-  SparklinesReferenceLine,
-  SparklinesSpots,
-} from "react-sparklines"
-
-class SparklineChart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Sparkline Chart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Charts" breadcrumbItem="Sparkline Chart" />
-
-            <Row>
-              <Col sm={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Spots Chart</CardTitle>
-                    <Sparklines
-                      height={100}
-                      data={[5, 10, 5, 20, 18, 17, 29, 10, 18]}
-                      margin={6}
-                    >
-                      <SparklinesLine
-                        style={{
-                          strokeWidth: 1,
-                          stroke: "#336aff",
-                          fill: "none",
-                        }}
-                      />
-                      <SparklinesSpots
-                        size={4}
-                        style={{
-                          stroke: "#336aff",
-                          strokeWidth: 1,
-                          fill: "white",
-                        }}
-                      />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bar Chart</CardTitle>
-                    <div className="text-center">
-                      <Sparklines
-                        height={100}
-                        data={[5, 6, 2, 8, 9, 4, 7, 10, 11, 12, 10, 4, 7, 10]}
-                      >
-                        <SparklinesBars
-                          style={{ fill: "#02a499" }}
-                          barWidth={5}
-                        />
-                      </Sparklines>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={4}>
-                <Card>
-                  <CardBody className="analytics-info">
-                    <CardTitle className="mb-4">Line Chart</CardTitle>
-                    <Sparklines
-                      height={100}
-                      data={[0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10]}
-                    >
-                      <SparklinesLine
-                        color="#3c4ccf"
-                        lineWidth={1}
-                        style={{ fill: "transparent" }}
-                      />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col sm={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Composite Bar Chart</CardTitle>
-                    <Sparklines
-                      height={100}
-                      data={[5, 6, 2, 9, 4, 7, 10, 12, 4, 7, 10]}
-                    >
-                      <SparklinesCurve
-                        style={{
-                          strokeWidth: 0.8,
-                          stroke: "#02a499",
-                          fill: "transparent",
-                        }}
-                      />
-                      <SparklinesBars
-                        style={{ fill: "#3c4ccf" }}
-                        barWidth={8}
-                      />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">
-                      Reference Line Chart
-                    </CardTitle>
-                    <Sparklines
-                      height={100}
-                      data={[
-                        5,
-                        10,
-                        5,
-                        20,
-                        18,
-                        17,
-                        29,
-                        10,
-                        18,
-                        15,
-                        20,
-                        18,
-                        17,
-                        29,
-                        10,
-                        18,
-                      ]}
-                    >
-                      <SparklinesBars
-                        style={{ fill: "#02a499", fillOpacity: ".5" }}
-                      />
-                      <SparklinesReferenceLine />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={4}>
-                <Card className="bg-success mb-4">
-                  <CardBody>
-                    <CardTitle className="mb-4">Real World Chart</CardTitle>
-                    <Sparklines
-                      height={80}
-                      data={[
-                        4,
-                        6,
-                        7,
-                        7,
-                        4,
-                        3,
-                        2,
-                        1,
-                        4,
-                        4,
-                        5,
-                        6,
-                        3,
-                        4,
-                        5,
-                        8,
-                        7,
-                        6,
-                        9,
-                        3,
-                        2,
-                        4,
-                        1,
-                        5,
-                        6,
-                        4,
-                        3,
-                        7,
-                      ]}
-                      width={200}
-                    >
-                      <SparklinesLine
-                        style={{ stroke: "#fff", fill: "transparent" }}
-                      />
-                      <SparklinesSpots />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col sm={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Normal Band</CardTitle>
-                    <Sparklines
-                      height={100}
-                      data={[5, 10, 5, 20, 18, 17, 29, 10, 18]}
-                    >
-                      <SparklinesLine
-                        style={{
-                          strokeWidth: 0.8,
-                          stroke: "#6d60b0",
-                          fill: "transparent",
-                        }}
-                      />
-                      <SparklinesReferenceLine type="mean" />
-                    </Sparklines>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default SparklineChart
diff --git a/Client/src/backoffice/pages/Charts/ToastUIChart.js b/Client/src/backoffice/pages/Charts/ToastUIChart.js
deleted file mode 100644
index 2256098..0000000
--- a/Client/src/backoffice/pages/Charts/ToastUIChart.js
+++ /dev/null
@@ -1,191 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-// import all charts
-import BarChartToast from "../AllCharts/toastui/BarChartToast"
-import ColumnChartToast from "../AllCharts/toastui/ColumnChartToast"
-import LineChartToast from "../AllCharts/toastui/LineChartToast"
-import AreaChartToast from "../AllCharts/toastui/AreaChartToast"
-import BubbleChartToast from "../AllCharts/toastui/BubbleChartToast"
-import ScatterChartToast from "../AllCharts/toastui/ScatterChartToast"
-import PieChartToast from "../AllCharts/toastui/PieChartToast"
-import DonutChartToast from "../AllCharts/toastui/DonutChartToast"
-import HeatmapChartToast from "../AllCharts/toastui/HeatmapChartToast"
-import TreeMapChart from "../AllCharts/toastui/TreeMapChart"
-import MapChart from "../AllCharts/toastui/TreeMapChart"
-import BoxPlotChart from "../AllCharts/toastui/BoxPlotChart"
-import BulletChart from "../AllCharts/toastui/BulletChart"
-import RadialChart from "../AllCharts/toastui/RadialChart"
-
-class ToastUIChart extends Component {
-  render() {
-    const chartWidth =
-      window.innerWidth > 991
-        ? parseInt((window.innerWidth - 420) / 2)
-        : parseInt(window.innerWidth - 100)
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Toast Ui Chart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Charts" breadcrumbItem="Toast Ui Chart" />
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bar Chart</CardTitle>
-                    <BarChartToast chartWidth={chartWidth} />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Column charts</CardTitle>
-                    <div className="text-center">
-                      <ColumnChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Line charts</CardTitle>
-                    <div className="text-center">
-                      <LineChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Area Chart</CardTitle>
-                    <div className="text-center">
-                      <AreaChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bubble charts</CardTitle>
-                    <div className="text-center">
-                      <BubbleChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Scatter charts</CardTitle>
-                    <div className="text-center">
-                      <ScatterChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Pie Chart</CardTitle>
-                    <div className="text-center">
-                      <PieChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Donut Chart</CardTitle>
-                    <div className="text-center">
-                      <DonutChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Heatmap Chart</CardTitle>
-                    <div className="text-center">
-                      <HeatmapChartToast chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Treemap charts</CardTitle>
-                    <div className="text-center">
-                      <TreeMapChart chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Map charts</CardTitle>
-                    <div className="text-center">
-                      <MapChart chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Boxplot charts</CardTitle>
-                    <div className="text-center">
-                      <BoxPlotChart chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Bullet charts</CardTitle>
-                    <div className="text-center">
-                      <BulletChart chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col sm={6} md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Radial charts</CardTitle>
-                    <div className="text-center">
-                      <RadialChart chartWidth={chartWidth} />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default ToastUIChart
diff --git a/Client/src/backoffice/pages/Charts/charts-knob.js b/Client/src/backoffice/pages/Charts/charts-knob.js
deleted file mode 100644
index 861449d..0000000
--- a/Client/src/backoffice/pages/Charts/charts-knob.js
+++ /dev/null
@@ -1,207 +0,0 @@
-import React, { Component } from "react"
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-
-import Knob from "../AllCharts/knob/knob"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class ChartsKnob extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      value: 35,
-      value_cur: 29,
-      value_prev: 44,
-      angle: 35,
-      steps: 45,
-      angleArc: 29,
-      ang_offset_arc: 75,
-      readonly: 80,
-    }
-  }
-
-  handleChange = newValue => {
-    this.setState({ value: newValue })
-  }
-  handleChangecursor = newValue => {
-    this.setState({ value_cur: newValue })
-  }
-  handleChangeprev = newValue => {
-    this.setState({ value_prev: newValue })
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Knob Chart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Charts" breadcrumbItem="Knob Chart" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Examples</h4>
-                    <p className="card-title-desc">
-                      Nice, downward compatible, touchable, jQuery dial
-                    </p>
-
-                    <Row>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">
-                            Disable display input
-                          </h5>
-                          <Knob
-                            value={this.state.value}
-                            height={200}
-                            width={150}
-                            fgColor="#7a6fbe"
-                            displayCustom={() => {
-                              return false
-                            }}
-                            onChange={this.handleChange}
-                          />
-                        </div>
-                      </Col>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">Cursor mode</h5>
-                          <Knob
-                            value={this.state.value_cur}
-                            height={200}
-                            width={150}
-                            fgColor="#4ac18e"
-                            cursor={true}
-                            displayCustom={() => {
-                              return false
-                            }}
-                            onChange={this.handleChangecursor}
-                          />
-                        </div>
-                      </Col>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">
-                            Display previous value
-                          </h5>
-                          <Knob
-                            value={this.state.value_prev}
-                            height={200}
-                            width={150}
-                            fgColor="#ffbb44"
-                            onChange={this.handleChangeprev}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">Angle offset</h5>
-                          <Knob
-                            value={this.state.angle}
-                            fgColor="#ea553d"
-                            lineCap="round"
-                            height={200}
-                            width={150}
-                            onChange={e => {
-                              this.setState({ angle: e })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">
-                            {" "}
-                            5-digit values, step 1000
-                          </h5>
-                          <Knob
-                            value={this.state.steps}
-                            fgColor="#1d1e3a"
-                            step={10}
-                            height={200}
-                            width={150}
-                            onChange={e => {
-                              this.setState({ steps: e })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">
-                            Angle offset and arc
-                          </h5>
-                          <Knob
-                            value={this.state.angleArc}
-                            fgColor="#f06292"
-                            angleArc={360}
-                            angleOffset={5}
-                            cursor={true}
-                            height={200}
-                            width={150}
-                            onChange={e => {
-                              this.setState({ angleArc: e })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">Readonly</h5>
-                          <Knob
-                            value={this.state.readonly}
-                            fgColor="#5468da"
-                            thickness={0.12}
-                            readOnly={true}
-                            height={200}
-                            width={150}
-                            onChange={() => {}}
-                          />
-                        </div>
-                      </Col>
-                      <Col lg="4">
-                        <div className="text-center" dir="ltr">
-                          <h5 className="font-size-14 mb-3">
-                            {" "}
-                            Angle offset and arc
-                          </h5>
-                          <Knob
-                            value={this.state.ang_offset_arc}
-                            fgColor="#8d6e63"
-                            thickness={0.18}
-                            angleArc={300}
-                            angleOffset={5}
-                            cursor={true}
-                            height={200}
-                            width={150}
-                            onChange={e => {
-                              this.setState({ ang_offset_arc: e })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default ChartsKnob
diff --git a/Client/src/backoffice/pages/Chat/Chat.js b/Client/src/backoffice/pages/Chat/Chat.js
deleted file mode 100644
index 06c4a8b..0000000
--- a/Client/src/backoffice/pages/Chat/Chat.js
+++ /dev/null
@@ -1,657 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import MetaTags from 'react-meta-tags';
-import { connect } from "react-redux"
-import { Link } from "react-router-dom"
-import moment from "moment"
-import { size } from "lodash"
-import {
-  Button,
-  Card,
-  Col,
-  Container,
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-  Form,
-  FormGroup,
-  Input,
-  InputGroup,
-  InputGroupAddon,
-  Media,
-  Nav,
-  NavItem,
-  NavLink,
-  Row,
-  TabContent,
-  TabPane,
-  UncontrolledDropdown,
-  UncontrolledTooltip,
-} from "reactstrap"
-import classnames from "classnames"
-
-//Import Scrollbar
-import PerfectScrollbar from "react-perfect-scrollbar"
-import "react-perfect-scrollbar/dist/css/styles.css"
-
-//Import Images
-import images from "../../assets/images"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-
-class Chat extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      currentRoomId: 1,
-      currentUser: {
-        name: "Henry Wells",
-        isActive: true,
-      },
-      notification_Menu: false,
-      search_Menu: false,
-      settings_Menu: false,
-      other_Menu: false,
-      activeTab: "1",
-      Chat_Box_Username: "Steven Franklin",
-      Chat_Box_User_Status: "online",
-      Chat_Box_User_isActive: false,
-      curMessage: "",
-    }
-    this.messageBox = null
-  }
-
-  componentDidMount() {
-
-
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    const { messages } = this.props
-    if (size(messages) !== size(prevProps.messages)) {
-      this.scrollToBottom()
-    }
-  }
-
-  toggleNotification = () => {
-    this.setState(prevState => ({
-      notification_Menu: !prevState.notification_Menu,
-    }))
-  }
-
-  //Toggle Chat Box Menus
-  toggleSearch = () => {
-    this.setState(prevState => ({
-      search_Menu: !prevState.search_Menu,
-    }))
-  }
-
-  toggleSettings = () => {
-    this.setState(prevState => ({
-      settings_Menu: !prevState.settings_Menu,
-    }))
-  }
-
-  toggleOther = () => {
-    this.setState(prevState => ({
-      other_Menu: !prevState.other_Menu,
-    }))
-  }
-
-  toggleTab = tab => {
-    if (this.state.activeTab !== tab) {
-      this.setState({
-        activeTab: tab,
-      })
-    }
-  }
-
-  //Use For Chat Box
-  userChatOpen = (id, name, status, roomId) => {
-    const { onGetMessages } = this.props
-    this.setState({ Chat_Box_Username: name, currentRoomId: roomId })
-    onGetMessages(roomId)
-  }
-
-  addMessage = (roomId, sender) => {
-    const { onAddMessage } = this.props
-    const message = {
-      id: Math.floor(Math.random() * 100),
-      roomId,
-      sender,
-      message: this.state.curMessage,
-      createdAt: new Date(),
-    }
-    this.setState({ curMessage: "" })
-    onAddMessage(message)
-  }
-
-  scrollToBottom = () => {
-    if (this.messageBox) {
-      this.messageBox.scrollTop = this.messageBox.scrollHeight + 1000
-    }
-  }
-
-  onKeyPress = e => {
-    const { key, value } = e
-    const { currentRoomId, currentUser } = this.state
-    if (key === "Enter") {
-      this.setState({ curMessage: value })
-      this.addMessage(currentRoomId, currentUser.name)
-    }
-  }
-
-  render() {
-    const { chats, groups, contacts, messages } = this.props
-    const { currentRoomId, currentUser } = this.state
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Chat | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Skote" breadcrumbItem="Chat" />
-
-            <Row>
-              <Col lg="12">
-                <div className="d-lg-flex">
-                  <div className="chat-leftsidebar me-lg-4">
-                    <div className="">
-                      <div className="py-4 border-bottom">
-                        <Media>
-                          <div className="align-self-center me-3">
-                            <img
-                              src={images.avatar1}
-                              className="avatar-xs rounded-circle"
-                              alt=""
-                            />
-                          </div>
-                          <Media body>
-                            <h5 className="font-size-15 mt-0 mb-1">
-                              {currentUser.name}
-                            </h5>
-                            <p className="text-muted mb-0">
-                              <i className="mdi mdi-circle text-success align-middle me-1" />
-                              Active
-                            </p>
-                          </Media>
-
-                          <div>
-                            <Dropdown
-                              isOpen={this.state.notification_Menu}
-                              toggle={this.toggleNotification}
-                              className="chat-noti-dropdown active"
-                            >
-                              <DropdownToggle className="btn" tag="i">
-                                <i className="bx bx-bell bx-tada" />
-                              </DropdownToggle>
-                              <DropdownMenu className="dropdown-menu-end">
-                                <DropdownItem href="#">Action</DropdownItem>
-                                <DropdownItem href="#">
-                                  Another action
-                                </DropdownItem>
-                                <DropdownItem href="#">
-                                  Something else here
-                                </DropdownItem>
-                              </DropdownMenu>
-                            </Dropdown>
-                          </div>
-                        </Media>
-                      </div>
-
-                      <div className="search-box chat-search-box py-4">
-                        <div className="position-relative">
-                          <Input
-                            type="text"
-                            className="form-control"
-                            placeholder="Search..."
-                          />
-                          <i className="bx bx-search-alt search-icon" />
-                        </div>
-                      </div>
-
-                      <div className="chat-leftsidebar-nav">
-                        <Nav pills justified>
-                          <NavItem>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === "1",
-                              })}
-                              onClick={() => {
-                                this.toggleTab("1")
-                              }}
-                            >
-                              <i className="bx bx-chat font-size-20 d-sm-none" />
-                              <span className="d-none d-sm-block">Chat</span>
-                            </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === "2",
-                              })}
-                              onClick={() => {
-                                this.toggleTab("2")
-                              }}
-                            >
-                              <i className="bx bx-group font-size-20 d-sm-none" />
-                              <span className="d-none d-sm-block">Groups</span>
-                            </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === "3",
-                              })}
-                              onClick={() => {
-                                this.toggleTab("3")
-                              }}
-                            >
-                              <i className="bx bx-book-content font-size-20 d-sm-none" />
-                              <span className="d-none d-sm-block">
-                                Contacts
-                              </span>
-                            </NavLink>
-                          </NavItem>
-                        </Nav>
-                        <TabContent
-                          activeTab={this.state.activeTab}
-                          className="py-4"
-                        >
-                          <TabPane tabId="1">
-                            <div>
-                              <h5 className="font-size-14 mb-3">Recent</h5>
-                              <ul className="list-unstyled chat-list">
-                                <PerfectScrollbar style={{ height: "410px"}}>
-
-                                </PerfectScrollbar>
-                              </ul>
-                            </div>
-                          </TabPane>
-
-                          <TabPane tabId="2">
-                            <h5 className="font-size-14 mb-3">Group</h5>
-                            <ul className="list-unstyled chat-list">
-                              <PerfectScrollbar style={{ height: "410px" }}>
-                                {groups &&
-                                  groups.map(group => (
-                                    <li key={"test" + group.image}>
-                                      <Link
-                                        to="#"
-                                        onClick={() => {
-                                          this.userChatOpen(
-                                            group.id,
-                                            group.name,
-                                            group.status,
-                                            Math.floor(Math.random() * 100)
-                                          )
-                                        }}
-                                      >
-                                        <Media className="align-items-center">
-                                          <div className="avatar-xs me-3">
-                                            <span className="avatar-title rounded-circle bg-primary bg-soft text-primary">
-                                              {group.image}
-                                            </span>
-                                          </div>
-
-                                          <Media body>
-                                            <h5 className="font-size-14 mb-0">
-                                              {group.name}
-                                            </h5>
-                                          </Media>
-                                        </Media>
-                                      </Link>
-                                    </li>
-                                  ))}
-                              </PerfectScrollbar>
-                            </ul>
-                          </TabPane>
-
-                          <TabPane tabId="3">
-                            <h5 className="font-size-14 mb-3">Contact</h5>
-
-                            <div>
-                              <PerfectScrollbar style={{ height: "410px" }}>
-                                {contacts &&
-                                  contacts.map(contact => (
-                                    <div
-                                      key={"test_" + contact.category}
-                                      className={
-                                        contact.category === "A" ? "" : "mt-4"
-                                      }
-                                    >
-                                      <div className="avatar-xs mb-3">
-                                        <span className="avatar-title rounded-circle bg-primary bg-soft text-primary">
-                                          {contact.category}
-                                        </span>
-                                      </div>
-
-                                      <ul className="list-unstyled chat-list">
-                                        {contact.child.map(array => (
-                                          <li key={"test" + array.id}>
-                                            <Link
-                                              to="#"
-                                              onClick={() => {
-                                                this.userChatOpen(
-                                                  array.id,
-                                                  array.name,
-                                                  array.status,
-                                                  Math.floor(
-                                                    Math.random() * 100
-                                                  )
-                                                )
-                                              }}
-                                            >
-                                              <h5 className="font-size-14 mb-0">
-                                                {array.name}
-                                              </h5>
-                                            </Link>
-                                          </li>
-                                        ))}
-                                      </ul>
-                                    </div>
-                                  ))}
-                              </PerfectScrollbar>
-                            </div>
-                          </TabPane>
-                        </TabContent>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="w-100 user-chat">
-                    <Card>
-                      <div className="p-4 border-bottom ">
-                        <Row>
-                          <Col md="4" xs="9">
-                            <h5 className="font-size-15 mb-1">
-                              {this.state.Chat_Box_Username}
-                            </h5>
-
-                            <p className="text-muted mb-0">
-                              <i
-                                className={
-                                  this.state.Chat_Box_User_Status === "online"
-                                    ? "mdi mdi-circle text-success align-middle me-1"
-                                    : this.state.Chat_Box_User_Status ===
-                                      "intermediate"
-                                    ? "mdi mdi-circle text-warning align-middle me-1"
-                                    : "mdi mdi-circle align-middle me-1"
-                                }
-                              />
-                              {this.state.Chat_Box_User_Status}
-                            </p>
-                          </Col>
-                          <Col md="8" xs="3">
-                            <ul className="list-inline user-chat-nav text-end mb-0">
-                              <li className="list-inline-item d-none d-sm-inline-block">
-                                <Dropdown
-                                  isOpen={this.state.search_Menu}
-                                  toggle={this.toggleSearch}
-                                >
-                                  <DropdownToggle
-                                    className="btn nav-btn dropdown-toggle"
-                                    tag="button"
-                                  >
-                                    <i className="bx bx-search-alt-2"></i>
-                                  </DropdownToggle>
-                                  <DropdownMenu
-                                    className="dropdown-menu-md dropdown-menu-end"
-                                    direction="right"
-                                  >
-                                    <Form className="p-3">
-                                      <FormGroup className="m-0">
-                                        <InputGroup>
-                                          <Input
-                                            type="text"
-                                            className="form-control"
-                                            placeholder="Search ..."
-                                            aria-label="Recipient's username"
-                                          />
-                                          <InputGroupAddon addonType="append">
-                                            <Button
-                                              color="primary"
-                                              type="submit"
-                                            >
-                                              <i className="mdi mdi-magnify"></i>
-                                            </Button>
-                                          </InputGroupAddon>
-                                        </InputGroup>
-                                      </FormGroup>
-                                    </Form>
-                                  </DropdownMenu>
-                                </Dropdown>
-                              </li>{" "}
-                              <li className="list-inline-item  d-none d-sm-inline-block">
-                                <Dropdown
-                                  isOpen={this.state.settings_Menu}
-                                  toggle={this.toggleSettings}
-                                >
-                                  <DropdownToggle
-                                    className="btn nav-btn"
-                                    tag="i"
-                                  >
-                                    <i className="bx bx-cog"></i>
-                                  </DropdownToggle>
-                                  <DropdownMenu direction="right" className="dropdown-menu-end">
-                                    <DropdownItem href="#">
-                                      View Profile
-                                    </DropdownItem>
-                                    <DropdownItem href="#">
-                                      Clear chat
-                                    </DropdownItem>
-                                    <DropdownItem href="#">Muted</DropdownItem>
-                                    <DropdownItem href="#">Delete</DropdownItem>
-                                  </DropdownMenu>
-                                </Dropdown>
-                              </li>{" "}
-                              <li className="list-inline-item">
-                                <Dropdown
-                                  isOpen={this.state.other_Menu}
-                                  toggle={this.toggleOther}
-                                >
-                                  <DropdownToggle
-                                    className="btn nav-btn"
-                                    tag="i"
-                                  >
-                                    <i className="bx bx-dots-horizontal-rounded"></i>
-                                  </DropdownToggle>
-                                  <DropdownMenu className="dropdown-menu-end">
-                                    <DropdownItem href="#">Action</DropdownItem>
-                                    <DropdownItem href="#">
-                                      Another Action
-                                    </DropdownItem>
-                                    <DropdownItem href="#">
-                                      Something else
-                                    </DropdownItem>
-                                  </DropdownMenu>
-                                </Dropdown>
-                              </li>
-                            </ul>
-                          </Col>
-                        </Row>
-                      </div>
-
-                      <div>
-                        <div className="chat-conversation p-3">
-                          <ul className="list-unstyled mb-0">
-                            <PerfectScrollbar
-                              style={{ height: "486px" ,minHeight: "486px" }}
-                              containerRef={ref => (this.messageBox = ref)}
-                            >
-                              <li>
-                                <div className="chat-day-title">
-                                  <span className="title">Today</span>
-                                </div>
-                              </li>
-                              {messages &&
-                                messages.map(message => (
-                                  <li
-                                    key={"test_k" + message.id}
-                                    className={
-                                      message.sender === currentUser.name
-                                        ? "right"
-                                        : ""
-                                    }
-                                  >
-                                    <div className="conversation-list">
-                                      <UncontrolledDropdown>
-                                        <DropdownToggle
-                                          href="#"
-                                          className="dropdown-toggle"
-                                          tag="a"
-                                        >
-                                          <i className="bx bx-dots-vertical-rounded" />
-                                        </DropdownToggle>
-                                        <DropdownMenu direction="right">
-                                          <DropdownItem href="#">
-                                            Copy
-                                          </DropdownItem>
-                                          <DropdownItem href="#">
-                                            Save
-                                          </DropdownItem>
-                                          <DropdownItem href="#">
-                                            Forward
-                                          </DropdownItem>
-                                          <DropdownItem href="#">
-                                            Delete
-                                          </DropdownItem>
-                                        </DropdownMenu>
-                                      </UncontrolledDropdown>
-                                      <div className="ctext-wrap">
-                                        <div className="conversation-name">
-                                          {message.sender}
-                                        </div>
-                                        <p>{message.message}</p>
-                                        <p className="chat-time mb-0">
-                                          <i className="bx bx-time-five align-middle me-1" />{" "}
-                                          {moment(message.createdAt).format(
-                                            "hh:mm"
-                                          )}
-                                        </p>
-                                      </div>
-                                    </div>
-                                  </li>
-                                ))}
-                            </PerfectScrollbar>
-                          </ul>
-                        </div>
-                        <div className="p-3 chat-input-section">
-                          <Row>
-                            <Col>
-                              <div className="position-relative">
-                                <input
-                                  type="text"
-                                  value={this.state.curMessage}
-                                  onKeyPress={this.onKeyPress}
-                                  onChange={e => {
-                                    this.setState({
-                                      curMessage: e.target.value,
-                                    })
-                                  }}
-                                  className="form-control chat-input"
-                                  placeholder="Enter Message..."
-                                />
-                                <div className="chat-input-links">
-                                  <ul className="list-inline mb-0">
-                                    <li className="list-inline-item">
-                                      <Link to="#">
-                                        <i
-                                          className="mdi mdi-emoticon-happy-outline"
-                                          id="Emojitooltip"
-                                        ></i>
-                                        <UncontrolledTooltip
-                                          placement="top"
-                                          target="Emojitooltip"
-                                        >
-                                          Emojis
-                                        </UncontrolledTooltip>
-                                      </Link>
-                                    </li>{" "}
-                                    <li className="list-inline-item">
-                                      <Link to="#">
-                                        <i
-                                          className="mdi mdi-file-image-outline"
-                                          id="Imagetooltip"
-                                        ></i>
-                                        <UncontrolledTooltip
-                                          placement="top"
-                                          target="Imagetooltip"
-                                        >
-                                          Images
-                                        </UncontrolledTooltip>
-                                      </Link>
-                                    </li>{" "}
-                                    <li className="list-inline-item">
-                                      <Link to="#">
-                                        <i
-                                          className="mdi mdi-file-document-outline"
-                                          id="Filetooltip"
-                                        ></i>
-                                        <UncontrolledTooltip
-                                          placement="top"
-                                          target="Filetooltip"
-                                        >
-                                          Add Files
-                                        </UncontrolledTooltip>
-                                      </Link>
-                                    </li>
-                                  </ul>
-                                </div>
-                              </div>
-                            </Col>
-                            <Col className="col-auto">
-                              <Button
-                                type="button"
-                                color="primary"
-                                onClick={() =>
-                                  this.addMessage(
-                                    currentRoomId,
-                                    currentUser.name
-                                  )
-                                }
-                                className="btn-rounded chat-send w-md waves-effect waves-light"
-                              >
-                                <span className="d-none d-sm-inline-block me-2">
-                                  Send
-                                </span>{" "}
-                                <i className="mdi mdi-send"></i>
-                              </Button>
-                            </Col>
-                          </Row>
-                        </div>
-                      </div>
-                    </Card>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-Chat.propTypes = {
-
-}
-
-const mapStateToProps = ({ chat }) => ({
-  chats: chat.chats,
-  groups: chat.groups,
-  contacts: chat.contacts,
-  messages: chat.messages,
-})
-
-const mapDispatchToProps = dispatch => ({
-
-})
-
-export default Chat
diff --git a/Client/src/backoffice/pages/Dashboard/index.js b/Client/src/backoffice/pages/Dashboard/index.js
index 5a5de4c..b7a9b4e 100644
--- a/Client/src/backoffice/pages/Dashboard/index.js
+++ b/Client/src/backoffice/pages/Dashboard/index.js
@@ -1,291 +1,291 @@
-import React, { Component } from "react"
-import PropTypes from 'prop-types'
-import MetaTags from 'react-meta-tags';
-import {
-  Container,
-  Row,
-  Col,
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  Modal,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
-  Media,
-  Table,
-  Input
-} from "reactstrap"
-import { Link } from "react-router-dom"
 
-//import Charts
-import StackedColumnChart from "./StackedColumnChart"
+      import React, { useEffect } from "react";
 
-import modalimage1 from "../../assets/images/product/img-7.png"
-import modalimage2 from "../../assets/images/product/img-4.png"
+      import PropTypes from 'prop-types'
+      import MetaTags from 'react-meta-tags';
+      import {
+        Container,
+        Row,
+        Col,
+        Button,
+        Card,
+        CardBody,
+        CardTitle,
+        Modal,
+        ModalHeader,
+        ModalBody,
+        ModalFooter,
+        Media,
+        Table,
+        Input
+      } from "reactstrap"
+      import { Link } from "react-router-dom"
+      
+      //import Charts
+      import StackedColumnChart from "./StackedColumnChart"
+      
+      import modalimage1 from "../../assets/images/product/img-7.png"
+      import modalimage2 from "../../assets/images/product/img-4.png"
+      import { deleteCategory,listCategoryForAdmin,editcategory } from "../../../actions/AdminAction";
 
-// Pages Components
-import WelcomeComp from "./WelcomeComp"
-import MonthlyEarning from "./MonthlyEarning"
+      // Pages Components
+      import WelcomeComp from "./WelcomeComp"
+      import MonthlyEarning from "./MonthlyEarning"
+      
+      import { useDispatch, useSelector } from "react-redux";
+      import Message from "../User/Message";
+      import { userList, userDelete,userblock } from "../../../actions/userAction";
+      
+      //Import Breadcrumb
+      import Breadcrumbs from "../../components/Common/Breadcrumb"
+      import { listContactForContact  } from "../../../actions/contactAction";
+      import {listBrandsForAdmin} from "../../../actions/brandAction";
 
+      //i18n
+      //import { withTranslation } from "react-i18next"
+      
+      const Dashboard = () => {
+       
+        const dispatch = useDispatch();
+      
+        const userListBack = useSelector((state) => state.userListBack);
+        const {  countusers } = userListBack;
+ 
+        const contactss = useSelector((state) => state.ContactList);
+        const {  countcontact } = contactss;
+      
+        const brandds = useSelector((state) => state.listBrands);
+        const {  totalBrands } = brandds;
+      
+      
+        
+        useEffect(() => {
+            dispatch(listBrandsForAdmin());
+      
+        }, [dispatch,totalBrands]);
+      
+        useEffect(() => {
+            dispatch(listContactForContact());
+      
+        }, [dispatch,countcontact]);
+      
+      
+      
+        useEffect(() => {
+          dispatch(userList());
+      
+      }, [dispatch, countusers]);
+      
+      const listcategory = useSelector((state) => state.listcategory);
+  const { countcat } = listcategory;
 
+  console.log('====================================');
+  console.log("counttt "+countcat);
+  console.log('====================================');
 
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
+  useEffect(() => {
+      dispatch(listCategoryForAdmin());
 
-//i18n
-//import { withTranslation } from "react-i18next"
-
-class Dashboard extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      reports: [
-        { title: "Orders", iconClass: "bx bx-file", description: "5" },
-        {
-          title: "Users",
-          iconClass: "bx bx-user-circle",
-          description: "3",
-        },
-        {
-          title: "Products",
-          iconClass: "bx bx-store",
-          description: "5",
-        },
-        {
-          title: "Category",
-          iconClass: "bx bx-duplicate",
-          description: "2",
-        },
-        {
-          title: "Brands",
-          iconClass: "bx bxs-user-detail",
-          description: "1",
-        },
-        {
-          title: "Contacts",
-          iconClass: "bx-purchase-tag-alt",
-          description: "3",
-        },
-      ],
-      email: [
-        { title: "Week", linkto: "#", isActive: false },
-        { title: "Month", linkto: "#", isActive: false },
-        { title: "Year", linkto: "#", isActive: true },
-      ],
-      modal: false,
-      subscribemodal: false,
-    }
-
-    this.togglemodal.bind(this)
-    this.togglesubscribemodal.bind(this)
-  }
-
-  componentDidMount() {
-    setTimeout(() => this.setState({ subscribemodal: true }), 2000);
-  }
-
-  togglemodal = () => {
-    this.setState(prevState => ({
-      modal: !prevState.modal,
-    }))
-  }
-
-  togglesubscribemodal = () => {
-    this.setState(prevState => ({
-      subscribemodal: !prevState.subscribemodal,
-    }))
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Dashboard | FitMe</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs
-              title="Dashboard"
-              breadcrumbItem="Dashboard"
-            />
-
-            <Row>
-              <Col xl="4">
-                <WelcomeComp />
-                <MonthlyEarning />
-              </Col>
-              <Col xl="8">
-                <Row>
-                  {/* Reports Render */}
-                  {this.state.reports.map((report, key) => (
-                    <Col md="4" key={"_col_" + key}>
-                      <Card className="mini-stats-wid">
+  }, [dispatch,countcat]);
+      
+          return (
+            <React.Fragment>
+              <div className="page-content">
+                <MetaTags>
+                  <title>Dashboard | FitMe</title>
+                </MetaTags>
+                <Container fluid>
+                  <Breadcrumbs
+                    title="Dashboard"
+                    breadcrumbItem="Dashboard"
+                  />
+      
+                  <Row>
+                    <Col xl="4">
+                      <WelcomeComp />
+                    </Col>
+                    <Col xl="8">
+                      <Row>
+                      <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Users
+                                    </p>
+                                    <h4 className="mb-0">{countusers||0}</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + "bx bx-user-circle" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+                          </Col>
+                          <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Category
+                                    </p>
+                                    <h4 className="mb-0">{countcat ||0 }</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + "bx bx-duplicate" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+      
+                          </Col>
+                          <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Contact 
+                                    </p>
+                                    <h4 className="mb-0">{countcontact||0}</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + " bx-purchase-tag-alt" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+                          </Col>
+                          <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Brands 
+                                    </p>
+                                    <h4 className="mb-0">{totalBrands||0}</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + "bx bxs-user-detail" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+                          </Col>
+                          <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Products
+                                    </p>
+                                    <h4 className="mb-0">{totalBrands|0}</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + "bx bx-store" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+                          </Col>
+                          <Col md="4" >
+                            <Card className="mini-stats-wid">
+                              <CardBody>
+                                <Media>
+                                  <Media body>
+                                    <p className="text-muted fw-medium">
+                                   Orders
+                                    </p>
+                                    <h4 className="mb-0">{totalBrands||0}</h4>
+                                  </Media>
+                                  <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
+                                    <span className="avatar-title">
+                                      <i
+                                        className={
+                                          "bx " + "bx-purchase-tag-alt" + " font-size-24"
+                                        }
+                                      />
+                                    </span>
+                                  </div>
+                                </Media>
+                              </CardBody>
+                            </Card>
+                          </Col>
+      
+      
+      
+                      </Row>
+      
+                      <Card>
                         <CardBody>
-                          <Media>
-                            <Media body>
-                              <p className="text-muted fw-medium">
-                                {report.title}
-                              </p>
-                              <h4 className="mb-0">{report.description}</h4>
-                            </Media>
-                            <div className="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
-                              <span className="avatar-title">
-                                <i
-                                  className={
-                                    "bx " + report.iconClass + " font-size-24"
-                                  }
-                                />
-                              </span>
+                          <div className="d-sm-flex flex-wrap">
+                            <CardTitle className="card-title mb-4 h4">
+                              Email Sent
+                          </CardTitle>
+                            <div className="ms-auto">
+                              <ul className="nav nav-pills">
+                             
+                                  <li className="nav-item" >
+                                    <Link
+                                     
+                                    >
+                                    </Link>
+                                  </li>
+                              </ul>
                             </div>
-                          </Media>
+                          </div>
+                          <div className="clearfix" />
+                          <StackedColumnChart />
+      
                         </CardBody>
                       </Card>
                     </Col>
-                  ))}
-                </Row>
-
-                <Card>
-                  <CardBody>
-                    <div className="d-sm-flex flex-wrap">
-                      <CardTitle className="card-title mb-4 h4">
-                        Email Sent
-                    </CardTitle>
-                      <div className="ms-auto">
-                        <ul className="nav nav-pills">
-                          {this.state.email.map((mail, key) => (
-                            <li className="nav-item" key={"_li_" + key}>
-                              <Link
-                                className={
-                                  mail.isActive ? "nav-link active" : "nav-link"
-                                }
-                                to={mail.linkto}
-                              >
-                                {mail.title}
-                              </Link>
-                            </li>
-                          ))}
-                        </ul>
-                      </div>
-                    </div>
-                    <div className="clearfix" />
-                    <StackedColumnChart />
-
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-          
-          </Container>
-        </div>
-
-
-
-        <Modal
-          isOpen={this.state.modal}
-          role="dialog"
-          autoFocus={true}
-          centered={true}
-          className="exampleModal"
-          tabindex="-1"
-          toggle={this.togglemodal}
-        >
-          <div className="modal-content">
-            <ModalHeader toggle={this.togglemodal}>Order Details</ModalHeader>
-            <ModalBody>
-              <p className="mb-2">
-                Product id: <span className="text-primary">#SK2540</span>
-              </p>
-              <p className="mb-4">
-                Billing Name:{" "}
-                <span className="text-primary">Neal Matthews</span>
-              </p>
-
-              <div className="table-responsive">
-                <Table className="table align-middle table-nowrap">
-                  <thead>
-                    <tr>
-                      <th scope="col">Product</th>
-                      <th scope="col">Product Name</th>
-                      <th scope="col">Price</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <th scope="row">
-                        <div>
-                          <img src={modalimage1} alt="" className="avatar-sm" />
-                        </div>
-                      </th>
-                      <td>
-                        <div>
-                          <h5 className="text-truncate font-size-14">
-                            Wireless Headphone (Black)
-                          </h5>
-                          <p className="text-muted mb-0">$ 225 x 1</p>
-                        </div>
-                      </td>
-                      <td>$ 255</td>
-                    </tr>
-                    <tr>
-                      <th scope="row">
-                        <div>
-                          <img src={modalimage2} alt="" className="avatar-sm" />
-                        </div>
-                      </th>
-                      <td>
-                        <div>
-                          <h5 className="text-truncate font-size-14">
-                            Hoodie (Blue)
-                          </h5>
-                          <p className="text-muted mb-0">$ 145 x 1</p>
-                        </div>
-                      </td>
-                      <td>$ 145</td>
-                    </tr>
-                    <tr>
-                      <td colSpan="2">
-                        <h6 className="m-0 text-right">Sub Total:</h6>
-                      </td>
-                      <td>$ 400</td>
-                    </tr>
-                    <tr>
-                      <td colSpan="2">
-                        <h6 className="m-0 text-right">Shipping:</h6>
-                      </td>
-                      <td>Free</td>
-                    </tr>
-                    <tr>
-                      <td colSpan="2">
-                        <h6 className="m-0 text-right">Total:</h6>
-                      </td>
-                      <td>$ 400</td>
-                    </tr>
-                  </tbody>
-                </Table>
+                  </Row>
+      
+                
+                </Container>
               </div>
-            </ModalBody>
-            <ModalFooter>
-              <Button
-                type="button"
-                color="secondary"
-                onClick={this.togglemodal}
-              >
-                Close
-              </Button>
-            </ModalFooter>
-          </div>
-        </Modal>
-      </React.Fragment>
-    )
-  }
-}
-
-Dashboard.propTypes = {
-  t: PropTypes.any
-}
-
-export default Dashboard
+      
+      
+      
+              
+            </React.Fragment>
+       );
+      };
+      
+      export default Dashboard;
+      
\ No newline at end of file
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceAddProduct.js b/Client/src/backoffice/pages/Ecommerce/EcommerceAddProduct.js
deleted file mode 100644
index 7bc58b2..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceAddProduct.js
+++ /dev/null
@@ -1,313 +0,0 @@
-import React, { Component } from "react"
-import { Link } from "react-router-dom"
-import MetaTags from 'react-meta-tags';
-import {
-  Button,
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  FormGroup,
-  Input,
-  Label,
-  Row,
-} from "reactstrap"
-import Select from "react-select"
-import Dropzone from "react-dropzone"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class EcommerceAddProduct extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      selectedFiles: [],
-    }
-  }
-
-  handleAcceptedFiles = files => {
-    files.map(file =>
-      Object.assign(file, {
-        preview: URL.createObjectURL(file),
-        formattedSize: this.formatBytes(file.size),
-      })
-    )
-
-    this.setState({ selectedFiles: files })
-  }
-
-  formatBytes = (bytes, decimals = 2) => {
-    if (bytes === 0) return "0 Bytes"
-    const k = 1024
-    const dm = decimals < 0 ? 0 : decimals
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]
-
-    const i = Math.floor(Math.log(bytes) / Math.log(k))
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i]
-  }
-
-  render() {
-    const options = [
-      { value: "AK", label: "Alaska" },
-      { value: "HI", label: "Hawaii" },
-      { value: "CA", label: "California" },
-      { value: "NV", label: "Nevada" },
-      { value: "OR", label: "Oregon" },
-      { value: "WA", label: "Washington" },
-    ]
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Add Product | FitMe!</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Ecommerce" breadcrumbItem="Add Product" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Basic Information</CardTitle>
-                    <p className="card-title-desc">Fill all information below</p>
-
-                    <Form>
-                      <Row>
-                        <Col sm="6">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productname">Product Name</Label>
-                            <Input
-                              id="productname"
-                              name="productname"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="manufacturername">
-                              Manufacturer Name
-                            </Label>
-                            <Input
-                              id="manufacturername"
-                              name="manufacturername"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="manufacturerbrand">
-                              Manufacturer Brand
-                            </Label>
-                            <Input
-                              id="manufacturerbrand"
-                              name="manufacturerbrand"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="price">Price</Label>
-                            <Input
-                              id="price"
-                              name="price"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                        </Col>
-
-                        <Col sm="6">
-                          <FormGroup className="mb-3">
-                            <Label className="control-label">Category</Label>
-                            <select className="form-control select2">
-                              <option>Select</option>
-                              <option value="AK">Alaska</option>
-                              <option value="HI">Hawaii</option>
-                            </select>
-                          </FormGroup>
-                          <FormGroup className="select2-container mb-3">
-                            <Label className="control-label">Features</Label>
-                            <Select
-                              classNamePrefix="form-control"
-                              placeholder="Choose ..."
-                              title="Country"
-                              options={options}
-                              isMulti
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productdesc">
-                              Product Description
-                            </Label>
-                            <textarea
-                              className="form-control"
-                              id="productdesc"
-                              rows="5"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <div className="d-flex flex-wrap gap-2">
-                      <Button
-                        type="submit"
-                        color="primary"
-                        className="waves-effect waves-light"
-                      >
-                        Save Changes
-                      </Button>
-                      <Button
-                        type="submit"
-                        color="secondary"
-                        className="waves-effect waves-light"
-                      >
-                        Cancel
-                      </Button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-3 h4">Product Images</CardTitle>
-                    <Form className="dropzone">
-                      <Dropzone
-                        onDrop={acceptedFiles =>
-                          this.handleAcceptedFiles(acceptedFiles)
-                        }
-                      >
-                        {({ getRootProps, getInputProps }) => (
-                          <div>
-                            <div
-                              className="dz-message needsclick"
-                              {...getRootProps()}
-                            >
-                              <input {...getInputProps()} />
-                              <div className="dz-message needsclick">
-                                <div className="mb-3">
-                                  <i className="display-4 text-muted bx bxs-cloud-upload" />
-                                </div>
-                                <h4>Drop files here or click to upload.</h4>
-                              </div>
-                            </div>
-                          </div>
-                        )}
-                      </Dropzone>
-                      <div
-                        className="dropzone-previews mt-3"
-                        id="file-previews"
-                      >
-                        {this.state.selectedFiles.map((f, i) => {
-                          return (
-                            <Card
-                              className="mt-1 mb-0 shadow-none border dz-processing dz-image-preview dz-success dz-complete"
-                              key={i + "-file"}
-                            >
-                              <div className="p-2">
-                                <Row className="align-items-center">
-                                  <Col className="col-auto">
-                                    <img
-                                      data-dz-thumbnail=""
-                                      height="80"
-                                      className="avatar-sm rounded bg-light"
-                                      alt={f.name}
-                                      src={f.preview}
-                                    />
-                                  </Col>
-                                  <Col>
-                                    <Link
-                                      to="#"
-                                      className="text-muted font-weight-bold"
-                                    >
-                                      {f.name}
-                                    </Link>
-                                    <p className="mb-0">
-                                      <strong>{f.formattedSize}</strong>
-                                    </p>
-                                  </Col>
-                                </Row>
-                              </div>
-                            </Card>
-                          )
-                        })}
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Meta Data</CardTitle>
-                    <p className="card-title-desc">
-                      Fill all information below
-                    </p>
-
-                    <Form>
-                      <Row>
-                        <Col sm={6}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="metatitle">Meta title</Label>
-                            <Input
-                              id="metatitle"
-                              name="productname"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="metakeywords">Meta Keywords</Label>
-                            <Input
-                              id="metakeywords"
-                              name="manufacturername"
-                              type="text"
-                              className="form-control"
-                            />
-                          </FormGroup>
-                        </Col>
-
-                        <Col sm={6}>
-                          <FormGroup>
-                            <Label htmlFor="metadescription">
-                              Meta Description
-                            </Label>
-                            <textarea
-                              className="form-control"
-                              id="metadescription"
-                              rows="5"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-
-                      <Button
-                        type="submit"
-                        color="primary"
-                        className="me-1 waves-effect waves-light"
-                      >
-                        Save Changes
-                      </Button>{" "}
-                      <Button
-                        type="submit"
-                        color="secondary"
-                        className="waves-effect"
-                      >
-                        Cancel
-                      </Button>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default EcommerceAddProduct;
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceCart.js b/Client/src/backoffice/pages/Ecommerce/EcommerceCart.js
deleted file mode 100644
index 1b3b06d..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceCart.js
+++ /dev/null
@@ -1,323 +0,0 @@
-import React, { Component } from "react"
-import { connect } from "react-redux"
-import MetaTags from 'react-meta-tags';
-import { map, isEmpty, size } from "lodash"
-import PropTypes from "prop-types"
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Input,
-  InputGroup,
-  InputGroupAddon,
-  Row,
-  Table,
-} from "reactstrap"
-import { Link, withRouter } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-//Import Product Images
-import images from "../../assets/images"
-
-class EcommerceCart extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      productList: [],
-    }
-  }
-
-  componentDidMount() {
-    const {
-      cartData: { products },
-      onGetCartData,
-    } = this.props
-    onGetCartData()
-    this.setState({ productList: products })
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      cartData: { products },
-    } = this.props
-    if (
-      !isEmpty(products) &&
-      size(products) !== size(prevProps.cartData.products)
-    ) {
-      this.setState({ productList: products })
-    }
-  }
-
-  removeCartItem = id => {
-    let productList = this.state.productList
-    const filtered = productList.filter(function (item) {
-      return item.id !== id
-    })
-
-    this.setState({ productList: filtered })
-  }
-
-  countUP = (id, prev_data_attr) => {
-    this.setState({
-      productList: this.state.productList.map(p =>
-        p.id === id ? { ...p, data_attr: prev_data_attr + 1 } : p
-      ),
-    })
-  }
-
-  countDown = (id, prev_data_attr) => {
-    this.setState({
-      productList: this.state.productList.map(p =>
-        p.id === id ? { ...p, data_attr: prev_data_attr - 1 } : p
-      ),
-    })
-  }
-
-  render() {
-    const {
-      cartData: { orderSummary },
-    } = this.props
-    const { productList } = this.state
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-            <MetaTags>
-              <title>Cart | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-            </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Ecommerce" breadcrumbItem="Cart" />
-            <Row>
-              <Col lx="8">
-                <Card>
-                  <CardBody>
-                    <div className="table-responsive">
-                      <Table className="table align-middle mb-0 table-nowrap">
-                        <thead className="thead-light">
-                          <tr>
-                            <th>Product</th>
-                            <th>Product Desc</th>
-                            <th>Price</th>
-                            <th>Quantity</th>
-                            <th colSpan="2">Total</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          {map(productList, product => (
-                            <tr key={product.id}>
-                              <td>
-                                <img
-                                  src={images[product.img]}
-                                  alt="product-img"
-                                  title="product-img"
-                                  className="avatar-md"
-                                />
-                              </td>
-                              <td>
-                                <h5 className="font-size-14 text-truncate">
-                                  <Link
-                                    to={"/ecommerce-products/" + product.id}
-                                    className="text-dark"
-                                  >
-                                    {product.name}
-                                  </Link>
-                                </h5>
-                                <p className="mb-0">
-                                  Color :{" "}
-                                  <span className="fw-medium">
-                                    {product.color}
-                                  </span>
-                                </p>
-                              </td>
-                              <td>$ {product.price}</td>
-                              <td>
-                                <div style={{ width: "120px" }}>
-                                  <InputGroup>
-                                    <InputGroupAddon addonType="prepend">
-                                      <Button
-                                        color="primary"
-                                        onClick={() => {
-                                          this.countUP(
-                                            product.id,
-                                            product.data_attr
-                                          )
-                                        }}
-                                      >
-                                        +
-                                      </Button>
-                                    </InputGroupAddon>
-                                    <Input
-                                      type="text"
-                                      value={product.data_attr}
-                                      name="demo_vertical"
-                                      readOnly
-                                    />
-                                    <InputGroupAddon addonType="append">
-                                      <Button
-                                        color="primary"
-                                        onClick={() => {
-                                          this.countDown(
-                                            product.id,
-                                            product.data_attr
-                                          )
-                                        }}
-                                      >
-                                        -
-                                      </Button>
-                                    </InputGroupAddon>
-                                  </InputGroup>
-                                </div>
-                              </td>
-                              <td>$ {product.total}</td>
-                              <td>
-                                <Link
-                                  to="#"
-                                  onClick={() =>
-                                    this.removeCartItem(product.id)
-                                  }
-                                  className="action-icon text-danger"
-                                >
-                                  {" "}
-                                  <i className="mdi mdi-trash-can font-size-18" />
-                                </Link>
-                              </td>
-                            </tr>
-                          ))}
-                        </tbody>
-                      </Table>
-                    </div>
-                    <Row className="mt-4">
-                      <Col sm="6">
-                        <Link
-                          to="/ecommerce-products"
-                          className="btn btn-secondary"
-                        >
-                          <i className="mdi mdi-arrow-left me-1" /> Continue Shopping{" "}
-                        </Link>
-                      </Col>
-                      <Col sm="6">
-                        <div className="text-sm-end mt-2 mt-sm-0">
-                          <Link
-                            to="/ecommerce-checkout"
-                            className="btn btn-success"
-                          >
-                            <i className="mdi mdi-cart-arrow-right me-1" />{" "}
-                            Checkout{" "}
-                          </Link>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl="4">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4 h5">Card Details</CardTitle>
-
-                    <div className="card bg-primary text-white visa-card mb-0">
-                      <CardBody>
-                        <div>
-                          <i className="bx bxl-visa visa-pattern" />
-
-                          <div className="float-end">
-                            <i className="bx bxl-visa visa-logo display-3" />
-                          </div>
-
-                          <div>
-                            <i className="bx bx-chip h1 text-warning" />
-                          </div>
-                        </div>
-
-                        <Row className="mt-5">
-                          <Col xs="4">
-                            <p>
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                            </p>
-                          </Col>
-                          <Col xs="4">
-                            <p>
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                            </p>
-                          </Col>
-                          <Col xs="4">
-                            <p>
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                              <i className="fas fa-star-of-life m-1" />
-                            </p>
-                          </Col>
-                        </Row>
-
-                        <div className="mt-5">
-                          <h5 className="text-white float-end mb-0">12/22</h5>
-                          <h5 className="text-white mb-0">Fredrick Taylor</h5>
-                        </div>
-                      </CardBody>
-                    </div>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-3 h4">Order Summary</CardTitle>
-                    {orderSummary && (
-                      <div className="table-responsive">
-                        <Table className="table mb-0">
-                          <tbody>
-                            <tr>
-                              <td>Grand Total :</td>
-                              <td>{orderSummary.grandTotal}</td>
-                            </tr>
-                            <tr>
-                              <td>Discount :</td>
-                              <td>- {orderSummary.discount}</td>
-                            </tr>
-                            <tr>
-                              <td>Shipping Charge :</td>
-                              <td>{orderSummary.shippingCharge}</td>
-                            </tr>
-                            <tr>
-                              <td>Estimated Tax :</td>
-                              <td>{orderSummary.estimatedTax}</td>
-                            </tr>
-                            <tr>
-                              <th>Total :</th>
-                              <td>{orderSummary.total}</td>
-                            </tr>
-                          </tbody>
-                        </Table>
-                      </div>
-                    )}
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-EcommerceCart.propTypes = {
-  cartData: PropTypes.any,
-  onGetCartData: PropTypes.func,
-}
-
-const mapStateToProps = state => ({
-})
-
-const mapDispatchToProps = dispatch => ({
-
-})
-
-export default EcommerceCart
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceCheckout.js b/Client/src/backoffice/pages/Ecommerce/EcommerceCheckout.js
deleted file mode 100644
index 84f7fe6..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceCheckout.js
+++ /dev/null
@@ -1,809 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Container,
-  Row,
-  Col,
-  Table,
-  Input,
-  Nav,
-  NavItem,
-  NavLink,
-  TabContent,
-  TabPane,
-  Card,
-  Form,
-  FormGroup,
-  Label,
-  CardBody,
-  CardTitle,
-  CardSubtitle,
-} from "reactstrap"
-import Select from "react-select"
-import { Link } from "react-router-dom"
-
-import classnames from "classnames"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-import { makeStyles } from "@material-ui/core/styles";
-
-//Import Images
-import img1 from "../../assets/images/product/img-1.png"
-import img7 from "../../assets/images/product/img-7.png"
-import Parallax from "../../../frontoffice/components/frontoffice/ui/Parallax/Parallax";
-import GridContainer from "../../../frontoffice/components/frontoffice/ui/Grid/GridContainer";
-import GridItem from "../../../frontoffice/components/frontoffice/ui/Grid/GridItem";
-import Button from "../../../frontoffice/components/frontoffice/ui/CustomButtons/Button";
-import ShoppingCart from "@material-ui/icons/ShoppingCart";
-import productStyle from "../../../frontoffice/assets/jss/material-kit-pro-react/views/productStyle.js";
-import {useCart} from "../../../hook/useCartHook";
-import {useState} from "react";
-
-const optionGroup = [
-  {
-    label: "Picnic",
-    options: [
-      { label: "Mustard", value: "Mustard" },
-      { label: "Ketchup", value: "Ketchup" },
-      { label: "Relish", value: "Relish" },
-    ],
-  },
-  {
-    label: "Camping",
-    options: [
-      { label: "Tent", value: "Tent" },
-      { label: "Flashlight", value: "Flashlight" },
-      { label: "Toilet Paper", value: "Toilet Paper" },
-    ],
-  },
-]
-const useStyles = makeStyles(productStyle);
-
-function EcommerceCheckout(){
-  React.useEffect(() => {
-    window.scrollTo(0, 0);
-    document.body.scrollTop = 0;
-  },[onclick]);
-    const [activeTab,setActiveTab] = useState("1")
-    const [selectedGroup,setSelectedGroup] = useState(null)
-    const {totCartItems,cartItems,priceRow,invoiceSubtotal,invoiceTaxes,invoiceTotal} = useCart();
-
-
-  const [orderSummary,setOrderSummary] = useState(cartItems)
- const toggleTab=(tab)=> {
-    if (activeTab !== tab) {
-      setActiveTab(tab)
-    }
-  }
-
- const handleSelectGroup = selectedGroup => {
-    setSelectedGroup({ selectedGroup })
-  }
-
-
-
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Checkout | FitMe</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            {/*<Breadcrumbs title="Ecommerce" breadcrumbItem="Checkout" />*/}
-            <Parallax
-                image={require("../../../frontoffice/assets/img/bg10.jpg")}
-                filter="blue"
-                style={{
-                  minHeight: "60vh",
-                  maxHeight: "600px",
-                  height: "auto",
-                  backgroundPosition: "top center"
-                }}
-            >
-              <div className="container-fluid" style={{ zIndex: 1}}>
-                <GridContainer style={{    marginTop: "-8vh"
-                }}>
-                  <GridItem md={4} style={{ marginLeft: "auto"}}>
-                    <Link to="/shoppingCart">
-                      <Button color="white" style={{    float: "right!important"
-                      }}>
-                        <ShoppingCart /> {totCartItems}items
-                      </Button>
-                    </Link>
-                  </GridItem>
-                </GridContainer>
-              </div>
-            </Parallax>
-            <div className="checkout-tabs text-center" style={{width : "80%",marginLeft : "10%"}}>
-              <Row>
-                <Col lg="2" sm="3">
-                  <Nav className="flex-column" pills>
-                    <NavItem >
-                      <NavLink
-                        className={classnames({
-                          active: activeTab === "1",
-                        })}
-                        onClick={() => {
-                          toggleTab("1")
-                        }}
-                        style={{backgroundColor: activeTab === "1" ? "#7E69BA" : "white"}}
-                      >
-                        <i className="bx bxs-truck d-block check-nav-icon mt-4 mb-2" />
-                        <p className="font-weight-bold mb-4">Shipping Info</p>
-                      </NavLink>
-                    </NavItem>
-                    <NavItem>
-                      <NavLink
-                        className={classnames({
-                          active: activeTab === "2",
-                        })}
-                        onClick={() => {
-                          toggleTab("2")
-                        }}
-                        style={{backgroundColor: activeTab === "2" ? "#7E69BA" : "white"}}
-                      >
-                        <i className="bx bx-money d-block check-nav-icon mt-4 mb-2" />
-                        <p className="font-weight-bold mb-4">Payment Info</p>
-                      </NavLink>
-                    </NavItem>
-                    <NavItem>
-                      <NavLink
-                        className={classnames({
-                          active: activeTab === "3",
-                        })}
-                        onClick={() => {
-                          toggleTab("3")
-                        }}
-                        style={{backgroundColor: activeTab === "3" ? "#7E69BA" : "white"}}
-                      >
-                        <i className="bx bx-badge-check d-block check-nav-icon mt-4 mb-2" />
-                        <p className="font-weight-bold mb-4">Confirmation</p>
-                      </NavLink>
-                    </NavItem>
-                  </Nav>
-                </Col>
-                <Col lg="10" sm="9">
-                  <Card>
-                    <CardBody>
-                      <TabContent activeTab={activeTab}>
-                        <TabPane tabId="1">
-                          <div>
-                            <CardTitle className="h4">Shipping information</CardTitle>
-                            <p className="card-title-desc">
-                              Fill all information below
-                            </p>
-                            <Form>
-                              <FormGroup className="mb-4" row>
-                                <Label
-                                  htmlFor="billing-name"
-                                  md="2"
-                                  className="col-form-label"
-                                >
-                                  Name
-                                </Label>
-                                <Col md="10">
-                                  <Input
-                                    type="text"
-                                    className="form-control"
-                                    id="billing-name"
-                                    placeholder="Enter your name"
-                                  />
-                                </Col>
-                              </FormGroup>
-                              <FormGroup className="mb-4" row>
-                                <Label
-                                  htmlFor="billing-email-address"
-                                  md="2"
-                                  className="col-form-label"
-                                >
-                                  Email Address
-                                </Label>
-                                <Col md="10">
-                                  <Input
-                                    type="email"
-                                    className="form-control"
-                                    id="billing-email-address"
-                                    placeholder="Enter your email"
-                                  />
-                                </Col>
-                              </FormGroup>
-                              <FormGroup className="mb-4" row>
-                                <Label
-                                  htmlFor="billing-phone"
-                                  md="2"
-                                  className="col-form-label"
-                                >
-                                  Phone
-                                </Label>
-                                <Col md={10}>
-                                  <input
-                                    type="text"
-                                    className="form-control"
-                                    id="billing-phone"
-                                    placeholder="Enter your Phone no."
-                                  />
-                                </Col>
-                              </FormGroup>
-                              <FormGroup className="mb-4" row>
-                                <Label
-                                  htmlFor="billing-address"
-                                  md="2"
-                                  className="col-form-label"
-                                >
-                                  Address
-                                </Label>
-                                <Col md="10">
-                                  <textarea
-                                    className="form-control"
-                                    id="billing-address"
-                                    rows="3"
-                                    placeholder="Enter full address"
-                                  />
-                                </Col>
-                              </FormGroup>
-                              <FormGroup className="mb-4" row>
-                                <Label md="2" className="col-form-label">
-                                  Country
-                                </Label>
-                                <Col md="10">
-                                  <select
-                                    className="form-control select2"
-                                    title="Country"
-                                  >
-                                    <option value="0">Select Country</option>
-                                    <option value="AF">Afghanistan</option>
-                                    <option value="AL">Albania</option>
-                                    <option value="DZ">Algeria</option>
-                                    <option value="AS">American Samoa</option>
-                                    <option value="AD">Andorra</option>
-                                    <option value="AO">Angola</option>
-                                    <option value="AI">Anguilla</option>
-                                    <option value="AQ">Antarctica</option>
-                                    <option value="AR">Argentina</option>
-                                    <option value="AM">Armenia</option>
-                                    <option value="AW">Aruba</option>
-                                    <option value="AU">Australia</option>
-                                    <option value="AT">Austria</option>
-                                    <option value="AZ">Azerbaijan</option>
-                                    <option value="BS">Bahamas</option>
-                                    <option value="BH">Bahrain</option>
-                                    <option value="BD">Bangladesh</option>
-                                    <option value="BB">Barbados</option>
-                                    <option value="BY">Belarus</option>
-                                    <option value="BE">Belgium</option>
-                                    <option value="BZ">Belize</option>
-                                    <option value="BJ">Benin</option>
-                                    <option value="BM">Bermuda</option>
-                                    <option value="BT">Bhutan</option>
-                                    <option value="BO">Bolivia</option>
-                                    <option value="BW">Botswana</option>
-                                    <option value="BV">Bouvet Island</option>
-                                    <option value="BR">Brazil</option>
-                                    <option value="BN">
-                                      Brunei Darussalam
-                                    </option>
-                                    <option value="BG">Bulgaria</option>
-                                    <option value="BF">Burkina Faso</option>
-                                    <option value="BI">Burundi</option>
-                                    <option value="KH">Cambodia</option>
-                                    <option value="CM">Cameroon</option>
-                                    <option value="CA">Canada</option>
-                                    <option value="CV">Cape Verde</option>
-                                    <option value="KY">Cayman Islands</option>
-                                    <option value="CF">
-                                      Central African Republic
-                                    </option>
-                                    <option value="TD">Chad</option>
-                                    <option value="CL">Chile</option>
-                                    <option value="CN">China</option>
-                                    <option value="CX">Christmas Island</option>
-                                    <option value="CC">
-                                      Cocos (Keeling) Islands
-                                    </option>
-                                    <option value="CO">Colombia</option>
-                                    <option value="KM">Comoros</option>
-                                    <option value="CG">Congo</option>
-                                    <option value="CK">Cook Islands</option>
-                                    <option value="CR">Costa Rica</option>
-                                    <option value="CI">Cote d'Ivoire</option>
-                                    <option value="HR">
-                                      Croatia (Hrvatska)
-                                    </option>
-                                    <option value="CU">Cuba</option>
-                                    <option value="CY">Cyprus</option>
-                                    <option value="CZ">Czech Republic</option>
-                                    <option value="DK">Denmark</option>
-                                    <option value="DJ">Djibouti</option>
-                                    <option value="DM">Dominica</option>
-                                    <option value="DO">
-                                      Dominican Republic
-                                    </option>
-                                    <option value="EC">Ecuador</option>
-                                    <option value="EG">Egypt</option>
-                                    <option value="SV">El Salvador</option>
-                                    <option value="GQ">
-                                      Equatorial Guinea
-                                    </option>
-                                    <option value="ER">Eritrea</option>
-                                    <option value="EE">Estonia</option>
-                                    <option value="ET">Ethiopia</option>
-                                    <option value="FK">
-                                      Falkland Islands (Malvinas)
-                                    </option>
-                                    <option value="FO">Faroe Islands</option>
-                                    <option value="FJ">Fiji</option>
-                                    <option value="FI">Finland</option>
-                                    <option value="FR">France</option>
-                                    <option value="GF">French Guiana</option>
-                                    <option value="PF">French Polynesia</option>
-                                    <option value="GA">Gabon</option>
-                                    <option value="GM">Gambia</option>
-                                    <option value="GE">Georgia</option>
-                                    <option value="DE">Germany</option>
-                                    <option value="GH">Ghana</option>
-                                    <option value="GI">Gibraltar</option>
-                                    <option value="GR">Greece</option>
-                                    <option value="GL">Greenland</option>
-                                    <option value="GD">Grenada</option>
-                                    <option value="GP">Guadeloupe</option>
-                                    <option value="GU">Guam</option>
-                                    <option value="GT">Guatemala</option>
-                                    <option value="GN">Guinea</option>
-                                    <option value="GW">Guinea-Bissau</option>
-                                    <option value="GY">Guyana</option>
-                                    <option value="HT">Haiti</option>
-                                    <option value="HN">Honduras</option>
-                                    <option value="HK">Hong Kong</option>
-                                    <option value="HU">Hungary</option>
-                                    <option value="IS">Iceland</option>
-                                    <option value="IN">India</option>
-                                    <option value="ID">Indonesia</option>
-                                    <option value="IQ">Iraq</option>
-                                    <option value="IE">Ireland</option>
-                                    <option value="IL">Israel</option>
-                                    <option value="IT">Italy</option>
-                                    <option value="JM">Jamaica</option>
-                                    <option value="JP">Japan</option>
-                                    <option value="JO">Jordan</option>
-                                    <option value="KZ">Kazakhstan</option>
-                                    <option value="KE">Kenya</option>
-                                    <option value="KI">Kiribati</option>
-                                    <option value="KR">
-                                      Korea, Republic of
-                                    </option>
-                                    <option value="KW">Kuwait</option>
-                                    <option value="KG">Kyrgyzstan</option>
-                                    <option value="LV">Latvia</option>
-                                    <option value="LB">Lebanon</option>
-                                    <option value="LS">Lesotho</option>
-                                    <option value="LR">Liberia</option>
-                                    <option value="LY">
-                                      Libyan Arab Jamahiriya
-                                    </option>
-                                    <option value="LI">Liechtenstein</option>
-                                    <option value="LT">Lithuania</option>
-                                    <option value="LU">Luxembourg</option>
-                                    <option value="MO">Macau</option>
-                                    <option value="MG">Madagascar</option>
-                                    <option value="MW">Malawi</option>
-                                    <option value="MY">Malaysia</option>
-                                    <option value="MV">Maldives</option>
-                                    <option value="ML">Mali</option>
-                                    <option value="MT">Malta</option>
-                                    <option value="MH">Marshall Islands</option>
-                                    <option value="MQ">Martinique</option>
-                                    <option value="MR">Mauritania</option>
-                                    <option value="MU">Mauritius</option>
-                                    <option value="YT">Mayotte</option>
-                                    <option value="MX">Mexico</option>
-                                    <option value="MD">
-                                      Moldova, Republic of
-                                    </option>
-                                    <option value="MC">Monaco</option>
-                                    <option value="MN">Mongolia</option>
-                                    <option value="MS">Montserrat</option>
-                                    <option value="MA">Morocco</option>
-                                    <option value="MZ">Mozambique</option>
-                                    <option value="MM">Myanmar</option>
-                                    <option value="NA">Namibia</option>
-                                    <option value="NR">Nauru</option>
-                                    <option value="NP">Nepal</option>
-                                    <option value="NL">Netherlands</option>
-                                    <option value="AN">
-                                      Netherlands Antilles
-                                    </option>
-                                    <option value="NC">New Caledonia</option>
-                                    <option value="NZ">New Zealand</option>
-                                    <option value="NI">Nicaragua</option>
-                                    <option value="NE">Niger</option>
-                                    <option value="NG">Nigeria</option>
-                                    <option value="NU">Niue</option>
-                                    <option value="NF">Norfolk Island</option>
-                                    <option value="MP">
-                                      Northern Mariana Islands
-                                    </option>
-                                    <option value="NO">Norway</option>
-                                    <option value="OM">Oman</option>
-                                    <option value="PW">Palau</option>
-                                    <option value="PA">Panama</option>
-                                    <option value="PG">Papua New Guinea</option>
-                                    <option value="PY">Paraguay</option>
-                                    <option value="PE">Peru</option>
-                                    <option value="PH">Philippines</option>
-                                    <option value="PN">Pitcairn</option>
-                                    <option value="PL">Poland</option>
-                                    <option value="PT">Portugal</option>
-                                    <option value="PR">Puerto Rico</option>
-                                    <option value="QA">Qatar</option>
-                                    <option value="RE">Reunion</option>
-                                    <option value="RO">Romania</option>
-                                    <option value="RU">
-                                      Russian Federation
-                                    </option>
-                                    <option value="RW">Rwanda</option>
-                                    <option value="KN">
-                                      Saint Kitts and Nevis
-                                    </option>
-                                    <option value="LC">Saint LUCIA</option>
-                                    <option value="WS">Samoa</option>
-                                    <option value="SM">San Marino</option>
-                                    <option value="ST">
-                                      Sao Tome and Principe
-                                    </option>
-                                    <option value="SA">Saudi Arabia</option>
-                                    <option value="SN">Senegal</option>
-                                    <option value="SC">Seychelles</option>
-                                    <option value="SL">Sierra Leone</option>
-                                    <option value="SG">Singapore</option>
-                                    <option value="SK">
-                                      Slovakia (Slovak Republic)
-                                    </option>
-                                    <option value="SI">Slovenia</option>
-                                    <option value="SB">Solomon Islands</option>
-                                    <option value="SO">Somalia</option>
-                                    <option value="ZA">South Africa</option>
-                                    <option value="ES">Spain</option>
-                                    <option value="LK">Sri Lanka</option>
-                                    <option value="SH">St. Helena</option>
-                                    <option value="PM">
-                                      St. Pierre and Miquelon
-                                    </option>
-                                    <option value="SD">Sudan</option>
-                                    <option value="SR">Suriname</option>
-                                    <option value="SZ">Swaziland</option>
-                                    <option value="SE">Sweden</option>
-                                    <option value="CH">Switzerland</option>
-                                    <option value="SY">
-                                      Syrian Arab Republic
-                                    </option>
-                                    <option value="TW">
-                                      Taiwan, Province of China
-                                    </option>
-                                    <option value="TJ">Tajikistan</option>
-                                    <option value="TZ">
-                                      Tanzania, United Republic of
-                                    </option>
-                                    <option value="TH">Thailand</option>
-                                    <option value="TG">Togo</option>
-                                    <option value="TK">Tokelau</option>
-                                    <option value="TO">Tonga</option>
-                                    <option value="TT">
-                                      Trinidad and Tobago
-                                    </option>
-                                    <option value="TN">Tunisia</option>
-                                    <option value="TR">Turkey</option>
-                                    <option value="TM">Turkmenistan</option>
-                                    <option value="TC">
-                                      Turks and Caicos Islands
-                                    </option>
-                                    <option value="TV">Tuvalu</option>
-                                    <option value="UG">Uganda</option>
-                                    <option value="UA">Ukraine</option>
-                                    <option value="AE">
-                                      United Arab Emirates
-                                    </option>
-                                    <option value="GB">United Kingdom</option>
-                                    <option value="US">United States</option>
-                                    <option value="UY">Uruguay</option>
-                                    <option value="UZ">Uzbekistan</option>
-                                    <option value="VU">Vanuatu</option>
-                                    <option value="VE">Venezuela</option>
-                                    <option value="VN">Viet Nam</option>
-                                    <option value="VG">
-                                      Virgin Islands (British)
-                                    </option>
-                                    <option value="VI">
-                                      Virgin Islands (U.S.)
-                                    </option>
-                                    <option value="WF">
-                                      Wallis and Futuna Islands
-                                    </option>
-                                    <option value="EH">Western Sahara</option>
-                                    <option value="YE">Yemen</option>
-                                    <option value="ZM">Zambia</option>
-                                    <option value="ZW">Zimbabwe</option>
-                                  </select>
-                                </Col>
-                              </FormGroup>
-
-                              <FormGroup className="mb-4" row>
-                                <Label md="2" className="col-form-label">
-                                  States
-                                </Label>
-                                <Col md="10">
-                                  <Select
-                                    value={selectedGroup}
-                                    onChange={handleSelectGroup}
-                                    options={optionGroup}
-                                    className="select2"
-                                    placeholder="Select States"
-                                    classNamePrefix="select2 select2-selection"
-                                  />
-                                </Col>
-                              </FormGroup>
-                              <FormGroup className="mb-0" row>
-                                <Label
-                                  htmlFor="example-textarea"
-                                  md="2"
-                                  className="col-form-label"
-                                >
-                                  Order Notes:
-                                </Label>
-                                <Col md="10">
-                                  <textarea
-                                    className="form-control"
-                                    id="example-textarea"
-                                    rows="3"
-                                    placeholder="Write some note.."
-                                  />
-                                </Col>
-                              </FormGroup>
-                            </Form>
-                          </div>
-                        </TabPane>
-                        <TabPane
-                          tabId="2"
-                          id="v-pills-payment"
-                          role="tabpanel"
-                          aria-labelledby="v-pills-payment-tab"
-                        >
-                          <div>
-                            <CardTitle className="h4">Payment information</CardTitle>
-                            <p className="card-title-desc">
-                              Fill all information below
-                            </p>
-                            <div>
-                              <div className="form-check form-check-inline font-size-16">
-                                <Input
-                                  type="radio"
-                                  value="1"
-                                  id="customRadioInline1"
-                                  name="customRadioInline1"
-                                  className="form-check-input"
-                                />
-                                <Label
-                                  className="form-check-label font-size-13"
-                                  htmlFor="customRadioInline1"
-                                >
-                                  <i className="fab fa-cc-mastercard me-1 font-size-20 align-top" />{" "}
-                                  Credit / Debit Card
-                                </Label>
-                              </div>
-                              <div className="form-check form-check-inline font-size-16">
-                                <Input
-                                  type="radio"
-                                  value="2"
-                                  id="customRadioInline2"
-                                  name="customRadioInline1"
-                                  className="form-check-input"
-                                />
-                                <Label
-                                  className="form-check-label font-size-13"
-                                  htmlFor="customRadioInline2"
-                                >
-                                  <i className="fab fa-cc-paypal me-1 font-size-20 align-top" />{" "}
-                                  Paypal
-                                </Label>
-                              </div>
-                              <div className="form-check form-check-inline font-size-16">
-                                <Input
-                                  type="radio"
-                                  value="3"
-                                  id="customRadioInline3"
-                                  defaultChecked
-                                  name="customRadioInline1"
-                                  className="form-check-input"
-                                />
-                                <Label
-                                  className="form-check-label font-size-13"
-                                  htmlFor="customRadioInline3"
-                                >
-                                  <i className="far fa-money-bill-alt me-1 font-size-20 align-top" />{" "}
-                                  Cash on Delivery
-                                </Label>
-                              </div>
-                            </div>
-
-                            <h5 className="mt-5 mb-3 font-size-15">
-                              For card Payment
-                            </h5>
-                            <div className="p-4 border">
-                              <Form>
-                                <FormGroup className="mb-0">
-                                  <Label htmlFor="cardnumberInput">
-                                    Card Number
-                                  </Label>
-                                  <Input
-                                    type="text"
-                                    className="form-control"
-                                    id="cardnumberInput"
-                                    placeholder="0000 0000 0000 0000"
-                                  />
-                                </FormGroup>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mt-4 mb-0">
-                                      <Label htmlFor="cardnameInput">
-                                        Name on card
-                                      </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                        id="cardnameInput"
-                                        placeholder="Name on Card"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                  <Col lg="3">
-                                    <FormGroup className=" mt-4 mb-0">
-                                      <Label htmlFor="expirydateInput">
-                                        Expiry date
-                                      </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                        id="expirydateInput"
-                                        placeholder="MM/YY"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                  <Col lg="3">
-                                    <FormGroup className="mt-4 mb-0">
-                                      <Label htmlFor="cvvcodeInput">
-                                        CVV Code
-                                      </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                        id="cvvcodeInput"
-                                        placeholder="Enter CVV Code"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                              </Form>
-                            </div>
-                          </div>
-                        </TabPane>
-                        <TabPane tabId="3" id="v-pills-confir" role="tabpanel">
-                          <Card className="shadow-none border mb-0">
-                            <CardBody>
-                              <CardTitle className="mb-4">
-                                Order Summary
-                              </CardTitle>
-
-                              <div className="table-responsive">
-                                <Table className="align-middle mb-0 table-nowrap">
-                                  <thead className="table-light">
-                                    <tr>
-                                      <th scope="col">Product</th>
-                                      <th scope="col">Product Desc</th>
-                                      <th scope="col">Price</th>
-                                    </tr>
-                                  </thead>
-                                  <tbody>
-                                    {orderSummary.map(
-                                      (orderitem, key) => (
-                                        <tr key={"_orderSummary_" + key}>
-                                          <th scope="row">
-                                            <img
-                                              src={orderitem.productImage}
-                                              alt="product-img"
-                                              title="product-img"
-                                              className="avatar-md"
-                                            />
-                                          </th>
-                                          <td>
-                                            <h5 className="font-size-14 text-truncate">
-                                              <a
-                                                href="ecommerce-product-detail.html"
-                                                className="text-dark"
-                                              >
-                                                {orderitem.productName}{" "}
-                                              </a>
-                                            </h5>
-                                            <p className="text-muted mb-0">
-                                              TND {orderitem.price} x{" "}
-                                              {orderitem.qty}
-                                            </p>
-                                          </td>
-                                          <td>
-                                            TND {priceRow(orderitem.price , orderitem.qty)}
-                                          </td>
-                                        </tr>
-                                      )
-                                    )}
-                                    <tr>
-                                      <td colSpan="2">
-                                        <h6 className="m-0 text-end">
-                                          Sub Total:
-                                        </h6>
-                                      </td>
-                                      <td>{invoiceSubtotal} (+ 19% TVA) </td>
-                                    </tr>
-                                    <tr>
-                                      <td colSpan="3">
-                                        <div className="bg-primary bg-soft p-3 rounded">
-                                          <h5 className="font-size-14 text-primary mb-0">
-                                            <i className="fas fa-shipping-fast me-2" />{" "}
-                                            Shipping{" "}
-                                            <span className="float-end">
-                                              Free
-                                            </span>
-                                          </h5>
-                                        </div>
-                                      </td>
-                                    </tr>
-                                    <tr>
-                                      <td colSpan="2">
-                                        <h6 className="m-0 text-end">
-                                          Total:
-                                        </h6>
-                                      </td>
-                                      <td>TND {invoiceTotal}</td>
-                                    </tr>
-                                  </tbody>
-                                </Table>
-                              </div>
-                            </CardBody>
-                          </Card>
-                        </TabPane>
-                      </TabContent>
-                    </CardBody>
-                  </Card>
-                  <Row className="mt-4">
-                    <Col sm="6">
-                      <Link
-                        to="/ecommerce-cart"
-                        className="btn text-muted d-none d-sm-inline-block btn-link"
-                      >
-                        <i className="mdi mdi-arrow-left me-1" /> Back to
-                        Shopping Cart{" "}
-                      </Link>
-                    </Col>
-                    <Col sm="6">
-                      <div className="text-end">
-                        <Link
-                          to="/ecommerce-checkout"
-                          className="btn btn-success"
-                        >
-                          <i className="mdi mdi-truck-fast me-1" /> Proceed to
-                          Shipping{" "}
-                        </Link>
-                      </div>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </div>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-
-}
-
-export default EcommerceCheckout
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/EcommerceCustomerColumns.js b/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/EcommerceCustomerColumns.js
deleted file mode 100644
index d1c32fa..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/EcommerceCustomerColumns.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from "react"
-import {
-  Badge,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-  Input,
-  Label,
-  UncontrolledDropdown,
-} from "reactstrap"
-
-const EcommerceCustomerColumns = () => [
-  {
-    dataField: "id",
-    text: "#",
-    formatter: (cellContent, row) => (
-      <div className="form-check font-size-16">
-        <Input type="checkbox" className="form-check-input" id={row.id} />
-        <Label className="form-check-label" htmlFor={row.id}>
-          &nbsp;
-        </Label>
-      </div>
-    ),
-  },
-  {
-    dataField: "username",
-    text: "Username",
-    sort: true,
-  },
-  {
-    text: "Phone / Email",
-    dataField: "phone",
-    sort: true,
-    formatter: (cellContent, row) => (
-      <>
-        <p className="mb-1">{row.phone}</p>
-        <p className="mb-0">{row.email}</p>
-      </>
-    ),
-  },
-  {
-    dataField: "address",
-    text: "Address",
-    sort: true,
-  },
-  {
-    dataField: "rating",
-    text: "Rating",
-    sort: true,
-    formatter: (cellContent, row) => (
-      <Badge color="success" className="bg-success font-size-12">
-        <i className="mdi mdi-star me-1" />
-        {row.rating}
-      </Badge>
-    ),
-  },
-  {
-    dataField: "walletBalance",
-    text: "Wallet Balance",
-    sort: true,
-  },
-  {
-    dataField: "joiningDate",
-    text: "Joining Date",
-    sort: true,
-  },
-  {
-    dataField: "menu",
-    isDummyField: true,
-    text: "Action",
-    formatter: () => (
-      <UncontrolledDropdown>
-        <DropdownToggle href="#" className="card-drop" tag="a">
-          <i className="mdi mdi-dots-horizontal font-size-18" />
-        </DropdownToggle>
-        <DropdownMenu className="dropdown-menu-end">
-          <DropdownItem href="#">
-            <i className="mdi mdi-pencil font-size-16 text-success me-1" />{" "}
-            Edit
-          </DropdownItem>
-          <DropdownItem href="#">
-            <i className="mdi mdi-trash-can font-size-16 text-danger me-1" />{" "}
-            Delete
-          </DropdownItem>
-        </DropdownMenu>
-      </UncontrolledDropdown>
-    ),
-  },
-]
-
-export default EcommerceCustomerColumns
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/index.js b/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/index.js
deleted file mode 100644
index 61f5865..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceCustomers/index.js
+++ /dev/null
@@ -1,159 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import MetaTags from 'react-meta-tags';
-import { connect } from "react-redux"
-import { isEmpty, size } from "lodash"
-import { Button, Card, CardBody, Col, Container, Row } from "reactstrap"
-import ToolkitProvider, { Search } from "react-bootstrap-table2-toolkit"
-import BootstrapTable from "react-bootstrap-table-next"
-import paginationFactory, {
-  PaginationListStandalone,
-  PaginationProvider,
-} from "react-bootstrap-table2-paginator"
-
-//Import Breadcrumb
-import Breadcrumbs from "@BackOfficeComponents/Common/Breadcrumb"
-import EcommerceCustomerColumns from "./EcommerceCustomerColumns"
-
-class EcommerceCustomers extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      customers: [],
-    }
-  }
-
-  componentDidMount() {
-
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    const { customers } = this.props
-    if (!isEmpty(customers) && size(prevProps.customers) !== size(customers)) {
-      this.setState({ customers })
-    }
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  handleTableChange = (type, { page, searchText }) => {
-    const { customers } = this.props
-    this.setState({
-      customers: customers.filter(customer =>
-        Object.keys(customer).some(key =>
-          customer[key].toLowerCase().includes(searchText.toLowerCase())
-        )
-      ),
-    })
-  }
-
-  render() {
-    const { customers } = this.state
-    const pageOptions = {
-      sizePerPage: 10,
-      totalSize: 50, // replace later with size(customers),
-      custom: true,
-    }
-    const { SearchBar } = Search
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Customers | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Ecommerce" breadcrumbItem="Customers" />
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <PaginationProvider
-                      pagination={paginationFactory(pageOptions)}
-                    >
-                      {({ paginationProps, paginationTableProps }) => (
-                        <ToolkitProvider
-                          keyField="id"
-                          data={customers || []}
-                          columns={EcommerceCustomerColumns()}
-                          bootstrap4
-                          search
-                        >
-                          {toolkitProps => (
-                            <React.Fragment>
-                              <Row>
-                                <Col sm="4">
-                                  <div className="search-box me-2 mb-2 d-inline-block">
-                                    <div className="position-relative">
-                                      <SearchBar
-                                        {...toolkitProps.searchProps}
-                                      />
-                                      <i className="bx bx-search-alt search-icon" />
-                                    </div>
-                                  </div>
-                                </Col>
-                                <Col sm="8">
-                                  <div className="text-sm-end">
-                                    <Button
-                                      type="button"
-                                      color="success"
-                                      className="btn-rounded waves-effect waves-light mb-2 me-2"
-                                    >
-                                      <i className="mdi mdi-plus me-1" />{" "}
-                                      New Customers
-                                    </Button>
-                                  </div>
-                                </Col>
-                              </Row>
-                             
-                                  <div className="table-responsive">
-                                    <BootstrapTable
-                                      keyField={"id"}
-                                      responsive
-                                      remote
-                                      bordered={false}
-                                      striped={false}
-                                      classes={
-                                        "table align-middle table-nowrap"
-                                      }
-                                      headerWrapperClasses={"thead-light"}
-                                      {...toolkitProps.baseProps}
-                                      onTableChange={this.handleTableChange}
-                                      {...paginationTableProps}
-                                    />
-                                  </div>
-                                <div className="pagination pagination-rounded justify-content-end mb-2">
-                                  <PaginationListStandalone
-                                    {...paginationProps}
-                                  />
-                                </div>
-                            </React.Fragment>
-                          )}
-                        </ToolkitProvider>
-                      )}
-                    </PaginationProvider>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-EcommerceCustomers.propTypes = {
-  customers: PropTypes.array,
-  onGetCustomers: PropTypes.func,
-}
-
-const mapStateToProps = ({ ecommerce }) => ({
-  customers: ecommerce.customers,
-})
-
-const mapDispatchToProps = dispatch => ({
-
-})
-
-export default EcommerceCustomers
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrderColumns.js b/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrderColumns.js
deleted file mode 100644
index 8dd3a5d..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrderColumns.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Badge, Button, Input, Label, UncontrolledTooltip } from "reactstrap"
-import React from "react"
-import { Link } from "react-router-dom"
-
-const EcommerceOrderColumns = toggleModal => [
-  {
-    text: "",
-    dataField: "id",
-    formatter: (cellContent, row) => (
-      <div className="form-check font-size-16">
-        <Input
-          type="checkbox"
-          value={row.id}
-          className="form-check-input"
-          id={row.id}
-        />
-        <Label className="form-check-label" htmlFor={row.id}>
-          &nbsp;
-        </Label>
-      </div>
-    ),
-  },
-  {
-    dataField: "orderId",
-    text: "Order ID",
-    sort: true,
-    formatter: (cellContent, row) => (
-      <Link to="#" className="text-body fw-bold">
-        {row.orderId}
-      </Link>
-    ),
-  },
-  {
-    dataField: "billingName",
-    text: "Billing Name",
-    sort: true,
-  },
-  {
-    dataField: "Date",
-    text: "Date",
-    sort: true,
-  },
-  {
-    dataField: "total",
-    text: "Total",
-    sort: true,
-  },
-  {
-    dataField: "paymentStatus",
-    text: "Payment Status",
-    sort: true,
-    formatter: (cellContent, row) => (
-      <Badge
-        className={"font-size-12 badge-soft-" + row.badgeclass}
-        color={row.badgeClass}
-        pill
-      >
-        {row.paymentStatus}
-      </Badge>
-    ),
-  },
-  {
-    dataField: "paymentMethod",
-    isDummyField: true,
-    text: "Payment Method",
-    sort: true,
-    formatter: (cellContent, row) => (
-      <>
-        <i className={"fab " + row.methodIcon + " me-1"} />{" "}
-        {row.paymentMethod}
-      </>
-    ),
-  },
-  {
-    dataField: "view",
-    isDummyField: true,
-    text: "View Details",
-    sort: true,
-    formatter: () => (
-      <Button
-        type="button"
-        color="primary"
-        className="btn-sm btn-rounded"
-        onClick={toggleModal}
-      >
-        View Details
-      </Button>
-    ),
-  },
-  {
-    dataField: "action",
-    isDummyField: true,
-    text: "Action",
-    formatter: () => (
-      <>
-        <div className="d-flex gap-3">
-        <Link to="#" className="text-success">
-          <i className="mdi mdi-pencil font-size-18" id="edittooltip" />
-          <UncontrolledTooltip placement="top" target="edittooltip">
-            Edit
-          </UncontrolledTooltip>
-        </Link>
-        <Link to="#" className="text-danger">
-          <i className="mdi mdi-delete font-size-18" id="deletetooltip" />
-          <UncontrolledTooltip placement="top" target="deletetooltip">
-            Delete
-          </UncontrolledTooltip>
-        </Link>
-        </div>
-      </>
-    ),
-  },
-]
-
-export default EcommerceOrderColumns
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrdersModal.js b/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrdersModal.js
deleted file mode 100644
index a4064f7..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/EcommerceOrdersModal.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-import {
-  Button,
-  Modal,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-  Table,
-} from "reactstrap"
-import img7 from "../../../assets/images/product/img-7.png"
-import img4 from "../../../assets/images/product/img-4.png"
-
-const EcommerceOrdersModal = props => {
-  const { isOpen, toggle } = props
-  return (
-    <Modal
-      isOpen={isOpen}
-      role="dialog"
-      autoFocus={true}
-      centered={true}
-      className="exampleModal"
-      tabIndex="-1"
-      toggle={toggle}
-    >
-      <div className="modal-content">
-        <ModalHeader toggle={toggle}>Order Details</ModalHeader>
-        <ModalBody>
-          <p className="mb-2">
-            Product id: <span className="text-primary">#SK2540</span>
-          </p>
-          <p className="mb-4">
-            Billing Name: <span className="text-primary">Neal Matthews</span>
-          </p>
-
-          <div className="table-responsive">
-            <Table className="table align-middle table-nowrap">
-              <thead>
-                <tr>
-                  <th scope="col">Product</th>
-                  <th scope="col">Product Name</th>
-                  <th scope="col">Price</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th scope="row">
-                    <div>
-                      <img src={img7} alt="" className="avatar-sm" />
-                    </div>
-                  </th>
-                  <td>
-                    <div>
-                      <h5 className="text-truncate font-size-14">
-                        Wireless Headphone (Black)
-                      </h5>
-                      <p className="text-muted mb-0">$ 225 x 1</p>
-                    </div>
-                  </td>
-                  <td>$ 255</td>
-                </tr>
-                <tr>
-                  <th scope="row">
-                    <div>
-                      <img src={img4} alt="" className="avatar-sm" />
-                    </div>
-                  </th>
-                  <td>
-                    <div>
-                      <h5 className="text-truncate font-size-14">
-                        Hoodie (Blue)
-                      </h5>
-                      <p className="text-muted mb-0">$ 145 x 1</p>
-                    </div>
-                  </td>
-                  <td>$ 145</td>
-                </tr>
-                <tr>
-                  <td colSpan="2">
-                    <h6 className="m-0 text-end">Sub Total:</h6>
-                  </td>
-                  <td>$ 400</td>
-                </tr>
-                <tr>
-                  <td colSpan="2">
-                    <h6 className="m-0 text-end">Shipping:</h6>
-                  </td>
-                  <td>Free</td>
-                </tr>
-                <tr>
-                  <td colSpan="2">
-                    <h6 className="m-0 text-end">Total:</h6>
-                  </td>
-                  <td>$ 400</td>
-                </tr>
-              </tbody>
-            </Table>
-          </div>
-        </ModalBody>
-        <ModalFooter>
-          <Button type="button" color="secondary" onClick={toggle}>
-            Close
-          </Button>
-        </ModalFooter>
-      </div>
-    </Modal>
-  )
-}
-
-EcommerceOrdersModal.propTypes = {
-  toggle: PropTypes.func,
-  isOpen: PropTypes.bool,
-}
-
-export default EcommerceOrdersModal
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/index.js b/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/index.js
deleted file mode 100644
index fbf0855..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceOrders/index.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import { connect } from "react-redux"
-import MetaTags from 'react-meta-tags';
-import { withRouter } from "react-router-dom"
-import { isEmpty, size } from "lodash"
-import BootstrapTable from "react-bootstrap-table-next"
-import paginationFactory, {
-  PaginationProvider,
-  PaginationListStandalone,
-} from "react-bootstrap-table2-paginator"
-import ToolkitProvider, { Search } from "react-bootstrap-table2-toolkit"
-
-import { Button, Card, CardBody, Col, Container, Row } from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "@BackOfficeComponents/Common/Breadcrumb"
-import EcommerceOrderColumns from "./EcommerceOrderColumns"
-import EcommerceOrdersModal from "./EcommerceOrdersModal"
-
-class EcommerceOrders extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      modal: false,
-      orders: [],
-    }
-  }
-
-  componentDidMount() {
-    const { orders, onGetOrders } = this.props
-    onGetOrders()
-    this.setState({ orders })
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    const { orders } = this.props
-    if (!isEmpty(orders) && size(prevProps.orders) !== size(orders)) {
-      this.setState({ orders })
-    }
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  handleTableChange = (type, { page, searchText }) => {
-    const { orders } = this.props
-    this.setState({
-      orders: orders.filter(order =>
-        Object.keys(order).some(
-          key =>
-            typeof order[key] === "string" &&
-            order[key].toLowerCase().includes(searchText.toLowerCase())
-        )
-      ),
-    })
-  }
-
-  toggleModal = () => {
-    this.setState(prevState => ({
-      modal: !prevState.modal,
-    }))
-  }
-
-  render() {
-    const { orders } = this.state
-    const pageOptions = {
-      sizePerPage: 10,
-      totalSize: 50, // replace later with size(orders),
-      custom: true,
-    }
-    const { SearchBar } = Search
-
-    return (
-      <React.Fragment>
-        <EcommerceOrdersModal
-          isOpen={this.state.modal}
-          toggle={this.toggleModal}
-        />
-        <div className="page-content">
-        <MetaTags>
-            <title>Orders | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Ecommerce" breadcrumbItem="Orders" />
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <PaginationProvider
-                      pagination={paginationFactory(pageOptions)}
-                    >
-                      {({ paginationProps, paginationTableProps }) => (
-                        <ToolkitProvider
-                          keyField="id"
-                          data={orders || []}
-                          columns={EcommerceOrderColumns(this.toggleModal)}
-                          bootstrap4
-                          search
-                        >
-                          {toolkitProps => (
-                            <React.Fragment>
-                              <Row className="mb-2">
-                                <Col sm="4">
-                                  <div className="search-box me-2 mb-2 d-inline-block">
-                                    <div className="position-relative">
-                                      <SearchBar
-                                        {...toolkitProps.searchProps}
-                                      />
-                                      <i className="bx bx-search-alt search-icon" />
-                                    </div>
-                                  </div>
-                                </Col>
-                                <Col sm="8">
-                                  <div className="text-sm-end">
-                                    <Button
-                                      type="button"
-                                      color="success"
-                                      className="btn-rounded waves-effect waves-light mb-2 me-2"
-                                    >
-                                      <i className="mdi mdi-plus me-1" />{" "}
-                                      Add New Order
-                                    </Button>
-                                  </div>
-                                </Col>
-                              </Row>
-                                  <div className="table-responsive">
-                                    <BootstrapTable
-                                      keyField="id"
-                                      responsive
-                                      remote
-                                      bordered={false}
-                                      striped={false}
-                                      classes={
-                                        "table align-middle table-nowrap table-check"
-                                      }
-                                      headerWrapperClasses={"table-light"}
-                                      {...toolkitProps.baseProps}
-                                      onTableChange={this.handleTableChange}
-                                      {...paginationTableProps}
-                                    />
-                                  </div>
-                                <div className="pagination pagination-rounded justify-content-end mb-2">
-                                  <PaginationListStandalone
-                                    {...paginationProps}
-                                  />
-                                </div>
-                            </React.Fragment>
-                          )}
-                        </ToolkitProvider>
-                      )}
-                    </PaginationProvider>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-EcommerceOrders.propTypes = {
-  orders: PropTypes.array,
-  onGetOrders: PropTypes.func,
-}
-
-const mapStateToProps = state => ({
-  orders: state.ecommerce.orders,
-})
-
-const mapDispatchToProps = dispatch => ({
-
-})
-
-export default EcommerceOrders
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/RecentProducts.js b/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/RecentProducts.js
deleted file mode 100644
index e5ef09b..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/RecentProducts.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Card, CardBody, Col, Row } from "reactstrap"
-import { Link } from "react-router-dom"
-import StarRatings from "react-star-ratings"
-import { map } from "lodash"
-import images from "@BackOfficeAssets/images"
-
-const RecentProducts = ({ recentProducts }) => {
-  return (
-    <Row className="mt-3">
-      <Col lg={12}>
-        <div>
-          <h5 className="mb-3">Recent product :</h5>
-          <Row>
-            {map(recentProducts, (product, key) => (
-              <Col xl="4" sm="6" key={"__product__" + key}>
-                <Card>
-                  <CardBody>
-                    <Row className="align-items-center">
-                      <Col md="4">
-                        <img
-                          src={images[product.img]}
-                          alt=""
-                          className="img-fluid mx-auto d-block"
-                        />
-                      </Col>
-                      <Col md="8">
-                        <div className="text-center text-md-start pt-3 pt-md-0">
-                          <h5 className="text-truncate">
-                            <Link to="#" className="text-dark">
-                              {product.name}
-                            </Link>
-                          </h5>
-                          <div className="text-muted mb-4">
-                            <StarRatings
-                              rating={product.rating}
-                              starRatedColor="#f1b44c"
-                              starEmptyColor="#74788d"
-                              numberOfStars={5}
-                              name="rating"
-                              starDimension="14px"
-                              starSpacing="1px"
-                            />
-                          </div>
-                          <h5 className="my-0">
-                            <span className="text-muted me-2">
-                              <del>${product.oldPrice}</del>
-                            </span>{" "}
-                            <b>${product.newPrice}</b>
-                          </h5>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            ))}
-          </Row>
-        </div>
-      </Col>
-    </Row>
-  )
-}
-
-RecentProducts.propTypes = {
-  recentProducts: PropTypes.array,
-}
-
-export default RecentProducts
-
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/Reviews.js b/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/Reviews.js
deleted file mode 100644
index c98d59a..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/Reviews.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Media } from "reactstrap"
-import { Link } from "react-router-dom"
-import { map } from "lodash"
-import images from "@BackOfficeAssets/images"
-
-const Reviews = ({ comments }) => {
-  return (
-    <div className="mt-5">
-      <h5>Reviews :</h5>
-      {map(comments, (comment, k) => (
-        <Media
-          className={comment.id === 1 ? "border-bottom py-3" : "border-bottom py-3"}
-          key={"__media__" + k}
-        >
-          {comment.img !== "Null" ? (
-            <img
-              src={images[comment.img]}
-              className="avatar-xs me-3 rounded-circle"
-              alt="img"
-            />
-          ) : (
-            <div className="avatar-xs me-3">
-              <span className="avatar-title bg-primary bg-soft text-primary rounded-circle font-size-16">
-                N
-              </span>
-            </div>
-          )}
-          <Media body>
-            <h5 className="mt-0 mb-1 font-size-15">{comment.name}</h5>
-            <p className="text-muted">{comment.description}</p>
-            <ul className="list-inline float-sm-end mb-sm-0">
-              <li className="list-inline-item">
-                <Link to="#">
-                  <i className="far fa-thumbs-up me-1" /> Like
-                </Link>
-              </li>
-              <li className="list-inline-item">
-                <Link to="#">
-                  <i className="far fa-comment-dots me-1" /> Comment
-                </Link>
-              </li>
-            </ul>
-            <div className="text-muted font-size-12">
-              <i className="far fa-calendar-alt text-primary me-1" />
-              {comment.date}
-            </div>
-            {comment.childComment
-              ? comment.childComment.map((child, key) => (
-                  <Media className="mt-4" key={"_media_" + key}>
-                    <img
-                      src={images[child.img]}
-                      className="avatar-xs me-3 rounded-circle"
-                      alt="img"
-                    />
-                    <Media body>
-                      <h5 className="mt-0 mb-1 font-size-15">{child.name}</h5>
-                      <p className="text-muted">{child.description}</p>
-                      <ul className="list-inline float-sm-end mb-sm-0">
-                        <li className="list-inline-item">
-                          <Link to="#">
-                            <i className="far fa-thumbs-up me-1" /> Like
-                          </Link>
-                        </li>
-                        <li className="list-inline-item">
-                          <Link to="#">
-                            <i className="far fa-comment-dots me-1" /> Comment
-                          </Link>
-                        </li>
-                      </ul>
-                      <div className="text-muted font-size-12">
-                        <i className="far fa-calendar-alt text-primary me-1" />{" "}
-                        {child.date}
-                      </div>
-                    </Media>
-                  </Media>
-                ))
-              : null}
-          </Media>
-        </Media>
-      ))}
-    </div>
-  )
-}
-
-Reviews.propTypes = {
-  comments: PropTypes.array,
-}
-
-export default Reviews
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/index.js b/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/index.js
deleted file mode 100644
index 5a8bdcc..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceProducts/index.js
+++ /dev/null
@@ -1,477 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import MetaTags from 'react-meta-tags';
-import { connect } from "react-redux"
-import { Link, withRouter } from "react-router-dom"
-import {
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  Input,
-  Label,
-  Nav,
-  NavItem,
-  NavLink,
-  Pagination,
-  PaginationItem,
-  PaginationLink,
-  Row,
-} from "reactstrap"
-import classnames from "classnames"
-import { isEmpty, map, size } from "lodash"
-
-//Import Star Ratings
-import StarRatings from "react-star-ratings"
-
-// RangeSlider
-import Nouislider from "nouislider-react"
-import "nouislider/distribute/nouislider.css"
-
-//Import Product Images
-import { productImages } from "@BackOfficeAssets/images/product"
-
-//Import Breadcrumb
-import Breadcrumbs from "@BackOfficeComponents/Common/Breadcrumb"
-
-
-class EcommerceProducts extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      FilterClothes: [
-        { id: 1, name: "T-shirts", link: "#" },
-        { id: 2, name: "Shirts", link: "#" },
-        { id: 3, name: "Jeans", link: "#" },
-        { id: 4, name: "Jackets", link: "#" },
-      ],
-      products: [],
-      activeTab: "1",
-      discountData: [],
-      filters: {
-        discount: [],
-        price: { min: 0, max: 500 },
-      },
-      page: 1,
-      totalPage: 5, //replace this with total pages of data
-    }
-    this.toggleTab = this.toggleTab.bind(this)
-    this.onSelectRating = this.onSelectRating.bind(this)
-  }
-
-  componentDidMount() {
-    const { products, onGetProducts } = props
-    this.setState({ products })
-    onGetProducts()
-    this.setState({ discountData })
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    const { products } = this.props
-    if (
-        isEmpty(prevProps.products) &&
-        !isEmpty(products) &&
-        size(products) !== size(prevProps.products)
-    ) {
-      this.setState({ products })
-    }
-  }
-
-  toggleTab(tab) {
-    if (this.state.activeTab !== tab) {
-      this.setState({
-        activeTab: tab,
-      })
-    }
-  }
-
-  onSelectDiscount = e => {
-    const { value, checked } = e.target
-    const {
-      filters,
-      filters: { discount },
-    } = this.state
-    this.setState(
-        {
-          filters: {
-            ...filters,
-            discount: discount.find(item => item === value)
-                ? discount.filter(item => item !== value)
-                : [...discount, value],
-          },
-        },
-        () => {
-          this.onFilterProducts(value, checked)
-        }
-    )
-  }
-
-  onFilterProducts = (value, checked) => {
-    const {
-      filters: { discount },
-    } = this.state
-    let filteredProducts = productsData
-    if (!!checked && parseInt(value) === 0) {
-      filteredProducts = productsData.filter(product => product.offer < 10)
-    } else if (discount.length > 0) {
-      filteredProducts = productsData.filter(
-          product => product.offer >= Math.min(...discount)
-      )
-    }
-    this.setState({ products: filteredProducts })
-  }
-
-  onUpdate = (render, handle, value) => {
-    this.setState({
-      products: productsData.filter(
-          product => product.newPrice >= value[0] && product.newPrice <= value[1]
-      ),
-    })
-  }
-
-  /*
-  on change rating checkbox method
-  */
-  onChangeRating = value => {
-    this.setState({
-      products: productsData.filter(product => product.rating >= value),
-    })
-  }
-
-  onSelectRating = value => {
-    this.setState({
-      products: productsData.filter(product => product.rating === value),
-    })
-  }
-
-  onUncheckMark = () => {
-    this.setState({
-      products: productsData,
-    })
-    // setProductList(productsData)
-  }
-
-  handlePageClick = page => {
-    this.setState({ page })
-  }
-
-  render() {
-    const { history } = this.props
-    const { discountData, products, page, totalPage } = this.state
-    return (
-        <React.Fragment>
-          <div className="page-content">
-            <MetaTags>
-              <title>Products | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-            </MetaTags>
-            <Container fluid>
-              <Breadcrumbs title="Ecommerce" breadcrumbItem="Products" />
-              <Row>
-                <Col lg="3">
-                  <Card>
-                    <CardBody>
-                      <CardTitle className="mb-4">Filter</CardTitle>
-                      <div>
-                        <h5 className="font-size-14 mb-3">Clothes</h5>
-                        {/* Render Cloth Categories */}
-                        <ul className="list-unstyled product-list">
-                          {this.state.FilterClothes.map((cloth, key) => (
-                              <li key={"_li_" + key}>
-                                <Link to={cloth.link}>
-                                  <i className="mdi mdi-chevron-right me-1" />{" "}
-                                  {cloth.name}
-                                </Link>
-                              </li>
-                          ))}
-                        </ul>
-                      </div>
-                      <div className="mt-4 pt-3">
-                        <h5 className="font-size-14 mb-4">Price</h5>
-                        <br />
-
-                        <Nouislider
-                            range={{ min: 0, max: 600 }}
-                            tooltips={true}
-                            start={[100, 500]}
-                            connect
-                            onSlide={this.onUpdate}
-                        />
-
-                      </div>
-
-                      <div className="mt-4 pt-3">
-                        <h5 className="font-size-14 mb-3">Discount</h5>
-                        {discountData.map((discount, i) => (
-                            <div
-                                className="form-check mt-2"
-                                key={i}
-                            >
-                              <Input
-                                  type="checkbox"
-                                  value={discount.value}
-                                  className="form-check-input"
-                                  id={i}
-                                  onChange={this.onSelectDiscount}
-                              />{" "}
-                              <Label className="form-check-label" htmlFor={i}>
-                                {discount.label}
-                              </Label>
-                            </div>
-                        ))}
-                      </div>
-
-                      <div className="mt-4 pt-3">
-                        <h5 className="font-size-14 mb-3">Customer Rating</h5>
-                        <div>
-                          <div className="form-check mt-2">
-                            <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="productratingCheck1"
-                                onChange={e => {
-                                  if (e.target.checked) {
-                                    this.onChangeRating(4)
-                                  } else {
-                                    this.onUncheckMark(4)
-                                  }
-                                }}
-                            />{" "}
-                            <Label
-                                className="form-check-label"
-                                htmlFor="productratingCheck1"
-                            >
-                              4 <i className="bx bxs-star text-warning" /> & Above
-                            </Label>
-                          </div>
-                          <div className="form-check mt-2">
-                            <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="productratingCheck2"
-                                onChange={e => {
-                                  if (e.target.checked) {
-                                    this.onChangeRating(3)
-                                  } else {
-                                    this.onUncheckMark(3)
-                                  }
-                                }}
-                            />{" "}
-                            <Label
-                                className="form-check-label"
-                                htmlFor="productratingCheck2"
-                            >
-                              3 <i className="bx bxs-star text-warning" /> & Above
-                            </Label>
-                          </div>
-                          <div className="form-check mt-2">
-                            <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="productratingCheck3"
-                                onChange={e => {
-                                  if (e.target.checked) {
-                                    this.onChangeRating(2)
-                                  } else {
-                                    this.onUncheckMark(2)
-                                  }
-                                }}
-                            />{" "}
-                            <Label
-                                className="form-check-label"
-                                htmlFor="productratingCheck3"
-                            >
-                              2 <i className="bx bxs-star text-warning" /> & Above
-                            </Label>
-                          </div>
-                          <div className="form-check mt-2">
-                            <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="productratingCheck4"
-                                onChange={e => {
-                                  if (e.target.checked) {
-                                    this.onSelectRating(1)
-                                  } else {
-                                    this.onUncheckMark(1)
-                                  }
-                                }}
-                            />{" "}
-                            <Label
-                                className="form-check-label"
-                                htmlFor="productratingCheck4"
-                            >
-                              1 <i className="bx bxs-star text-warning" />
-                            </Label>
-                          </div>
-                        </div>
-                      </div>
-                    </CardBody>
-                  </Card>
-                </Col>
-
-                <Col lg="9">
-                  <Row className="mb-3">
-                    <Col xl="4" sm="6">
-                      <div className="mt-2">
-                        <h5>Clothes</h5>
-                      </div>
-                    </Col>
-                    <Col lg="8" sm="6">
-                      <Form className="mt-4 mt-sm-0 float-sm-end d-flex align-items-center">
-                        <div className="search-box me-2">
-                          <div className="position-relative">
-                            <Input
-                                type="text"
-                                className="form-control border-0"
-                                placeholder="Search..."
-                            />
-                            <i className="bx bx-search-alt search-icon" />
-                          </div>
-                        </div>
-                        <Nav className="product-view-nav" pills>
-                          <NavItem>
-                            <NavLink
-                                className={classnames({
-                                  active: this.state.activeTab === "1",
-                                })}
-                                onClick={() => {
-                                  this.toggleTab("1")
-                                }}
-                            >
-                              <i className="bx bx-grid-alt" />
-                            </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                                className={classnames({
-                                  active: this.state.activeTab === "2",
-                                })}
-                                onClick={() => {
-                                  this.toggleTab("2")
-                                }}
-                            >
-                              <i className="bx bx-list-ul" />
-                            </NavLink>
-                          </NavItem>
-                        </Nav>
-                      </Form>
-                    </Col>
-                  </Row>
-                  <Row>
-                    {!isEmpty(products) &&
-                    products.map((product, key) => (
-                        <Col xl="4" sm="6" key={"_col_" + key}>
-                          <Card onClick={() =>
-                              history.push(
-                                  `/ecommerce-product-detail/${product.id}`
-                              )
-                          }>
-                            <CardBody>
-                              <Link to="#">
-                                <div className="product-img position-relative">
-                                  {product.isOffer ? (
-                                      <div className="avatar-sm product-ribbon">
-                                    <span className="avatar-title rounded-circle  bg-primary">
-                                      {`-${product.offer}%`}
-                                    </span>
-                                      </div>
-                                  ) : null}
-
-                                  <img
-                                      src={productImages[product.image]}
-                                      alt=""
-                                      className="img-fluid mx-auto d-block"
-                                  />
-                                </div>
-                              </Link>
-
-                              <div className="mt-4 text-center">
-                                <h5 className="mb-3 text-truncate">
-                                  <Link
-                                      to={"/ecommerce-product-detail/" + product.id}
-                                      className="text-dark"
-                                  >
-                                    {product.name}{" "}
-                                  </Link>
-                                </h5>
-                                <div className="text-muted mb-3">
-                                  <StarRatings
-                                      rating={product.rating}
-                                      starRatedColor="#F1B44C"
-                                      starEmptyColor="#2D363F"
-                                      numberOfStars={5}
-                                      name="rating"
-                                      starDimension="14px"
-                                      starSpacing="3px"
-                                  />
-                                </div>
-                                <h5 className="my-0">
-                                  <span className="text-muted me-2">
-                                    <del>${product.oldPrice}</del>
-                                  </span>{" "}
-                                  <b>${product.newPrice}</b>
-                                </h5>
-                              </div>
-
-                            </CardBody>
-                          </Card>
-                        </Col>
-                    ))}
-                  </Row>
-
-                  <Row>
-                    <Col lg="12">
-                      <Pagination className="pagination pagination-rounded justify-content-center mt-3 mb-4 pb-1 pagination-b-0">
-                        <PaginationItem disabled={page === 1}>
-                          <PaginationLink
-                              previous
-                              href="#"
-                              onClick={() => this.handlePageClick(page - 1)}
-                          />
-                        </PaginationItem>
-                        {map(Array(totalPage), (item, i) => (
-                            <PaginationItem active={i + 1 === page} key={i}>
-                              <PaginationLink
-                                  onClick={() => this.handlePageClick(i + 1)}
-                                  href="#"
-                              >
-                                {i + 1}
-                              </PaginationLink>
-                            </PaginationItem>
-                        ))}
-                        <PaginationItem disabled={page === totalPage}>
-                          <PaginationLink
-                              next
-                              href="#"
-                              onClick={() => this.handlePageClick(page + 1)}
-                          />
-                        </PaginationItem>
-                      </Pagination>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Container>
-          </div>
-        </React.Fragment>
-    )
-  }
-}
-
-EcommerceProducts.propTypes = {
-  products: PropTypes.array,
-  onGetProducts: PropTypes.func,
-}
-
-const mapStateToProps = state => ({
-  products: state.ecommerce.products,
-})
-
-const mapDispatchToProps = dispatch => ({
-  onGetProducts: () => dispatch(getProducts()),
-})
-
-export default EcommerceProducts;
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceShops/CardShop.js b/Client/src/backoffice/pages/Ecommerce/EcommerceShops/CardShop.js
deleted file mode 100644
index 0fba303..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceShops/CardShop.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from 'prop-types'
-import { Link } from "react-router-dom"
-import { Row, Col, Card } from "reactstrap"
-
-class CardShop extends Component {
-  render() {
-    const name = this.props.shop.name
-    const nameIcon = name.charAt(0)
-    return (
-      <React.Fragment>
-        <Col xl="4" sm="6">
-          <Card>
-            <Row>
-              <Col xl="5">
-                <div className="text-center p-4 border-end">
-                  <div className="avatar-sm mx-auto mb-3 mt-1">
-                    <span
-                      className={
-                        "avatar-title rounded-circle bg-soft bg-" +
-                        this.props.shop.color +
-                        " primary text-" +
-                        this.props.shop.color +
-                        " font-size-16"
-                      }
-                    >
-                      {nameIcon}
-                    </span>
-                  </div>
-                  <h5 className="text-truncate pb-1">{this.props.shop.name}</h5>
-                </div>
-              </Col>
-
-              <Col xl="7">
-                <div className="p-4 text-center text-xl-start">
-                  <Row>
-                    <Col xs="6">
-                      <div>
-                        <p className="text-muted mb-2 text-truncate">
-                          Products
-                        </p>
-                        <h5>{this.props.shop.product}</h5>
-                      </div>
-                    </Col>
-                    <Col xs="6">
-                      <div>
-                        <p className="text-muted mb-2 text-truncate">
-                          Wallet Balance
-                        </p>
-                        <h5>${this.props.shop.balance}</h5>
-                      </div>
-                    </Col>
-                  </Row>
-                  <div className="mt-4">
-                    <Link to="#" className="text-decoration-underline text-reset">See Profile <i className="mdi mdi-arrow-right"></i></Link>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Card>
-        </Col>
-      </React.Fragment>
-    )
-  }
-}
-
-CardShop.propTypes = {
-  shop: PropTypes.object
-}
-
-export default CardShop
diff --git a/Client/src/backoffice/pages/Ecommerce/EcommerceShops/index.js b/Client/src/backoffice/pages/Ecommerce/EcommerceShops/index.js
deleted file mode 100644
index 85de210..0000000
--- a/Client/src/backoffice/pages/Ecommerce/EcommerceShops/index.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { Component } from "react"
-import PropTypes from "prop-types"
-import MetaTags from 'react-meta-tags';
-import { connect } from "react-redux"
-import { Link } from "react-router-dom"
-import { Container, Row, Col } from "reactstrap"
-import { map } from "lodash"
-
-//Import Breadcrumb
-import Breadcrumbs from "@BackOfficeComponents/Common/Breadcrumb"
-
-//Import Card
-import CardShop from "./CardShop"
-
-
-class EcommerceShops extends Component {
-  componentDidMount() {
-    const { onGetShops } = this.props
-    onGetShops()
-  }
-
-  render() {
-    const { shops } = this.props
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Shops | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Ecommerce" breadcrumbItem="Shops" />
-            <Row>
-              {map(shops, (shop, key) => (
-                <CardShop shop={shop} key={"_shop_" + key} />
-              ))}
-            </Row>
-            <Row>
-              <Col xs="12">
-                <div className="text-center my-3">
-                  <Link to="#" className="text-success">
-                    <i className="bx bx-loader bx-spin font-size-18 align-middle me-2" />
-                    Load more
-                  </Link>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-EcommerceShops.propTypes = {
-  shops: PropTypes.array,
-  onGetShops: PropTypes.func,
-}
-
-const mapStateToProps = ({ ecommerce }) => ({
-  shops: ecommerce.shops,
-})
-
-const mapDispatchToProps = dispatch => ({
-})
-
-export default EcommerceShops
diff --git a/Client/src/backoffice/pages/Forms/FormAdvanced.js b/Client/src/backoffice/pages/Forms/FormAdvanced.js
deleted file mode 100644
index b3e9177..0000000
--- a/Client/src/backoffice/pages/Forms/FormAdvanced.js
+++ /dev/null
@@ -1,1596 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Button, Card, CardBody, Col, Container, Form, FormGroup, Input, InputGroup, Label, Row } from "reactstrap"
-
-import { SketchPicker } from "react-color"
-import ColorPicker from "@vtaits/react-color-picker"
-import "@vtaits/react-color-picker/dist/index.css"
-import "react-datepicker/dist/react-datepicker.css"
-import Switch from "react-switch"
-import Select from "react-select"
-import makeAnimated from "react-select/animated"
-import "flatpickr/dist/themes/material_blue.css"
-import Flatpickr from "react-flatpickr"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-import { Link } from "react-router-dom"
-
-const animatedComponents = makeAnimated()
-
-const optionGroup = [
-  {
-    label: "Picnic",
-    options: [
-      { label: "Mustard", value: "Mustard" },
-      { label: "Ketchup", value: "Ketchup" },
-      { label: "Relish", value: "Relish" }
-    ]
-  },
-  {
-    label: "Camping",
-    options: [
-      { label: "Tent", value: "Tent" },
-      { label: "Flashlight", value: "Flashlight" },
-      { label: "Toilet Paper", value: "Toilet Paper" }
-    ]
-  }
-]
-
-const optionGroup1 = [
-  {
-    label: "Picnic",
-    options: [
-      { label: "Mustard", value: "Mustard" },
-      { label: "Ketchup", value: "Ketchup" },
-      { label: "Relish", value: "Relish" }
-    ]
-  },
-  {
-    label: "Camping",
-    options: [
-      { label: "Tent", value: "Tent" },
-      { label: "Flashlight", value: "Flashlight" },
-      { label: "Toilet Paper", value: "Toilet Paper" }
-    ]
-  }
-]
-
-const optionGroup2 = [
-  {
-    label: "Picnic",
-    options: [
-      { label: "Mustard", value: "Mustard" },
-      { label: "Ketchup", value: "Ketchup" },
-      { label: "Relish", value: "Relish" }
-    ]
-  },
-  {
-    label: "Camping",
-    options: [
-      { label: "Tent", value: "Tent" },
-      { label: "Flashlight", value: "Flashlight" },
-      { label: "Toilet Paper", value: "Toilet Paper" }
-    ]
-  }
-]
-
-class FormAdvanced extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      color: "red",
-      colorRgb: "red",
-      colorCust: "red",
-      colorHor: "#fffff",
-      colorRGBA: "rgba(0, 194, 255, 0.78)",
-      display_RGBA: false,
-      multipleDate: new Date(),
-      dateRange: new Date(),
-
-      defaultDate: new Date(),
-      default: false,
-      start_date: new Date(),
-      monthDate: new Date(),
-      yearDate: new Date(),
-      end_date: new Date(),
-      date: new Date(),
-      default_time: new Date().getTime(),
-      minute_time: new Date().getTime(),
-      time: new Date().getTime(),
-
-      disbadge: true,
-      disthresh: false,
-      placementbadge: false,
-      textcount: 0,
-      optioncount: 0,
-      placementcount: 0,
-      advanceclass: "badgecount",
-
-      switch1: true,
-      switch2: true,
-      switch3: true,
-      switch4: true,
-      switch5: true,
-      switch6: true,
-      switch7: true,
-      switch8: true,
-      switch9: true,
-      sq1: true,
-      sq2: true,
-      switch11: true,
-      switch12: true,
-      switch13: true,
-      switch14: true,
-      switch15: true,
-
-      data_attr: 56,
-      postfix: 20,
-      prefix: 25,
-      empty_val: 0,
-      not_attr: 15,
-      explicit_val: 33,
-
-      selectedGroup: null,
-      selectedMulti: null,
-      selectedMulti1: null,
-      selectedMulti2: null,
-      selectedMulti3: null,
-      resentValue: null
-    }
-    //colorpicker
-    this.onDrag = this.onDrag.bind(this)
-    this.onDragRgb = this.onDragRgb.bind(this)
-    this.onDragCust = this.onDragCust.bind(this)
-    this.handleHor = this.handleHor.bind(this)
-    this.handleRGBA = this.handleRGBA.bind(this)
-
-    // DatePicker
-    this.handleDefault = this.handleDefault.bind(this)
-    this.handleAutoClose = this.handleAutoClose.bind(this)
-    this.handleStart = this.handleStart.bind(this)
-    this.handleEnd = this.handleEnd.bind(this)
-    this.handleMonthChange = this.handleMonthChange.bind(this)
-    this.handleYearChange = this.handleYearChange.bind(this)
-
-    // Bootsrap Maxlength
-    this.threshholdchange = this.threshholdchange.bind(this)
-    this.threshholdDefault = this.threshholdDefault.bind(this)
-    this.optionchange = this.optionchange.bind(this)
-    this.placementchange = this.placementchange.bind(this)
-    this.textareachange = this.textareachange.bind(this)
-
-    this.handleSelectGroup = this.handleSelectGroup.bind(this)
-    this.handleMulti = this.handleMulti.bind(this)
-    this.handleMulti1 = this.handleMulti1.bind(this)
-    this.handleMulti2 = this.handleMulti2.bind(this)
-    this.handleMulti3 = this.handleMulti3.bind(this)
-
-    //*** datepicker method */
-    this.getDateMethod = this.getDateMethod.bind(this)
-    this.getDateFormateMethod = this.getDateFormateMethod.bind(this)
-    this.getMonthMethod = this.getMonthMethod.bind(this)
-    this.getMonthShortMethod = this.getMonthShortMethod.bind(this)
-    this.getDayMethod = this.getDayMethod.bind(this)
-    this.getDayShort = this.getDayShort.bind(this)
-    this.getDayMin = this.getDayMin.bind(this)
-    this.picks = this.picks.bind(this)
-    this.resentValue = this.resentValue.bind(this)
-  }
-
-  //Date Picker Method
-
-  //Color Picker
-  onDrag(c1) {
-    this.setState({ color: c1 })
-  }
-
-  onDragRgb(c1) {
-    this.setState({ colorRgb: c1 })
-  }
-
-  onDragCust(c1) {
-    this.setState({ colorCust: c1 })
-  }
-
-  handleHor = color => {
-    this.setState({ colorHor: color.hex })
-  }
-  handleRGBA = () => {
-    this.setState({ display_RGBA: !this.state.display_RGBA })
-  }
-
-  onSwatchHover_RGBA = color => {
-    const format =
-      "rgba(" +
-      color.rgb.r +
-      "," +
-      color.rgb.g +
-      "," +
-      color.rgb.b +
-      "," +
-      color.rgb.a +
-      ")"
-    this.setState({ colorRGBA: format })
-  }
-
-  //DatePicker
-  handleDefault(date) {
-    this.setState({ default_date: date })
-  }
-
-  handleAutoClose(date) {
-    this.setState({ auto_close: date })
-  }
-
-  handleStart(date) {
-    this.setState({ start_date: date })
-  }
-
-  handleEnd(date) {
-    this.setState({ end_date: date })
-  }
-
-  handleMonthChange(date) {
-    this.setState({ monthDate: date })
-  }
-
-  handleYearChange(date) {
-    this.setState({ yearDate: date })
-  }
-
-  //Bootstrap Maxlength
-  threshholdchange(event) {
-    const count = event.target.value.length
-    if (count > 0) {
-      this.setState({ disthresh: true })
-    } else {
-      this.setState({ disthresh: false })
-    }
-    this.setState({ threshholdcount: event.target.value.length })
-  }
-
-  threshholdDefault(event) {
-    const count = event.target.value.length
-    if (count > 0) {
-      this.setState({ disDefault: true })
-    } else {
-      this.setState({ disDefault: false })
-    }
-    this.setState({ threshholdDefault: event.target.value.length })
-  }
-
-  optionchange(event) {
-    const count = event.target.value.length
-    if (count > 0) {
-      this.setState({ disbadge: true })
-    } else {
-      this.setState({ disbadge: false })
-    }
-    if (count > 24) {
-      this.setState({ advanceclass: "badgecountextra" })
-    } else {
-      this.setState({ advanceclass: "badgecount" })
-    }
-    this.setState({ optioncount: event.target.value.length })
-  }
-
-  placementchange(event) {
-    const count = event.target.value.length
-    if (count > 0) {
-      this.setState({ placementbadge: true })
-    } else {
-      this.setState({ placementbadge: false })
-    }
-    this.setState({ placementcount: event.target.value.length })
-  }
-
-  textareachange(event) {
-    const count = event.target.value.length
-    if (count > 0) {
-      this.setState({ textareabadge: true })
-    } else {
-      this.setState({ textareabadge: false })
-    }
-    this.setState({ textcount: event.target.value.length })
-  }
-
-  //Select
-  handleSelectGroup = selectedGroup => {
-    this.setState({ selectedGroup })
-  }
-  handleMulti = selectedMulti => {
-    this.setState({ selectedMulti })
-  }
-  handleMulti1 = selectedMulti1 => {
-    this.setState({ selectedMulti1 })
-  }
-  handleMulti2 = selectedMulti2 => {
-    this.setState({ selectedMulti2 })
-  }
-  handleMulti3 = selectedMulti3 => {
-    this.setState({ selectedMulti3 })
-  }
-
-  /**get date method **/
-
-  getDateMethod = () => {
-    this.setState({ dateValue: new Date() })
-  }
-
-  picks = () => {
-    this.setState({ pick: new Date() })
-  }
-
-  resentValue = () => {
-    this.setState({ pick: "" })
-  }
-  yearFirst = () => {
-  }
-
-  getDateFormateMethod = () => {
-    const today = new Date()
-    const dd = today.getDate().toString()
-    const mm = today.getMonth() + 1
-    const yyyy = today.getFullYear()
-    const current_date_method = (today = dd + "/" + mm + "/" + yyyy)
-    this.setState({ current_date_method })
-  }
-
-  getMonthMethod = () => {
-    const months = [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ]
-    const d = new Date()
-    const current_month = months[d.getMonth()]
-    this.setState({ current_month })
-  }
-
-  getMonthShortMethod = () => {
-    const months = [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec"
-    ]
-    const d = new Date()
-    const current_month_short = months[d.getMonth()]
-    this.setState({ current_month_short })
-  }
-  getDayMethod = () => {
-    const day = [
-      "Sunday",
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday"
-    ]
-    const d = new Date()
-    const current_day = day[d.getDay()]
-    this.setState({ current_day })
-  }
-
-  getDayShort = () => {
-    const day = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
-    const d = new Date()
-    const current_day_short = day[d.getDay()]
-    this.setState({ current_day_short })
-  }
-
-  getDayMin = () => {
-    const day = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
-    const d = new Date()
-    const current_day_min = day[d.getDay()]
-    this.setState({ current_day_min })
-  }
-
-  render() {
-    const { selectedGroup } = this.state
-    const { selectedMulti } = this.state
-    const { selectedMulti1 } = this.state
-    const { selectedMulti2 } = this.state
-    const { selectedMulti3 } = this.state
-    const { dateValue } = this.state
-
-    // state define for datepicker
-    const { current_date_method } = this.state
-    const { current_month } = this.state
-    const { current_month_short } = this.state
-    const { current_day } = this.state
-    const { current_day_short } = this.state
-    const { current_day_min } = this.state
-    const { pick } = this.state
-
-    const Offsymbol = () => {
-      return (
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            height: "100%",
-            fontSize: 12,
-            color: "#fff",
-            paddingRight: 2
-          }}
-        >
-          {" "}
-          No
-        </div>
-      )
-    }
-
-    const OnSymbol = props => {
-      return (
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            height: "100%",
-            fontSize: 12,
-            color: "#fff",
-            paddingRight: 2
-          }}
-        >
-          {" "}
-          Yes
-        </div>
-      )
-    }
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Form Advanced | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Advanced" />
-
-            <Row>
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Select2</h4>
-                    <p className="card-title-desc">
-                      A mobile and touch friendly input spinner component for
-                      Bootstrap
-                    </p>
-
-                    <form>
-                      <Row>
-                        <Col lg="6">
-                          <FormGroup className="mb-3 select2-container">
-                            <Label>Single Select</Label>
-                            <Select
-                              value={selectedGroup}
-                              onChange={this.handleSelectGroup}
-                              options={optionGroup}
-                              classNamePrefix="select2-selection"
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3 select2-container">
-                            <label className="control-label">
-                              Multiple Select
-                            </label>
-                            <Select
-                              value={selectedMulti}
-                              isMulti={true}
-                              onChange={this.handleMulti}
-                              options={optionGroup}
-                              classNamePrefix="select2-selection"
-                            />
-                          </FormGroup>
-
-                          <FormGroup className="select2-container">
-                            <Label>Search Disable</Label>
-                            <Select
-                              value={selectedMulti1}
-                              isMulti={true}
-                              onChange={this.handleMulti1}
-                              options={optionGroup}
-                              classNamePrefix="select2-selection"
-                              isDisabled={true}
-                            />
-                          </FormGroup>
-                        </Col>
-
-                        <Col lg="6">
-                          <FormGroup className="mb-3 ajax-select select2-container">
-                            <Label>Ajax (remote data) </Label>
-                            <Select
-                              value={selectedMulti2}
-                              isMulti={true}
-                              onChange={this.handleMulti2}
-                              options={optionGroup1}
-                              classNamePrefix="select2-selection"
-                              isLoading={true}
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3 mt-3 mt-lg-0 templating-select select2-container">
-                            <label className="control-label">Templating</label>
-                            <Select
-                              value={selectedMulti3}
-                              isMulti={true}
-                              onChange={this.handleMulti3}
-                              options={optionGroup2}
-                              classNamePrefix="select2-selection"
-                              closeMenuOnSelect={false}
-                              components={animatedComponents}
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                    </form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">React Colorpicker</h4>
-                    <p className="card-title-desc">
-                      Fancy and customizable colorpicker plugin for Twitter
-                      Bootstrap.
-                    </p>
-
-                    <Form action="#">
-                      <FormGroup className="mb-3">
-                        <Label>Simple input field</Label>
-                        <Input
-                          type="text"
-                          className="colorpicker-default"
-                          value={this.state.color}
-                          onClick={() =>
-                            this.setState({
-                              simple_color: !this.state.simple_color
-                            })
-                          }
-                          readOnly
-                        />
-                        {this.state.simple_color ? (
-                          <ColorPicker
-                            saturationHeight={100}
-                            saturationWidth={100}
-                            value={this.state.color}
-                            onDrag={this.onDrag.bind(this)}
-                          />
-                        ) : null}
-                      </FormGroup>
-
-                      <FormGroup className="mb-3">
-                        <Label>With custom options - RGBA</Label>
-                        <Input
-                          type="text"
-                          className="colorpicker-rgba form-control"
-                          value={this.state.colorRGBA}
-                          onClick={this.handleRGBA}
-                          readOnly
-                        />
-                        {this.state.display_RGBA ? (
-                          <SketchPicker
-                            color="#fff"
-                            value={this.state.colorRGBA}
-                            width="160px"
-                            onChangeComplete={this.onSwatchHover_RGBA}
-                          />
-                        ) : null}
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>As a component</Label>
-                        <div
-                          className="input-group colorpicker-default"
-                          title="Using format option"
-                        >
-                          <input
-                            readOnly
-                            value={this.state.colorRgb}
-                            type="text"
-                            className="form-control input-lg"
-                          />
-                          <span className="input-group-append">
-                            <span
-                              className="input-group-text colorpicker-input-addon"
-                              onClick={() =>
-                                this.setState({
-                                  simple_color1: !this.state.simple_color1
-                                })
-                              }
-                            >
-                              <i
-                                style={{
-                                  height: "16px",
-                                  width: "16px",
-                                  background: this.state.colorRgb
-                                }}
-                              />
-                            </span>
-                          </span>
-                        </div>
-
-                        {this.state.simple_color1 ? (
-                          <ColorPicker
-                            saturationHeight={100}
-                            saturationWidth={100}
-                            value={this.state.colorRgb}
-                            onDrag={this.onDragRgb.bind(this)}
-                          />
-                        ) : null}
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>Horizontal mode</Label>
-                        <Input
-                          type="text"
-                          onClick={() =>
-                            this.setState({
-                              simple_color2: !this.state.simple_color2
-                            })
-                          }
-                          value={this.state.colorHor}
-                          readOnly
-                        />
-                        {this.state.simple_color2 ? (
-                          <SketchPicker
-                            color="#fff"
-                            value={this.state.simple_color2}
-                            width="160px"
-                            onChangeComplete={this.handleHor}
-                          />
-                        ) : null}
-                      </FormGroup>
-
-                      <FormGroup className="mb-0">
-                        <Label>Inline</Label>
-
-                        <ColorPicker
-                          saturationHeight={100}
-                          saturationWidth={100}
-                          value={this.state.colorCust}
-                          onDrag={this.onDragCust.bind(this)}
-                        />
-                      </FormGroup>
-                    </Form>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Timepicker</h4>
-                    <p className="card-title-desc">
-                      Easily select a time for a text input using your mouse or
-                      keyboards arrow keys.
-                    </p>
-
-                    <Form action="#">
-                      <FormGroup className="mb-3">
-                        <Label>Default Time Picker</Label>
-
-                        <InputGroup>
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="Select time"
-                            options={{
-                              enableTime: true,
-                              noCalendar: true,
-                              dateFormat: "H:i"
-                            }}
-                          />
-                          <div className="input-group-append">
-                            <span className="input-group-text">
-                              <i className="mdi mdi-clock-outline" />
-                            </span>
-                          </div>
-                        </InputGroup>
-                      </FormGroup>
-                      <div className="form-group mb-3">
-                        <Label>24 Hour Mode Time Picker</Label>
-
-                        <InputGroup>
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="Select time"
-                            options={{
-                              enableTime: true,
-                              noCalendar: true,
-                              dateFormat: "H:i",
-                              time_24hr: true
-                            }}
-                          />
-                          <div className="input-group-append">
-                            <span className="input-group-text">
-                              <i className="mdi mdi-clock-outline" />
-                            </span>
-                          </div>
-                        </InputGroup>
-                      </div>
-
-                      <div className="form-group mb-0">
-                        <label>Specify a step for the minute field</label>
-
-                        <div className="input-group">
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="Select time"
-                            options={{
-                              enableTime: true,
-                              noCalendar: true,
-                              dateFormat: "H:i"
-                            }}
-                          />
-                          <div className="input-group-append">
-                            <span className="input-group-text">
-                              <i className="mdi mdi-clock-outline" />
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">FaltePicker</h4>
-                    <p className="card-title-desc">
-                      Examples of twitter bootstrap datepicker.
-                    </p>
-
-                    <Form>
-                      <FormGroup className="mb-4">
-                        <Label>Default Functionality</Label>
-                        <InputGroup>
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="dd M,yyyy"
-                            options={{
-                              altInput: true,
-                              altFormat: "F j, Y",
-                              dateFormat: "Y-m-d"
-                            }}
-                          />
-                        </InputGroup>
-                      </FormGroup>
-
-                      <div className="form-group mb-4">
-                        <label>Auto Close</label>
-                        <div className="input-group">
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="dd M,yyyy"
-                            options={{
-                              altInput: true,
-                              altFormat: "F j, Y",
-                              dateFormat: "Y-m-d"
-                            }}
-                          />
-                        </div>
-                      </div>
-
-                      <div className="form-group mb-4">
-                        <label>Multiple Date</label>
-                        <div className="input-group">
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="dd M,yyyy"
-                            options={{
-                              mode: "multiple",
-                              dateFormat: "Y-m-d"
-                            }}
-                          />
-                        </div>
-                      </div>
-                      <FormGroup className="mb-4">
-                        <Label>Date Range</Label>
-                        <InputGroup>
-                          <Flatpickr
-                            className="form-control d-block"
-                            placeholder="dd M,yyyy"
-                            options={{
-                              mode: "range",
-                              dateFormat: "Y-m-d"
-                            }}
-                          />
-                        </InputGroup>
-                      </FormGroup>
-                      <div className="form-group mb-0">
-                        <label>Inline Datepicker</label>
-                        <Flatpickr
-                          className="form-control d-block"
-                          placeholder="dd M,yyyy"
-                          options={{
-                            inline: true,
-                            altInput: true,
-                            altFormat: "F j, Y",
-                            dateFormat: "Y-m-d"
-                          }}
-                        />
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Bootstrap MaxLength</h4>
-                    <p className="card-title-desc">
-                      This plugin integrates by default with Twitter bootstrap
-                      using badges to display the maximum lenght of the field
-                      where the user is inserting text.{" "}
-                    </p>
-                    <Label>Default usage</Label>
-                    <p className="text-muted m-b-15">
-                      The badge will show up by default when the remaining chars
-                      are 10 or less:
-                    </p>
-                    <Input
-                      type="text"
-                      maxLength="25"
-                      name="defaultconfig"
-                      onChange={this.threshholdDefault}
-                      id="defaultconfig"
-                    />
-                    {this.state.disDefault ? (
-                      <span className="badgecount badge badge-success">
-                        {this.state.threshholdDefault} / 25{" "}
-                      </span>
-                    ) : null}
-
-                    <div className="mt-3">
-                      <Label>Threshold value</Label>
-                      <p className="text-muted m-b-15">
-                        Do you want the badge to show up when there are 20 chars
-                        or less? Use the <code>threshold</code> option:
-                      </p>
-                      <Input
-                        type="text"
-                        maxLength="25"
-                        onChange={this.threshholdchange}
-                        name="thresholdconfig"
-                        id="thresholdconfig"
-                      />
-                      {this.state.disthresh ? (
-                        <span className="badgecount badge badge-success">
-                          {this.state.threshholdcount} / 25{" "}
-                        </span>
-                      ) : null}
-                    </div>
-
-                    <div className="mt-3">
-                      <Label>All the options</Label>
-                      <p className="text-muted m-b-15">
-                        Please note: if the <code>alwaysShow</code> option is
-                        enabled, the <code>threshold</code> option is ignored.
-                      </p>
-                      <Input
-                        type="text"
-                        maxLength="25"
-                        onChange={this.optionchange}
-                        name="alloptions"
-                        id="alloptions"
-                      />
-                      {this.state.disbadge ? (
-                        <span className="badgecount">
-                          You Types{" "}
-                          <span className="badge badge-success">
-                            {this.state.optioncount}
-                          </span>{" "}
-                          out of <span className="badge badge-success">25</span>{" "}
-                          chars available
-                        </span>
-                      ) : null}
-                    </div>
-
-                    <div className="mt-3">
-                      <Label>Position</Label>
-                      <p className="text-muted m-b-15">
-                        All you need to do is specify the <code>placement</code>{" "}
-                        option, with one of those strings. If none is specified,
-                        the positioning will be defauted to 'bottom'.
-                      </p>
-                      <Input
-                        type="text"
-                        maxLength="25"
-                        onChange={this.placementchange}
-                        name="placement"
-                        id="placement"
-                      />
-                      {this.state.placementbadge ? (
-                        <span
-                          style={{ float: "right" }}
-                          className="badgecount badge badge-success"
-                        >
-                          {this.state.placementcount} / 25{" "}
-                        </span>
-                      ) : null}
-                    </div>
-
-                    <div className="mt-3">
-                      <Label>textarea</Label>
-                      <p className="text-muted m-b-15">
-                        Bootstrap maxlength supports textarea as well as inputs.
-                        Even on old IE.
-                      </p>
-                      <Input
-                        type="textarea"
-                        id="textarea"
-                        onChange={this.textareachange}
-                        maxLength="225"
-                        rows="3"
-                        placeholder="This textarea has a limit of 225 chars."
-                      />
-                      {this.state.textareabadge ? (
-                        <span className="badgecount badge badge-success">
-                          {" "}
-                          {this.state.textcount} / 225{" "}
-                        </span>
-                      ) : null}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Bootstrap TouchSpin</h4>
-                    <p className="card-title-desc">
-                      A mobile and touch friendly input spinner component for
-                      Bootstrap
-                    </p>
-                    <Form>
-                      <FormGroup className="mb-3">
-                        <Label>Using data attributes</Label>
-                        <InputGroup>
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                data_attr: this.state.data_attr - 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </div>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.data_attr}
-                            placeholder="number"
-                            readOnly
-                          />
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                data_attr: this.state.data_attr + 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </div>
-                        </InputGroup>
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>Example with postfix (large)</Label>
-                        <InputGroup>
-                          <span
-                            className="input-group-btn input-group-prepend"
-                            onClick={() =>
-                              this.setState({ postfix: this.state.postfix - 1 })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </span>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.postfix}
-                            placeholder="number"
-                            readOnly
-                          />
-                          <span className="input-group-append">
-                            <span className="input-group-text">%</span>
-                          </span>
-                          <span className="input-group-append">
-                            <Button
-                              type="button"
-                              onClick={() =>
-                                this.setState({
-                                  postfix: this.state.postfix + 1
-                                })
-                              }
-                              color="primary"
-                            >
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </span>
-                        </InputGroup>
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>With prefix</Label>
-                        <InputGroup>
-                          <span
-                            className="input-group-btn input-group-prepend"
-                            onClick={() =>
-                              this.setState({ postfix: this.state.postfix - 1 })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </span>
-                          <span className="input-group-append">
-                            <span className="input-group-text">$</span>
-                          </span>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.postfix}
-                            placeholder="number"
-                            readOnly
-                          />
-                          
-                          <span className="input-group-append">
-                            <Button
-                              type="button"
-                              onClick={() =>
-                                this.setState({
-                                  postfix: this.state.postfix + 1
-                                })
-                              }
-                              color="primary"
-                            >
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </span>
-                        </InputGroup>
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>Init with empty value:</Label>
-                        <InputGroup>
-                          <span
-                            className="input-group-btn input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                empty_val: this.state.empty_val - 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </span>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.empty_val}
-                            placeholder="number"
-                            readOnly
-                          />
-                          <span
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                empty_val: this.state.empty_val + 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </span>
-                        </InputGroup>
-                      </FormGroup>
-                      <FormGroup className="mb-3">
-                        <Label>
-                          Value attribute is not set (applying settings.initval)
-                        </Label>
-                        <InputGroup>
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                not_attr: this.state.not_attr - 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </div>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.not_attr}
-                            placeholder="number"
-                            readOnly
-                          />
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                not_attr: this.state.not_attr + 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </div>
-                        </InputGroup>
-                      </FormGroup>
-                      <FormGroup className="mb-0">
-                        <Label>
-                          Value is set explicitly to 33 (skipping
-                          settings.initval)
-                        </Label>
-                        <InputGroup>
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                explicit_val: this.state.explicit_val - 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-minus" />
-                            </Button>
-                          </div>
-                          <input
-                            type="number"
-                            className="form-control"
-                            value={this.state.explicit_val}
-                            placeholder="number"
-                            readOnly
-                          />
-                          <div
-                            className="input-group-append"
-                            onClick={() =>
-                              this.setState({
-                                explicit_val: this.state.explicit_val + 1
-                              })
-                            }
-                          >
-                            <Button type="button" color="primary">
-                              <i className="mdi mdi-plus" />
-                            </Button>
-                          </div>
-                        </InputGroup>
-                      </FormGroup>
-                    </Form>{" "}
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Css Switch</h4>
-                    <p className="card-title-desc">
-                      Here are a few types of switches.{" "}
-                    </p>
-
-                    <Row>
-                      <Col lg="6">
-                        <h5 className="font-size-14 mb-3">Example switch</h5>
-                        <div>
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            className="me-1 mb-sm-8"
-                            checkedIcon={<OnSymbol />}
-                            onColor="#626ed4"
-                            onChange={() =>
-                              this.setState({ switch1: !this.state.switch1 })
-                            }
-                            checked={this.state.switch1}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            className="me-1 mb-sm-8"
-                            checkedIcon={<OnSymbol />}
-                            onColor="#a2a2a2"
-                            onChange={() =>
-                              this.setState({ switch2: !this.state.switch2 })
-                            }
-                            checked={this.state.switch2}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            checkedIcon={<OnSymbol />}
-                            className="me-1 mb-sm-8"
-                            onColor="#02a499"
-                            onChange={() =>
-                              this.setState({ switch3: !this.state.switch3 })
-                            }
-                            checked={this.state.switch3}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            className="me-1 mb-sm-8"
-                            checkedIcon={<OnSymbol />}
-                            onColor="#626ed4"
-                            onChange={() =>
-                              this.setState({ switch4: !this.state.switch4 })
-                            }
-                            checked={this.state.switch4}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            className="me-1 mb-sm-8"
-                            checkedIcon={<OnSymbol />}
-                            onColor="#02a499"
-                            onChange={() =>
-                              this.setState({ switch5: !this.state.switch5 })
-                            }
-                            checked={this.state.switch5}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            className="me-1 mb-sm-8"
-                            checkedIcon={<OnSymbol />}
-                            onColor="#38a4f8"
-                            onChange={() =>
-                              this.setState({ switch6: !this.state.switch6 })
-                            }
-                            checked={this.state.switch6}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            checkedIcon={<OnSymbol />}
-                            className="me-1 mb-sm-8"
-                            onColor="#f8b425"
-                            onChange={() =>
-                              this.setState({ switch7: !this.state.switch7 })
-                            }
-                            checked={this.state.switch7}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            checkedIcon={<OnSymbol />}
-                            className="me-1 mb-sm-8"
-                            onColor="#ec4561"
-                            onChange={() =>
-                              this.setState({ switch8: !this.state.switch8 })
-                            }
-                            checked={this.state.switch8}
-                          />
-                          <Switch
-                            uncheckedIcon={<Offsymbol />}
-                            checkedIcon={<OnSymbol />}
-                            className="me-1 mb-sm-8"
-                            onColor="#2a3142"
-                            onChange={() =>
-                              this.setState({ switch9: !this.state.switch9 })
-                            }
-                            checked={this.state.switch9}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col lg="6">
-                        <div className="mt-4 mt-lg-0">
-                          <h5 className="font-size-14 mb-3">Square switch</h5>
-                          <div className="d-flex">
-                            <div className="square-switch">
-                              <input
-                                type="checkbox"
-                                id="square-switch1"
-                                switch="none"
-                                checked={this.state.sq1}
-                                onChange={() =>
-                                  this.setState({ sq1: !this.state.sq1 })
-                                }
-                              />
-                              <label
-                                htmlFor="square-switch1"
-                                data-on-label="On"
-                                data-off-label="Off"
-                              />
-                            </div>
-                            <div className="square-switch">
-                              <input
-                                type="checkbox"
-                                id="square-switch2"
-                                switch="info"
-                                checked={this.state.sq2}
-                                onChange={() =>
-                                  this.setState({ sq2: !this.state.sq2 })
-                                }
-                              />
-                              <label
-                                htmlFor="square-switch2"
-                                data-on-label="Yes"
-                                data-off-label="No"
-                              />
-                            </div>
-                            <div className="square-switch">
-                              <input
-                                type="checkbox"
-                                id="square-switch3"
-                                switch="bool"
-                                checked={this.state.sq3}
-                                onChange={() =>
-                                  this.setState({ sq3: !this.state.sq3 })
-                                }
-                              />
-                              <label
-                                htmlFor="square-switch3"
-                                data-on-label="Yes"
-                                data-off-label="No"
-                              />
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title mb-4">Datepicker</h4>
-                    <Row>
-                      <Col xl={6} sm={6}>
-                        <div>
-                          <h4 className="font-size-14 mb-3">Demo</h4>
-                          <div className="docs-datepicker">
-                            <InputGroup>
-                              <Flatpickr
-                                value={pick}
-                                className="form-control d-block"
-                                placeholder="Pick a date"
-                                options={{
-                                  altInput: true,
-                                  // altFormat: "F j, Y",
-                                  dateFormat: "d-m-y"
-                                }}
-                                onChange={date => {
-                                  this.setState({ defaultDate: date })
-                                }}
-                              />
-                              <div className="input-group-append">
-                                <button
-                                  type="button"
-                                  className="btn btn-outline-secondary docs-datepicker-trigger"
-                                  disabled
-                                >
-                                  <i
-                                    className="fa fa-calendar"
-                                    aria-hidden="true"
-                                  />
-                                </button>
-                              </div>
-                            </InputGroup>
-                            <div className="docs-datepicker-container" />
-                          </div>
-                          <h4 className="font-size-14 my-3">Options</h4>
-                          <div className="docs-options">
-                            <div className="mb-3">
-                              <ul>
-                                <li>
-                                  You can simply check the config option from
-                                  the beloe link. <br />{" "}
-                                  <Link
-                                    to="https://flatpickr.js.org/options/"
-                                    target="_blank"
-                                  >
-                                    https://flatpickr.js.org/options
-                                  </Link>{" "}
-                                </li>
-                              </ul>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                      {/* <div className="col-xl-3 col-sm-6">
-                        <div className="mt-4 mt-sm-0">
-                          <h4 className="font-size-14 mb-3">Options</h4>
-                          <div className="docs-options">
-                            <div className="mb-3">
-                              <ul>
-                                <li>
-                                  You can simply check the config option from
-                                  the beloe link. <br />{" "}
-                                  <a
-                                    href="https://flatpickr.js.org/options/"
-                                    target="_blank"
-                                  >
-                                    https://flatpickr.js.org/options
-                                  </a>{" "}
-                                </li>
-                              </ul>
-                            </div>
-                          </div>
-                        </div>
-                      </div> */}
-                      <div className="col-xl-6 col-sm-6">
-                        <div className="mt-4 mt-xl-0">
-                          <h4 className="font-size-14 mb-3">Methods</h4>
-                          <div className="docs-actions">
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getDateMethod()}
-                                >
-                                  Get Date
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={dateValue || ""}
-                                className="form-control"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getDateFormateMethod()}
-                                >
-                                  Get Date (formatted)
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_date_method || ""}
-                                className="form-control"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getMonthMethod()}
-                                >
-                                  Get Month Name
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_month || ""}
-                                type="text"
-                                className="form-control"
-                                id="putMonthName"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getMonthShortMethod()}
-                                >
-                                  Get Month Name (short)
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_month_short || ""}
-                                type="text"
-                                className="form-control"
-                                id="putMonthNameShort"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getDayMethod()}
-                                >
-                                  Get Day Name
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_day || ""}
-                                type="text"
-                                className="form-control"
-                                id="putDayName"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getDayShort()}
-                                >
-                                  Get Day Name (short)
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_day_short || ""}
-                                type="text"
-                                className="form-control"
-                                id="putDayNameShort"
-                              />
-                            </div>
-                            <div className="input-group mb-3">
-                              <div className="input-group-prepend">
-                                <button
-                                  type="button"
-                                  className="btn btn-primary"
-                                  onClick={() => this.getDayMin()}
-                                >
-                                  Get Day Name (min)
-                                </button>
-                              </div>
-                              <Input
-                                defaultValue={current_day_min || ""}
-                                type="text"
-                                className="form-control"
-                                id="putDayNameMin"
-                              />
-                            </div>
-                            <div className="btn-group mb-3 d-flex" role="group">
-                              <button
-                                type="button"
-                                className="btn btn-primary"
-                                onClick={() => this.picks()}
-                              >
-                                Pick
-                              </button>
-                              <button
-                                type="button"
-                                className="btn btn-primary"
-                                onClick={() => this.resentValue()}
-                              >
-                                Reset
-                              </button>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormAdvanced
diff --git a/Client/src/backoffice/pages/Forms/FormEditors.js b/Client/src/backoffice/pages/Forms/FormEditors.js
deleted file mode 100644
index c9b5f4b..0000000
--- a/Client/src/backoffice/pages/Forms/FormEditors.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  Row,
-} from "reactstrap"
-
-// Form Editor
-import { Editor } from "react-draft-wysiwyg"
-import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormEditors extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Form Editors | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Editors" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">react-draft-wysiwyg</CardTitle>
-                    <p className="card-title-desc">
-                      Bootstrap-wysihtml5 is a javascript plugin that makes it
-                      easy to create simple, beautiful wysiwyg editors with the
-                      help of wysihtml5 and Twitter Bootstrap.
-                    </p>
-
-                    <Form method="post">
-                      <Editor
-                        toolbarClassName="toolbarClassName"
-                        wrapperClassName="wrapperClassName"
-                        editorClassName="editorClassName"
-                      />
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormEditors
diff --git a/Client/src/backoffice/pages/Forms/FormElements/TextualInputs.js b/Client/src/backoffice/pages/Forms/FormElements/TextualInputs.js
deleted file mode 100644
index cfe0524..0000000
--- a/Client/src/backoffice/pages/Forms/FormElements/TextualInputs.js
+++ /dev/null
@@ -1,253 +0,0 @@
-import React, { Component } from "react"
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap";
-
-
-export default class TextualInputs extends Component {
-  render() {
-    return (
-      <Card>
-        <CardBody>
-          <CardTitle className="h4">Textual inputs</CardTitle>
-          <p className="card-title-desc">
-            Here are examples of <code>.form-control</code> applied to each
-            textual HTML5 <code>&lt;input&gt;</code> <code>type</code>.
-          </p>
-
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-text-input"
-              className="col-md-2 col-form-label"
-            >
-              Text
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="text"
-                defaultValue="Artisanal kale"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-search-input"
-              className="col-md-2 col-form-label"
-            >
-              Search
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="search"
-                defaultValue="How do I shoot web"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-email-input"
-              className="col-md-2 col-form-label"
-            >
-              Email
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="email"
-                defaultValue="bootstrap@example.com"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-url-input"
-              className="col-md-2 col-form-label"
-            >
-              URL
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="url"
-                defaultValue="https://getbootstrap.com"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-tel-input"
-              className="col-md-2 col-form-label"
-            >
-              Telephone
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="tel"
-                defaultValue="1-(555)-555-5555"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-password-input"
-              className="col-md-2 col-form-label"
-            >
-              Password
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="password"
-                defaultValue="hunter2"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-number-input"
-              className="col-md-2 col-form-label"
-            >
-              Number
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="number"
-                defaultValue="42"
-                id="example-number-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-datetime-local-input"
-              className="col-md-2 col-form-label"
-            >
-              Date and time
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="datetime-local"
-                defaultValue="2019-08-19T13:45:00"
-                id="example-datetime-local-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-date-input"
-              className="col-md-2 col-form-label"
-            >
-              Date
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="date"
-                defaultValue="2019-08-19"
-                id="example-date-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-month-input"
-              className="col-md-2 col-form-label"
-            >
-              Month
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="month"
-                defaultValue="2019-08"
-                id="example-month-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-week-input"
-              className="col-md-2 col-form-label"
-            >
-              Week
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="week"
-                defaultValue="2019-W33"
-                id="example-week-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-time-input"
-              className="col-md-2 col-form-label"
-            >
-              Time
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control"
-                type="time"
-                defaultValue="13:45:00"
-                id="example-time-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label
-              htmlFor="example-color-input"
-              className="col-md-2 col-form-label"
-            >
-              Color
-            </label>
-            <div className="col-md-10">
-              <input
-                className="form-control form-control-color mw-100"
-                type="color"
-                defaultValue="#556ee6"
-                id="example-color-input"
-              />
-            </div>
-          </div>
-          <div className="mb-3 row">
-            <label className="col-md-2 col-form-label">Select</label>
-            <div className="col-md-10">
-              <select className="form-select">
-                <option>Select</option>
-                <option>Large select</option>
-                <option>Small select</option>
-              </select>
-            </div>
-          </div>
-          <div className="row">
-            <label htmlFor="exampleDataList" className="col-md-2 col-form-label">Datalists</label>
-            <div className="col-md-10">
-              <input className="form-control" list="datalistOptions" id="exampleDataList" placeholder="Type to search..." />
-              <datalist id="datalistOptions">
-                <option value="San Francisco" />
-                <option value="New York" />
-                <option value="Seattle" />
-                <option value="Los Angeles" />
-                <option value="Chicago" />
-              </datalist>
-            </div>
-          </div>
-        </CardBody>
-      </Card>
-    )
-  }
-}
diff --git a/Client/src/backoffice/pages/Forms/FormElements/index.js b/Client/src/backoffice/pages/Forms/FormElements/index.js
deleted file mode 100644
index a6aa169..0000000
--- a/Client/src/backoffice/pages/Forms/FormElements/index.js
+++ /dev/null
@@ -1,963 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-  Label,
-  Input,
-  Button
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../../components/Common/Breadcrumb"
-
-//common
-import TextualInputs from "./TextualInputs"
-
-class FormElements extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      customchk: true,
-      defaultchl: true,
-      toggleSwitch: true,
-      toggleSwitchSize: true,
-      toggleSwitchLarge: true,
-
-      //checkbox categories
-      defaultCheckPrimary: true,
-      defaultCheckSuccess: true,
-      defaultCheckInfo: true,
-      defaultCheckWarning: true,
-      defaultCheckDanger: true,
-      defaultOutlinePrimary: true,
-      defaultOutlineInfo: true,
-      defaultOutlineWarning: true,
-      defaultOutlineDanger: true,
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Form Elements | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Elements" />
-
-            <Row>
-              <Col>
-                <TextualInputs />
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Sizing</CardTitle>
-                    <p className="card-title-desc">
-                      Set heights using classNamees like{" "}
-                      <code>.form-control-lg</code> and{" "}
-                      <code>.form-control-sm</code>.
-                    </p>
-                    <div>
-                      <div className="mb-4">
-                        <input
-                          className="form-control"
-                          type="text"
-                          placeholder="Default input"
-                        />
-                      </div>
-                      <div className="mb-4">
-                        <input
-                          className="form-control form-control-sm"
-                          type="text"
-                          placeholder=".form-control-sm"
-                        />
-                      </div>
-                      <div>
-                        <input
-                          className="form-control form-control-lg"
-                          type="text"
-                          placeholder=".form-control-lg"
-                        />
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Range Inputs</CardTitle>
-                    <p className="card-title-desc">
-                      Set horizontally scrollable range inputs using{" "}
-                      <code>.form-control-range</code>.
-                    </p>
-
-                    <div>
-                      <h5 className="font-size-14">Example</h5>
-                      <input
-                        type="range"
-                        className="form-control-range"
-                        id="formControlRange"
-                      />
-                    </div>
-                    <div className="mt-4">
-                      <h5 className="font-size-14">Custom Range</h5>
-                      <input
-                        type="range"
-                        className="custom-range"
-                        id="customRange1"
-                      />
-                      <input
-                        type="range"
-                        className="custom-range mt-4"
-                        min="0"
-                        max="5"
-                        id="customRange2"
-                      />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Checkboxes</CardTitle>
-
-                    <Row>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14 mb-4">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>
-                            Form Checkboxes
-                          </h5>
-                          <div className="form-check mb-3">
-                            <input
-                              className="form-check-input"
-                              type="checkbox"
-                              value=""
-                              id="defaultCheck1"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="defaultCheck1"
-                            >
-                              Form Checkbox
-                            </label>
-                          </div>
-                          <div className="form-check">
-                            <input
-                              className="form-check-input"
-                              type="checkbox"
-                              value=""
-                              id="defaultCheck2"
-                              defaultChecked
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="defaultCheck2"
-                            >
-                              Form Checkbox checked
-                            </label>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14 mb-4">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>Form Checkboxes Right
-                          </h5>
-                          <div className="form-check form-check-right mb-3">
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="CustomCheck1"
-                              onChange={() => false}
-                              checked={this.state.customchk}
-                            />
-                            <label
-                              className="form-check-label"
-                              onClick={() => {
-                                this.setState({
-                                  customchk: !this.state.customchk,
-                                })
-                              }}
-                            >
-                              Form Checkbox Right
-                            </label>
-                          </div>
-
-                          <div className="form-check form-check-right">
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customCheck2"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customCheck2"
-                            >
-                              Form Checkbox Right checked
-                            </label>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>{" "}
-                            Form Checkboxes colors
-                          </h5>
-                          <p className="sub-header mb-4">
-                            Add class <code>.form-check-* </code> for a
-                            color Checkboxes
-                          </p>
-
-                          <div>
-                            <div className="form-check form-check-primary mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheckcolor1"
-                                checked={this.state.defaultCheckPrimary}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultCheckPrimary: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheckcolor1"
-                              >
-                                Checkbox Primary
-                              </label>
-                            </div>
-                            <div className="form-check  form-check-success mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheckcolor2"
-                                checked={this.state.defaultCheckSuccess}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultCheckSuccess: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheckcolor2"
-                              >
-                                Checkbox Success
-                              </label>
-                            </div>
-                            <div className="form-check form-check-info mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheckcolor3"
-                                checked={this.state.defaultCheckInfo}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultCheckInfo: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheckcolor3"
-                              >
-                                Checkbox Info
-                              </label>
-                            </div>
-                            <div className="form-check  form-check-warning mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheckcolor4"
-                                checked={this.state.defaultCheckWarning}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultCheckWarning: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheckcolor4"
-                              >
-                                Checkbox Warning
-                              </label>
-                            </div>
-                            <div className="form-check form-check-danger">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheckcolor5"
-                                checked={this.state.defaultCheckDanger}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultCheckDanger: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheckcolor5"
-                              >
-                                Checkbox Danger
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>{" "}
-                            Custom Checkboxes Outline
-                          </h5>
-                          <p className="sub-header mb-4">
-                            Add class <code>form-check-outline</code> &{" "}
-                            <code>.form-check-* </code> for a color
-                            Checkboxes
-                          </p>
-
-                          <div>
-                            <div className="form-check form-check-outline form-check-primary mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheck-outlinecolor1"
-                                checked={this.state.defaultOutlinePrimary}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultOutlinePrimary: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheck-outlinecolor1"
-                              >
-                                Checkbox Outline Primary
-                              </label>
-                            </div>
-                            <div className="form-check form-check-outline form-check-success mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheck-outlinecolor2"
-                              // checked={this.state.defaultOutlineInfo}
-                              // onChange={e => {
-                              //   this.setState({
-                              //     defaultOutlineInfo: e.target.checked,
-                              //   })
-                              // }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheck-outlinecolor2"
-                              >
-                                Checkbox Outline Success
-                              </label>
-                            </div>
-                            <div className="form-check form-check-outline form-check-info mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheck-outlinecolor3"
-                                checked={this.state.defaultOutlineInfo}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultOutlineInfo: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheck-outlinecolor3"
-                              >
-                                Checkbox Outline Info
-                              </label>
-                            </div>
-                            <div className="form-check form-check-outline  form-check-warning mb-3">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheck-outlinecolor4"
-                                checked={this.state.defaultOutlineWarning}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultOutlineWarning: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheck-outlinecolor4"
-                              >
-                                Checkbox Outline Warning
-                              </label>
-                            </div>
-                            <div className="form-check form-check-outline form-check-danger">
-                              <input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="customCheck-outlinecolor5"
-                                checked={this.state.defaultOutlineDanger}
-                                onChange={e => {
-                                  this.setState({
-                                    defaultOutlineDanger: e.target.checked,
-                                  })
-                                }}
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customCheck-outlinecolor5"
-                              >
-                                Checkbox Outline Danger
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Radios</CardTitle>
-
-                    <Row>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14 mb-4">Form Radios</h5>
-                          <div className="form-check mb-3">
-                            <input
-                              className="form-check-input"
-                              type="radio"
-                              name="exampleRadios"
-                              id="exampleRadios1"
-                              value="option1"
-                              defaultChecked
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="exampleRadios1"
-                            >
-                              Default radio
-                            </label>
-                          </div>
-                          <div className="form-check">
-                            <input
-                              className="form-check-input"
-                              type="radio"
-                              name="exampleRadios"
-                              id="exampleRadios2"
-                              value="option2"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="exampleRadios2"
-                            >
-                              Form Radio checked
-                            </label>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14 mb-4">Form Radios Right</h5>
-                          <div>
-                            <div className="form-check form-check-right mb-3">
-                              <input
-                                type="radio"
-                                id="customRadio1"
-                                name="customRadio"
-                                className="form-check-input"
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadio1"
-                              >
-                                Form Radio Right
-                            </label>
-                            </div>
-                          </div>
-                          <div>
-                            <div className="form-check form-check-right">
-                              <input
-                                type="radio"
-                                id="customRadio2"
-                                name="customRadio"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadio2"
-                              >
-                                Form Radio Right checked
-                            </label>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                      <div className="col-xl-3 col-sm-6">
-                        <div className="mt-4">
-                          <h5 className="font-size-14">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>{" "}
-                            Form Radio colors
-                          </h5>
-                          <p className="sub-header mb-4">
-                            Add class <code>.form-radio-* </code> for a color
-                            Radios
-                          </p>
-
-                          <div>
-                            <div className="form-check form-radio-primary mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiocolor1"
-                                name="customRadiocolor1"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiocolor1"
-                              >
-                                Radio Primary
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-success mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiocolor2"
-                                name="customRadiocolor2"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiocolor2"
-                              >
-                                Radio Success
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-info mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiocolor3"
-                                name="customRadiocolor3"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiocolor3"
-                              >
-                                Radio Info
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-warning mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiocolor4"
-                                name="customRadiocolor4"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiocolor4"
-                              >
-                                Radio Warning
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-danger">
-                              <input
-                                type="radio"
-                                id="customRadiocolor5"
-                                name="customRadiocolor5"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiocolor5"
-                              >
-                                Radio Danger
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <Col xl={3} sm={6}>
-                        <div className="mt-4">
-                          <h5 className="font-size-14">
-                            <i className="mdi mdi-arrow-right text-primary me-1"></i>{" "}
-                            Custom Radio Outline
-                          </h5>
-                          <p className="sub-header mb-4">
-                            Add class <code>form-radio-outline</code> &{" "}
-                            <code>.form-radio-* </code> for a color Checkboxes
-                          </p>
-
-                          <div>
-                            <div className="form-check form-radio-outline form-radio-primary mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiooutlinecolor1"
-                                name="customRadiooutlinecolor1"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiooutlinecolor1"
-                              >
-                                Radio Outline Primary
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-outline form-radio-success mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiooutlinecolor2"
-                                name="customRadiooutlinecolor2"
-                                className="form-check-input"
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiooutlinecolor2"
-                              >
-                                Radio Outline Success
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-outline form-radio-info mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiooutlinecolor3"
-                                name="customRadiooutlinecolor3"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiooutlinecolor3"
-                              >
-                                Radio Outline Info
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-outline form-radio-warning mb-3">
-                              <input
-                                type="radio"
-                                id="customRadiooutlinecolor4"
-                                name="customRadiooutlinecolor4"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiooutlinecolor4"
-                              >
-                                Radio Outline Warning
-                              </label>
-                            </div>
-                            <div className="form-check form-radio-outline form-radio-danger">
-                              <input
-                                type="radio"
-                                id="customRadiooutlinecolor5"
-                                name="customRadiooutlinecolor5"
-                                className="form-check-input"
-                                defaultChecked
-                              />
-                              <label
-                                className="form-check-label"
-                                htmlFor="customRadiooutlinecolor5"
-                              >
-                                Radio Outline Danger
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Switches</CardTitle>
-                    <p className="card-title-desc">
-                      A switch has the markup of a custom checkbox but uses the{" "}
-                      <code>.custom-switch</code> className to render a toggle
-                      switch. Switches also support the <code>disabled</code>{" "}
-                      attribute.
-                    </p>
-                    <Row>
-                      <Col lg={6}>
-                        <div>
-                          <h5 className="font-size-14 mb-3">Switch examples</h5>
-                          <div
-                            className="form-check form-switch mb-3"
-                            dir="ltr"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customSwitch1"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitch1"
-                              onClick={() => {
-                                this.setState({
-                                  toggleSwitch: !this.state.toggleSwitch,
-                                })
-                              }}
-                            >
-                              Default switch checkbox input
-                            </label>
-                          </div>
-                          <div
-                            className="form-check form-switch mb-3"
-                            dir="ltr"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customSwitch1"
-                              defaultChecked
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitch1"
-                              onClick={() => {
-                                this.setState({
-                                  toggleSwitch: !this.state.toggleSwitch,
-                                })
-                              }}
-                            >
-                              Checked switch checkbox input
-                            </label>
-                          </div>
-                          <div
-                            className="form-check form-switch"
-                            dir="ltr"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              disabled
-                              id="customSwitch2"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitch2"
-                            >
-                              Disabled switch element
-                            </label>
-                          </div>
-                          <div
-                            className="form-check form-switch"
-                            dir="ltr"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              disabled
-                              id="customSwitch2"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitch2"
-                            >
-                              Disabled checked switch element
-                            </label>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col lg={6}>
-                        <div className="mt-4 mt-lg-0">
-                          <h5 className="font-size-14 mb-3">Switch sizes</h5>
-
-                          <div
-                            className="form-check form-switch mb-3"
-                            dir="ltr"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customSwitchsizesm"
-                              defaultChecked
-                              onClick={() => {
-                                this.setState({
-                                  toggleSwitchSize: !this.state
-                                    .toggleSwitchSize,
-                                })
-                              }}
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitchsizesm"
-                            >
-                              Small Size Switch
-                            </label>
-                          </div>
-
-                          <div
-                            className="form-check form-switch form-switch-md mb-3"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customSwitchsizemd"
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitchsizemd"
-                            >
-                              Medium Size Switch
-                            </label>
-                          </div>
-
-                          <div
-                            className="form-check form-switch form-switch-lg mb-3"
-                          >
-                            <input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="customSwitchsizelg"
-                              defaultChecked
-                              onClick={() => {
-                                this.setState({
-                                  toggleSwitchLarge: !this.state
-                                    .toggleSwitchLarge,
-                                })
-                              }}
-                            />
-                            <label
-                              className="form-check-label"
-                              htmlFor="customSwitchsizelg"
-                            >
-                              Large Size Switch
-                            </label>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">File browser</CardTitle>
-                    <div>
-                      <h5 className="font-size-14"><i className="mdi mdi-arrow-right text-primary"></i> Default file input</h5>
-                      <div className="row">
-                        <div className="col-sm-6">
-
-                          <div className="mt-3">
-                            <Label htmlFor="formFile" className="form-label">Default file input example</Label>
-                            <Input className="form-control" type="file" id="formFile" />
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="row">
-                        <div className="col-sm-6">
-                          <div className="mt-4">
-                            <div>
-                              <Label htmlFor="formFileSm" className="form-label">Small file input example</Label>
-                              <Input className="form-control form-control-sm" id="formFileSm" type="file" />
-                            </div>
-                          </div>
-                        </div>
-                        <div className="col-sm-6">
-                          <div className="mt-4">
-                            <div>
-                              <Label htmlFor="formFileLg" className="form-label">Large file input example</Label>
-                              <Input className="form-control form-control-lg" id="formFileLg" type="file" />
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div className="mt-4 pt-2">
-                      <h5 className="font-size-14 mb-0"><i className="mdi mdi-arrow-right text-primary"></i> Custom file input</h5>
-                    </div>
-
-                    <div className="row">
-                      <div className="col-sm-6">
-                        <div className="mt-4">
-
-                          <div>
-                            <Label className="form-label">With Label</Label>
-                            <div className="input-group mb-3">
-                              <Label className="input-group-text" htmlFor="inputGroupFile01">Upload</Label>
-                              <Input type="file" className="form-control" id="inputGroupFile01" />
-                            </div>
-                            <div className="input-group">
-                              <Input type="file" className="form-control" id="inputGroupFile02" />
-                              <Label className="input-group-text" htmlFor="inputGroupFile02">Upload</Label>
-                            </div>
-                          </div>
-
-                        </div>
-                      </div>
-
-                      <div className="col-sm-6">
-                        <div className="mt-4">
-
-                          <div>
-                            <Label className="form-label">With Button</Label>
-                            <div className="input-group mb-3">
-                              <Button color="primary" type="button" id="inputGroupFileAddon03">Button</Button>
-                              <Input type="file" className="form-control" id="inputGroupFile03" aria-describedby="inputGroupFileAddon03" aria-label="Upload" />
-                            </div>
-
-                            <div className="input-group">
-                              <Input type="file" className="form-control" id="inputGroupFile04" aria-describedby="inputGroupFileAddon04" aria-label="Upload" />
-                              <Button color="primary" type="button" id="inputGroupFileAddon04">Button</Button>
-                            </div>
-                          </div>
-
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormElements
diff --git a/Client/src/backoffice/pages/Forms/FormLayouts.js b/Client/src/backoffice/pages/Forms/FormLayouts.js
deleted file mode 100644
index b314852..0000000
--- a/Client/src/backoffice/pages/Forms/FormLayouts.js
+++ /dev/null
@@ -1,363 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  Col,
-  Container,
-  Row,
-  CardBody,
-  CardTitle,
-  FormGroup,
-  Label,
-  Button,
-  Form,
-  Input,
-  InputGroupAddon,
-  InputGroupText,
-  InputGroup,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormLayouts extends Component {
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Form Layouts | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Layouts" />
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">Form Grid Layout</CardTitle>
-
-                    <Form>
-                      <FormGroup className="mb-3">
-                        <Label htmlFor="formrow-firstname-Input">First name</Label>
-                        <Input
-                          type="text"
-                          className="form-control"
-                          id="formrow-firstname-Input"
-                        />
-                      </FormGroup>
-
-                      <Row>
-                        <Col md={6}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formrow-email-Input">Email</Label>
-                            <Input
-                              type="email"
-                              className="form-control"
-                              id="formrow-email-Input"
-                            />
-                          </FormGroup>
-                        </Col>
-                        <Col md={6}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formrow-password-Input">Password</Label>
-                            <Input
-                              type="password"
-                              className="form-control"
-                              id="formrow-password-Input"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-
-                      <Row>
-                        <Col lg={4}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formrow-InputCity">City</Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="formrow-InputCity"
-                            />
-                          </FormGroup>
-                        </Col>
-                        <Col lg={4}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formrow-InputState">State</Label>
-                            <Input
-                              id="formrow-InputState"
-                              className="form-control"
-                              type="select"
-                            >
-                              <option>Choose...</option>
-                              <option>...</option>
-                            </Input>
-                          </FormGroup>
-                        </Col>
-
-                        <Col lg={4}>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formrow-InputZip">Zip</Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="formrow-InputZip"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-
-                      <FormGroup className="mb-3">
-                        <div className="form-check">
-                          <Input
-                            type="checkbox"
-                            className="form-check-input"
-                            id="formrow-customCheck"
-                          />
-                          <Label
-                            className="form-check-label"
-                            htmlFor="formrow-customCheck"
-                          >{" "}
-                            Check me out
-                          </Label>
-                        </div>
-                      </FormGroup>
-                      <div>
-                        <button type="submit" className="btn btn-primary w-md">
-                          Submit
-                        </button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">
-                      Horizontal form layout
-                    </CardTitle>
-
-                    <Form>
-                      <FormGroup className="row mb-4">
-                        <Label
-                          htmlFor="horizontal-firstname-Input"
-                          className="col-sm-3 col-form-label"
-                        >
-                          First name
-                        </Label>
-                        <Col sm={9}>
-                          <Input
-                            type="text"
-                            className="form-control"
-                            id="horizontal-firstname-Input"
-                          />
-                        </Col>
-                      </FormGroup>
-                      <FormGroup className="row mb-4">
-                        <Label
-                          htmlFor="horizontal-email-Input"
-                          className="col-sm-3 col-form-label"
-                        >
-                          Email
-                        </Label>
-                        <Col sm={9}>
-                          <Input
-                            type="email"
-                            className="form-control"
-                            id="horizontal-email-Input"
-                          />
-                        </Col>
-                      </FormGroup>
-                      <FormGroup className="row mb-4">
-                        <Label
-                          htmlFor="horizontal-password-Input"
-                          className="col-sm-3 col-form-label"
-                        >
-                          Password
-                        </Label>
-                        <Col sm={9}>
-                          <Input
-                            type="password"
-                            className="form-control"
-                            id="horizontal-password-Input"
-                          />
-                        </Col>
-                      </FormGroup>
-
-                      <FormGroup className="row justify-content-end">
-                        <Col sm={9}>
-                          <div className="form-check mb-4">
-                            <Input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="horizontal-customCheck"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="horizontal-customCheck"
-                            >
-                              Remember me
-                            </Label>
-                          </div>
-
-                          <div>
-                            <Button
-                              type="submit"
-                              color="primary"
-                              className="w-md"
-                            >
-                              Submit
-                            </Button>
-                          </div>
-                        </Col>
-                      </FormGroup>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            {/* end row  */}
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">Auto Sizing</CardTitle>
-
-                    <Form className="row gy-2 gx-3 align-items-center">
-                      <div className="col-sm-auto">
-                        <Label className="visually-hidden" htmlFor="autoSizingInput">Name</Label>
-                        <Input type="text" className="form-control" id="autoSizingInput" placeholder="Jane Doe" />
-                      </div>
-                      <div className="col-sm-auto">
-                        <Label className="visually-hidden" htmlFor="autoSizingInputGroup">Username</Label>
-                        <InputGroup className="me-sm-3">
-                          <InputGroupAddon addonType="prepend">
-                            <InputGroupText>@</InputGroupText>
-                          </InputGroupAddon>
-                          <Input type="text" className="form-control" placeholder="Username" />
-                        </InputGroup>
-                      </div>
-                      <div className="col-sm-auto">
-                        <Label className="visually-hidden" htmlFor="autoSizingSelect">Preference</Label>
-                        <Input type="select" className="form-select" id="autoSizingSelect">
-                          <option defaultValue>Choose...</option>
-                          <option>One</option>
-                          <option>Two</option>
-                          <option>Three</option>
-                        </Input>
-                      </div>
-                      <div className="col-sm-auto">
-                        <div className="form-check">
-                          <Input className="form-check-input" type="checkbox" id="autoSizingCheck" />
-                          <Label className="form-check-label" htmlFor="autoSizingCheck">
-                            Remember me
-                                                    </Label>
-                        </div>
-                      </div>
-                      <div className="col-sm-auto">
-                        <Button type="submit" color="primary" className="w-md">Submit</Button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5 mb-4">Inline forms</CardTitle>
-                    <Form className="row row-cols-lg-auto g-3 align-items-center">
-                      <div className="col-12">
-                        <Label className="visually-hidden" htmlFor="inlineFormInputGroupUsername">Username</Label>
-                        <InputGroup>
-                          <InputGroupAddon addonType="prepend">
-                            <InputGroupText>@</InputGroupText>
-                          </InputGroupAddon>
-                          <Input type="text" className="form-control" placeholder="Username" />
-                        </InputGroup>
-                      </div>
-
-                      <div className="col-12">
-                        <Label className="visually-hidden" htmlFor="inlineFormSelectPref">Preference</Label>
-                        <Input type="select" className="form-select" id="inlineFormSelectPref">
-                          <option defaultValue>Choose...</option>
-                          <option>One</option>
-                          <option>Two</option>
-                          <option>Three</option>
-                        </Input>
-                      </div>
-
-                      <div className="col-12">
-                        <div className="form-check">
-                          <Input className="form-check-input" type="checkbox" id="inlineFormCheck" />
-                          <Label className="form-check-label" htmlFor="inlineFormCheck">
-                            Remember me</Label>
-                        </div>
-                      </div>
-
-                      <div className="col-12">
-                        <Button type="submit" color="primary" className="w-md">Submit</Button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5">Floating labels
-                    </CardTitle>
-                    <p className="card-title-desc">Create beautifully simple form labels that float over your input fields.</p>
-                    <Form>
-                      <div className="form-floating mb-3">
-                        <Input type="text" className="form-control" id="floatingnameInput" placeholder="Enter Name" />
-                        <Label htmlFor="floatingnameInput">Name</Label>
-                      </div>
-                      <Row>
-                        <Col mg={6}>
-                          <div className="form-floating mb-3">
-                            <input type="email" className="form-control" id="floatingemailInput" placeholder="Enter Email address" />
-                            <Label htmlFor="floatingemailInput">Email address</Label>
-                          </div>
-                        </Col>
-                        <Col mg={6}>
-                          <div className="form-floating mb-3">
-                            <Input type="select" className="form-select" id="floatingSelectGrid" aria-label="Floating label select example">
-                              <option defaultValue>Open this select menu</option>
-                              <option>One</option>
-                              <option>Two</option>
-                              <option>Three</option>
-                            </Input>
-                            <Label htmlFor="floatingSelectGrid">Works with selects</Label>
-                          </div>
-                        </Col>
-                      </Row>
-
-                      <div className="mb-3">
-                        <div className="form-check">
-                          <Input className="form-check-input" type="checkbox" id="floatingCheck" />
-                          <Label className="form-check-label" htmlFor="floatingCheck">
-                            Check me out</Label>
-                        </div>
-                      </div>
-                      <div>
-                        <Button type="submit" color="primary" className="w-md">Submit</Button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-          {/* container-fluid */}
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormLayouts
diff --git a/Client/src/backoffice/pages/Forms/FormMask.js b/Client/src/backoffice/pages/Forms/FormMask.js
deleted file mode 100644
index 2c440f1..0000000
--- a/Client/src/backoffice/pages/Forms/FormMask.js
+++ /dev/null
@@ -1,270 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  FormGroup,
-  Label,
-  Row,
-} from "reactstrap"
-
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-// Form Mask
-import InputMask from "react-input-mask"
-import MaterialInput from "@material-ui/core/Input"
-
-class FormMask extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const ISBN1 = props => (
-      <InputMask
-        mask="999-99-999-9999-99-9"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const ISBN2 = props => (
-      <InputMask
-        mask="999 99 999 9999 99 9"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const ISBN3 = props => (
-      <InputMask
-        mask="999/99/999/9999/99/9"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const IPV4 = props => (
-      <InputMask
-        mask="999.999.999.999"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const IPV6 = props => (
-      <InputMask
-        mask="****:****:****:*:***:****:****:****"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => <MaterialInput {...inputProps} disableUnderline />}
-      </InputMask>
-    )
-
-    const TAX = props => (
-      <InputMask
-        mask="99-9999999"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const Phone = props => (
-      <InputMask
-        mask="(999) 999-9999"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const Currency = props => (
-      <InputMask
-        mask="$ 999,999,999.99"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput
-            {...inputProps}
-            prefix="$"
-            type="tel"
-            disableUnderline
-          />
-        )}
-      </InputMask>
-    )
-
-    const Date1 = props => (
-      <InputMask
-        mask="99/99/9999"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    const Date2 = props => (
-      <InputMask
-        mask="99-99-9999"
-        value={props.value}
-        className="form-control input-mask"
-        onChange={props.onChange}
-      >
-        {inputProps => (
-          <MaterialInput {...inputProps} type="tel" disableUnderline />
-        )}
-      </InputMask>
-    )
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Form Mask | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Mask" />
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Example</CardTitle>
-                    <Row>
-                      <Col md="6">
-                        <div className="p-20">
-                          <Form action="#">
-                            <FormGroup className="mb-4">
-                              <Label>ISBN 1</Label>
-                              <ISBN1 />
-                              <span className="font-13 text-muted">
-                                e.g "999-99-999-9999-9"
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>ISBN 2</Label>
-                              <ISBN2 />
-                              <span className="font-13 text-muted">
-                                999 99 999 9999 9
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>ISBN 3</Label>
-                              <ISBN3 />
-                              <span className="font-13 text-muted">
-                                999/99/999/9999/9
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>IPV4</Label>
-                              <IPV4 />
-                              <span className="font-13 text-muted">
-                                192.168.110.310
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-0">
-                              <Label>IPV6</Label>
-                              <IPV6 />
-                              <span className="font-13 text-muted">
-                                4deg:1340:6547:2:540:h8je:ve73:98pd
-                              </span>
-                            </FormGroup>
-                          </Form>
-                        </div>
-                      </Col>
-
-                      <Col md="6">
-                        <div className="p-20">
-                          <Form action="#">
-                            <FormGroup className="mb-4">
-                              <Label>Tax ID</Label>
-                              <TAX />
-                              <span className="font-13 text-muted">
-                                99-9999999
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>Phone</Label>
-                              <Phone />
-                              <span className="font-13 text-muted">
-                                (999) 999-9999
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>Currency</Label>
-                              <Currency />
-                              <span className="font-13 text-muted">
-                                $ 999,999,999.99
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-4">
-                              <Label>Date</Label>
-                              <Date1 />
-                              <span className="font-13 text-muted">
-                                dd/mm/yyyy
-                              </span>
-                            </FormGroup>
-                            <FormGroup className="mb-0">
-                              <Label>Date 2</Label>
-                              <Date2 />
-                              <span className="font-13 text-muted">
-                                dd-mm-yyyy
-                              </span>
-                            </FormGroup>
-                          </Form>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormMask
diff --git a/Client/src/backoffice/pages/Forms/FormRepeater.js b/Client/src/backoffice/pages/Forms/FormRepeater.js
deleted file mode 100644
index 44c0aa4..0000000
--- a/Client/src/backoffice/pages/Forms/FormRepeater.js
+++ /dev/null
@@ -1,370 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  FormGroup,
-  Input,
-  Label,
-  Row,
-} from "reactstrap"
-
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormRepeater extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      rows: [],
-      rows1: [],
-    }
-  }
-
-  handleAddRow = () => {
-    const item = {
-      name: "",
-    }
-    this.setState({
-      rows: [...this.state.rows, item],
-    })
-  }
-
-  handleAddRowNested = () => {
-    const item1 = {
-      name1: "",
-    }
-    this.setState({
-      rows1: [...this.state.rows1, item1],
-    })
-  }
-  handleRemoveRow = (e, idx) => {
-    if (typeof idx != "undefined")
-      document.getElementById("addr" + idx).style.display = "none"
-  }
-  handleRemoveRowNested = (e, idx) => {
-    document.getElementById("nested" + idx).style.display = "none"
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Form Repeater | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Repeater" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Example</CardTitle>
-                    <table style={{ width: "100%" }}>
-                      <tbody>
-                        <tr id="addr01" key="">
-                          <td>
-                            <Form
-                              className="repeater"
-                              encType="multipart/form-data"
-                            >
-                              <div data-repeater-list="group-a">
-                                <Row data-repeater-item>
-                                  <Col lg="2" className="mb-3">
-                                    <Label htmlFor="name">Name</Label>
-                                    <Input
-                                      type="text"
-                                      id="name"
-                                      name="untyped-input"
-                                      className="form-control"
-                                    />
-                                  </Col>
-
-                                  <Col lg="2" className="mb-3">
-                                    <Label htmlFor="email">Email</Label>
-                                    <Input
-                                      type="email"
-                                      id="email"
-                                      className="form-control"
-                                    />
-                                  </Col>
-
-                                  <Col lg="2" className="mb-3">
-                                    <Label htmlFor="subject">Subject</Label>
-                                    <Input
-                                      type="text"
-                                      id="subject"
-                                      className="form-control"
-                                    />
-                                  </Col>
-
-                                  <Col lg="2" className="mb-3">
-                                    <Label htmlFor="resume">Resume</Label>
-                                    <Input
-                                      type="file"
-                                      id="resume"
-                                      className="form-control-file"
-                                    />
-                                  </Col>
-
-                                  <Col lg="2" className="mb-3">
-                                    <Label htmlFor="message">Message</Label>
-                                    <Input type="textarea" id="message" />
-                                  </Col>
-                                  <Col
-                                    lg="2"
-                                    className="align-self-center"
-                                  >
-                                    <div className="d-grid">
-                                      <Button
-                                        onClick={e =>
-                                          this.handleRemoveRow(e, "01")
-                                        }
-                                        color="primary"
-                                        style={{ width: "100%" }}
-                                        block
-                                      >
-                                        {" "}
-                                      Delete
-                                    </Button>
-                                    </div>
-                                  </Col>
-                                </Row>
-                              </div>
-                            </Form>
-                          </td>
-                        </tr>
-
-                        {this.state.rows.map((item, idx) => (
-                          <tr id={"addr" + idx} key={idx}>
-                            <td>
-                              <Form
-                                className="repeater mt-3"
-                                encType="multipart/form-data"
-                              >
-                                <div data-repeater-list="group-a">
-                                  <Row data-repeater-item>
-                                    <Col lg="2" className="mb-3">
-                                      <Label htmlFor="name">
-                                        Name {idx + 1}
-                                      </Label>
-                                      <Input
-                                        type="text"
-                                        id="name"
-                                        name="untyped-input"
-                                      />
-                                    </Col>
-
-                                    <Col lg="2" className="mb-3">
-                                      <Label htmlFor="email">Email</Label>
-                                      <Input type="email" id="email" />
-                                    </Col>
-
-                                    <Col lg="2" className="mb-3">
-                                      <Label htmlFor="subject">Subject</Label>
-                                      <Input type="text" id="subject" />
-                                    </Col>
-
-                                    <Col lg="2" className="mb-3">
-                                      <Label htmlFor="resume">Resume</Label>
-                                      <Input type="file" id="resume" />
-                                    </Col>
-
-                                    <Col lg="2" className="mb-3">
-                                      <Label htmlFor="message">Message</Label>
-                                      <Input type="textarea" id="message" />
-                                    </Col>
-                                    <Col
-                                      lg="2"
-                                      className="form-group align-self-center"
-                                    >
-                                      <Button
-                                        onClick={e =>
-                                          this.handleRemoveRow(e, idx)
-                                        }
-                                        color="primary"
-                                        className="mt-3"
-                                        style={{ width: "100%" }}
-                                      >
-                                        Delete
-                                      </Button>
-                                    </Col>
-                                  </Row>
-                                </div>
-                              </Form>
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                    <Button onClick={this.handleAddRow} color="success" className="mt-3 mt-lg-0">
-                      Add{" "}
-                    </Button>{" "}
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Nested</CardTitle>
-                    <Form className="outer-repeater">
-                      <div data-repeater-list="outer-group" className="outer">
-                        <div data-repeater-item className="outer">
-                          <div className="mb-3">
-                            <Label htmlFor="formname">Name : </Label>
-                            <Input
-                              type="text"
-                              id="formname"
-                              placeholder="Enter your Name..."
-                              className="form-control"
-                            />
-                          </div>
-
-                          <div className="mb-3">
-                            <Label htmlFor="formemail">Email :</Label>
-                            <Input
-                              type="email"
-                              id="formemail"
-                              placeholder="Enter your Email..."
-                              className="form-control"
-                            />
-                          </div>
-
-                          <div className="inner-repeater mb-4">
-                            <Label>Phone no :</Label>
-                            <table style={{ width: "100%" }}>
-                              <tbody>
-                                <tr id="addrMain" key="">
-                                  <td>
-                                    <Row className="inner mb-3 ">
-                                      <Col md="10" className="col-8">
-                                        <Input
-                                          type="text"
-                                          className="inner form-control"
-                                          placeholder="Enter your phone no... 1"
-                                        />
-                                      </Col>
-                                      <Col md="2" className="col-4">
-                                        <Button
-                                          disabled
-                                          color="primary"
-                                          className="btn-block inner"
-                                          style={{ width: "100%" }}
-                                        >
-                                          {" "}
-                                          Delete
-                                        </Button>
-                                      </Col>
-                                    </Row>
-                                  </td>
-                                </tr>
-
-                                {this.state.rows1.map((item1, idx) => (
-                                  <tr id={"nested" + idx} key={idx}>
-                                    <td>
-                                      <Row className="inner mb-3">
-                                        <Col md="10" className="col-8">
-                                          <Input
-                                            type="text"
-                                            className="inner form-control"
-                                            placeholder={
-                                              "Enter your phone no... " +
-                                              (idx + 2)
-                                            }
-                                          />
-                                        </Col>
-                                        <Col md="2" className="col-4">
-                                          <Button
-                                            onClick={e =>
-                                              this.handleRemoveRowNested(e, idx)
-                                            }
-                                            color="primary"
-                                            className="btn-block inner"
-                                            style={{ width: "100%" }}
-                                          >
-                                            {" "}
-                                            Delete
-                                          </Button>
-                                        </Col>
-                                      </Row>
-                                    </td>
-                                  </tr>
-                                ))}
-                              </tbody>
-                            </table>
-                            <Button
-                              onClick={this.handleAddRowNested}
-                              color="success"
-                            >
-                              Add Number
-                            </Button>
-                          </div>
-
-                          <FormGroup className="mb-3">
-                            <Label className="d-block mb-3">Gender :</Label>
-                            <div className="form-check form-check-inline">
-                              <Input
-                                type="radio"
-                                id="customRadioInline1"
-                                name="customRadioInline1"
-                                className="form-check-input"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="customRadioInline1"
-                              >
-                                Male
-                              </Label>
-                            </div>
-                            &nbsp;
-                            <div className="form-check form-check-inline">
-                              <Input
-                                type="radio"
-                                id="customRadioInline2"
-                                name="customRadioInline1"
-                                className="form-check-input"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="customRadioInline2"
-                              >
-                                Female
-                              </Label>
-                            </div>
-                          </FormGroup>
-
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="formmessage">Message :</Label>
-                            <Input
-                              type="textarea"
-                              id="formmessage"
-                              className="form-control"
-                              rows="3"
-                            />
-                          </FormGroup>
-                          <Button type="submit" color="primary">
-                            Submit
-                          </Button>
-                        </div>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormRepeater
diff --git a/Client/src/backoffice/pages/Forms/FormUpload.js b/Client/src/backoffice/pages/Forms/FormUpload.js
deleted file mode 100644
index 2dd9b98..0000000
--- a/Client/src/backoffice/pages/Forms/FormUpload.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Form,
-  Row,
-} from "reactstrap"
-import Dropzone from "react-dropzone"
-
-// Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-import { Link } from "react-router-dom"
-
-class FormUpload extends Component {
-  constructor(props) {
-    super(props)
-    this.handleAcceptedFiles = this.handleAcceptedFiles.bind(this)
-    this.state = { selectedFiles: [] }
-  }
-
-  handleAcceptedFiles = files => {
-    files.map(file =>
-      Object.assign(file, {
-        preview: URL.createObjectURL(file),
-        formattedSize: this.formatBytes(file.size),
-      })
-    )
-
-    this.setState({ selectedFiles: files })
-  }
-
-  /**
-   * Formats the size
-   */
-  formatBytes = (bytes, decimals = 2) => {
-    if (bytes === 0) return "0 Bytes"
-    const k = 1024
-    const dm = decimals < 0 ? 0 : decimals
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]
-
-    const i = Math.floor(Math.log(bytes) / Math.log(k))
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i]
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Form File Upload | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form File Upload" />
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dropzone</CardTitle>
-                    <p className="card-title-desc">
-                      {" "}
-                      DropzoneJS is an open source library that provides
-                      drag’n’drop file uploads with image previews.
-                    </p>
-                    <Form>
-                      <Dropzone
-                        onDrop={acceptedFiles =>
-                          this.handleAcceptedFiles(acceptedFiles)
-                        }
-                      >
-                        {({ getRootProps, getInputProps }) => (
-                          <div className="dropzone">
-                            <div
-                              className="dz-message needsclick"
-                              {...getRootProps()}
-                            >
-                              <input {...getInputProps()} />
-                              <div className="mb-3">
-                                <i className="display-4 text-muted bx bxs-cloud-upload"/>
-                              </div>
-                              <h4>Drop files here or click to upload.</h4>
-                            </div>
-                          </div>
-                        )}
-                      </Dropzone>
-                      <div
-                        className="dropzone-previews mt-3"
-                        id="file-previews"
-                      >
-                        {this.state.selectedFiles.map((f, i) => {
-                          return (
-                            <Card
-                              className="mt-1 mb-0 shadow-none border dz-processing dz-image-preview dz-success dz-complete"
-                              key={i + "-file"}
-                            >
-                              <div className="p-2">
-                                <Row className="align-items-center">
-                                  <Col className="col-auto">
-                                    <img
-                                      data-dz-thumbnail=""
-                                      height="80"
-                                      className="avatar-sm rounded bg-light"
-                                      alt={f.name}
-                                      src={f.preview}
-                                    />
-                                  </Col>
-                                  <Col>
-                                    <Link
-                                      to="#"
-                                      className="text-muted font-weight-bold"
-                                    >
-                                      {f.name}
-                                    </Link>
-                                    <p className="mb-0">
-                                      <strong>{f.formattedSize}</strong>
-                                    </p>
-                                  </Col>
-                                </Row>
-                              </div>
-                            </Card>
-                          )
-                        })}
-                      </div>
-                    </Form>
-
-                    <div className="text-center mt-4">
-                      <button
-                        type="button"
-                        className="btn btn-primary waves-effect waves-light"
-                      >
-                        Send Files
-                      </button>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormUpload
diff --git a/Client/src/backoffice/pages/Forms/FormValidations.js b/Client/src/backoffice/pages/Forms/FormValidations.js
deleted file mode 100644
index 32537c0..0000000
--- a/Client/src/backoffice/pages/Forms/FormValidations.js
+++ /dev/null
@@ -1,634 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  FormGroup,
-  Input,
-  Label,
-  Row,
-} from "reactstrap"
-import { AvField, AvForm } from "availity-reactstrap-validation"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormValidations extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      fnm: false,
-      lnm: false,
-      unm: false,
-      city: false,
-      stateV: false,
-    }
-    this.handleSubmit = this.handleSubmit.bind(this)
-    this.changeHandeler.bind(this)
-  }
-
-  handleSubmit(e) {
-    e.preventDefault()
-    var fnm = document.getElementById("validationTooltip01").value
-    var lnm = document.getElementById("validationTooltip02").value
-    var unm = document.getElementById("validationTooltipUsername").value
-    var city = document.getElementById("validationTooltip03").value
-    var stateV = document.getElementById("validationTooltip04").value
-
-    if (fnm === "") {
-      this.setState({ fnm: false })
-    } else {
-      this.setState({ fnm: true })
-    }
-
-    if (lnm === "") {
-      this.setState({ lnm: false })
-    } else {
-      this.setState({ lnm: true })
-    }
-
-    if (unm === "") {
-      this.setState({ unm: false })
-    } else {
-      this.setState({ unm: true })
-    }
-
-    if (city === "") {
-      this.setState({ city: false })
-    } else {
-      this.setState({ city: true })
-    }
-
-    if (stateV === "") {
-      this.setState({ stateV: false })
-    } else {
-      this.setState({ stateV: true })
-    }
-
-    var d1 = document.getElementsByName("validate")
-
-    document.getElementById("tooltipForm").classList.add("was-validated")
-
-    for (var i = 0; i < d1.length; i++) {
-      d1[i].style.display = "block"
-    }
-  }
-
-  //for change tooltip display propery
-  changeHandeler(event, eleId) {
-    if (event.target.value !== "")
-      document.getElementById(eleId).style.display = "none"
-    else document.getElementById(eleId).style.display = "block"
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Form Validation | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Validation" />
-            <Row>
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">React Validation - Normal</h4>
-                    <p className="card-title-desc">
-                      Provide valuable, actionable feedback to your users with
-                      HTML5 form validation–available in all our supported
-                      browsers.
-                    </p>
-                    <AvForm className="needs-validation">
-                      <Row>
-                        <Col md="6">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="validationCustom01">
-                              First name
-                            </Label>
-                            <AvField
-                              name="firstname"
-                              placeholder="First name"
-                              type="text"
-                              errorMessage="Enter First Name"
-                              className="form-control"
-                              validate={{ required: { value: true } }}
-                              id="validationCustom01"
-                            />
-                          </FormGroup>
-                        </Col>
-                        <Col md="6">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="validationCustom02">
-                              Last name
-                            </Label>
-                            <AvField
-                              name="lastname"
-                              placeholder="Last name"
-                              type="text"
-                              errorMessage="Enter Last name"
-                              className="form-control"
-                              validate={{ required: { value: true } }}
-                              id="validationCustom02"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <Row>
-                        <Col md="4">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="validationCustom03">City</Label>
-                            <AvField
-                              name="city"
-                              placeholder="City"
-                              type="text"
-                              errorMessage=" Please provide a valid city."
-                              className="form-control"
-                              validate={{ required: { value: true } }}
-                              id="validationCustom03"
-                            />
-                          </FormGroup>
-                        </Col>
-                        <Col md="4">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="validationCustom04">State</Label>
-                            <AvField
-                              name="state"
-                              placeholder="State"
-                              type="text"
-                              errorMessage="Please provide a valid state."
-                              className="form-control"
-                              validate={{ required: { value: true } }}
-                              id="validationCustom04"
-                            />
-                          </FormGroup>
-                        </Col>
-                        <Col md="4">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="validationCustom05">Zip</Label>
-                            <AvField
-                              name="zip"
-                              placeholder="Zip Code"
-                              type="text"
-                              errorMessage=" Please provide a valid zip."
-                              className="form-control"
-                              validate={{ required: { value: true } }}
-                              id="validationCustom05"
-                            />
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <Row>
-                        <Col lg="12">
-                          <FormGroup className="mb-3">
-                            <div className="form-check">
-                              <Input
-                                type="checkbox"
-                                className="form-check-input"
-                                id="invalidCheck"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="invalidCheck"
-                              >{" "}
-                            Agree to terms and conditions
-                          </Label>
-                            </div>
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <Button color="primary" type="submit">
-                        Submit form
-                      </Button>
-                    </AvForm>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">
-                      React Validation (Tooltips)
-                    </h4>
-                    <p className="card-title-desc">
-                      If your form layout allows it, you can swap the{" "}
-                      <code>.-feedback</code> classes for <code>.-tooltip</code>{" "}
-                      classes to display validation feedback in a styled
-                      tooltip.
-                    </p>
-                    <form
-                      className="needs-validation"
-                      method="post"
-                      id="tooltipForm"
-                      onSubmit={this.handleSubmit}
-                    >
-                      <Row>
-                        <Col md="4">
-                          <FormGroup className="mb-3 position-relative">
-                            <Label htmlFor="validationTooltip01">
-                              First name
-                            </Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="validationTooltip01"
-                              placeholder="First name"
-                              onChange={event =>
-                                this.changeHandeler(event, "validate1")
-                              }
-                            />
-
-                            <div
-                              className={
-                                this.state.fnm === true
-                                  ? "valid-tooltip"
-                                  : "invalid-tooltip"
-                              }
-                              name="validate"
-                              id="validate1"
-                            >
-                              {this.state.fnm === true
-                                ? "Looks good!"
-                                : "Please Enter Valid First Name"}
-                            </div>
-                          </FormGroup>
-                        </Col>
-                        <Col md="4">
-                          <FormGroup className="mb-3 position-relative">
-                            <Label htmlFor="validationTooltip02">
-                              Last name
-                            </Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="validationTooltip02"
-                              placeholder="Last name"
-                              onChange={event =>
-                                this.changeHandeler(event, "validate2")
-                              }
-                            />
-                            <div
-                              className={
-                                this.state.lnm === true
-                                  ? "valid-tooltip"
-                                  : "invalid-tooltip"
-                              }
-                              name="validate"
-                              id="validate2"
-                            >
-                              {this.state.lnm === true
-                                ? "Looks good!"
-                                : "Please Enter Valid Last Name"}
-                            </div>
-                          </FormGroup>
-                        </Col>
-                        <Col md="4">
-                          <FormGroup className="mb-3 position-relative">
-                            <Label htmlFor="validationTooltipUsername">
-                              Username
-                            </Label>
-                            <div className="input-group">
-                              <div className="input-group-prepend">
-                                <span
-                                  className="input-group-text"
-                                  id="validationTooltipUsernamePrepend"
-                                >
-                                  @
-                                </span>
-                              </div>
-                              <Input
-                                type="text"
-                                className="form-control"
-                                id="validationTooltipUsername"
-                                placeholder="Username"
-                                onChange={event =>
-                                  this.changeHandeler(event, "validate3")
-                                }
-                              />
-                              <div
-                                className={
-                                  this.state.unm === true
-                                    ? "valid-tooltip"
-                                    : "invalid-tooltip"
-                                }
-                                name="validate"
-                                id="validate3"
-                              >
-                                {this.state.unm === true
-                                  ? "Looks good!"
-                                  : "Please choose a unique and valid username."}
-                              </div>
-                            </div>
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <Row>
-                        <Col md="6">
-                          <FormGroup className="mb-3 position-relative">
-                            <Label htmlFor="validationTooltip03">City</Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="validationTooltip03"
-                              placeholder="City"
-                              onChange={event =>
-                                this.changeHandeler(event, "validate4")
-                              }
-                            />
-                            <div
-                              className={
-                                this.state.city === true
-                                  ? "valid-tooltip"
-                                  : "invalid-tooltip"
-                              }
-                              name="validate"
-                              id="validate4"
-                            >
-                              {this.state.city === true
-                                ? "Looks good!"
-                                : "Please choose a unique and valid username.Please provide a valid city."}
-                            </div>
-                          </FormGroup>
-                        </Col>
-                        <Col md="6">
-                          <FormGroup className="mb-3 position-relative">
-                            <Label htmlFor="validationTooltip04">State</Label>
-                            <Input
-                              type="text"
-                              className="form-control"
-                              id="validationTooltip04"
-                              placeholder="State"
-                              onChange={event =>
-                                this.changeHandeler(event, "validate5")
-                              }
-                            />
-                            <div
-                              className={
-                                this.state.stateV === true
-                                  ? "valid-tooltip"
-                                  : "invalid-tooltip"
-                              }
-                              name="validate"
-                              id="validate5"
-                            >
-                              {this.state.stateV === true
-                                ? "Looks good!"
-                                : "Please provide a valid state."}
-                            </div>
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <Button color="primary" type="submit">
-                        Submit form
-                      </Button>
-                    </form>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Validation type</CardTitle>
-                    <p className="card-title-desc">
-                      Parsley is a availity reactstrap validation. It helps you
-                      provide your users with feedback on their form submission
-                      before sending it to your server.
-                    </p>
-
-                    <AvForm>
-                      <div className="mb-3">
-                        <AvField
-                          name="username"
-                          label="Required  "
-                          placeholder="Type Something"
-                          type="text"
-                          errorMessage="Enter Name"
-                          validate={{ required: { value: true } }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <Label>Equal To</Label>
-                        <AvField
-                          name="password"
-                          type="password"
-                          placeholder="Password"
-                          errorMessage="Enter password"
-                          validate={{ required: { value: true } }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="password1"
-                          type="password"
-                          placeholder="Re-type Password"
-                          errorMessage="Enter Re-password"
-                          validate={{
-                            required: { value: true },
-                            match: { value: "password" },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="email"
-                          label="E-Mail"
-                          placeholder="Enter Valid Email"
-                          type="email"
-                          errorMessage="Invalid Email"
-                          validate={{
-                            required: { value: true },
-                            email: { value: true },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="digits"
-                          label="Digits  "
-                          placeholder="Enter Only Digits"
-                          type="number"
-                          errorMessage="Enter Only Digits"
-                          validate={{
-                            required: { value: true },
-                            pattern: {
-                              value: "^[0-9]+$",
-                              errorMessage: "Only Digits",
-                            },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="number"
-                          label="Number  "
-                          placeholder="Enter Only number"
-                          type="number"
-                          errorMessage="Enter Only Number"
-                          validate={{
-                            required: { value: true },
-                            pattern: {
-                              value: "^[0-9]+$",
-                              errorMessage: "Only Numbers",
-                            },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="alphanumeric"
-                          label="Alphanumeric  "
-                          placeholder="Enter Only alphanumeric value"
-                          type="text"
-                          errorMessage="Enter Only Alphanumeric"
-                          validate={{
-                            required: { value: true },
-                            pattern: {
-                              value: "^[0-9a-zA-Z]+$",
-                              errorMessage: "Only Alphanumeric",
-                            },
-                          }}
-                        />
-                      </div>
-                      <div className="d-flex flex-wrap gap-2">
-                        <Button
-                          type="submit"
-                          color="primary"
-                          className="waves-effect waves-light"
-                        >
-                          Submit
-                          </Button>{" "}
-                        <Button type="reset" color="secondary" className="waves-effect">
-                          Cancel
-                          </Button>
-                      </div>
-                    </AvForm>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Range validation</CardTitle>
-                    <p className="card-title-desc">
-                      Parsley is a availity reactstrap validation. It helps you
-                      provide your users with feedback on their form submission
-                      before sending it to your server.
-                    </p>
-
-                    <AvForm>
-                      <div className="mb-3">
-                        <AvField
-                          name="Min_Length"
-                          label="Min Length  "
-                          placeholder="Min 6 chars"
-                          type="number"
-                          errorMessage="Min 6 chars."
-                          validate={{
-                            required: { value: true },
-                            minLength: { value: 6, errorMessage: "Min 6 chars." },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="Max_Length"
-                          label="Max Length  "
-                          placeholder="Max 6 chars"
-                          type="number"
-                          errorMessage="Max 6 chars."
-                          validate={{
-                            required: { value: true },
-                            maxLength: { value: 6, errorMessage: "Max 6 chars." },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="Min_Value"
-                          label="Min Value  "
-                          placeholder="Min 6 Chars"
-                          min={6}
-                          type="number"
-                          errorMessage="Min Value 6"
-                          validate={{
-                            required: { value: true },
-                            min: { value: 6 },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="Max_Value"
-                          label="Max Value  "
-                          placeholder="max 5 Chars"
-                          max={6}
-                          type="number"
-                          errorMessage="Max Value 6"
-                          validate={{
-                            required: { value: true },
-                            max: { value: 6 },
-                          }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="Range_Value"
-                          label="Range Length  "
-                          placeholder="Text between 5 - 10 chars length"
-                          type="number"
-                          errorMessage="range between 5 to 10"
-                          validate={{ required: { value: true } }}
-                        />
-                      </div>
-                      <div className="mb-3">
-                        <AvField
-                          name="Regular_Exp"
-                          label="Regular Exp  "
-                          placeholder="Hex. Color"
-                          type="number"
-                          errorMessage="Hex Value"
-                          validate={{
-                            required: { value: true },
-                            pattern: {
-                              value: "^[#0-9]+$",
-                              errorMessage: "Only Hex Value",
-                            },
-                          }}
-                        />
-                      </div>
-                      <div className="d-flex flex-wrap gap-2">
-                        <Button
-                          type="submit"
-                          color="primary"
-                          className="waves-effect waves-light"
-                        >
-                          Submit
-                          </Button>{" "}
-                        <Button type="reset" color="secondary" className="waves-effect">
-                          Cancel
-                          </Button>
-                      </div>
-                    </AvForm>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormValidations
diff --git a/Client/src/backoffice/pages/Forms/FormWizard.js b/Client/src/backoffice/pages/Forms/FormWizard.js
deleted file mode 100644
index c506b3e..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizard.js
+++ /dev/null
@@ -1,797 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  Col,
-  Container,
-  Form,
-  FormGroup,
-  Input,
-  Label,
-  NavItem,
-  NavLink,
-  Progress,
-  Row,
-  TabContent,
-  TabPane,
-} from "reactstrap"
-
-import classnames from "classnames"
-import { Link } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormWizard extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      activeTab: 1,
-      activeTabVartical: 1,
-    }
-    this.toggleTab.bind(this)
-    this.toggleTabVertical.bind(this)
-  }
-
-  toggleTab(tab) {
-    if (this.state.activeTab !== tab) {
-      if (tab >= 1 && tab <= 4) {
-        this.setState({
-          activeTab: tab,
-        })
-      }
-    }
-  }
-
-  toggleTabVertical(tab) {
-    if (this.state.activesTab !== tab) {
-      if (tab >= 1 && tab <= 4) {
-        this.setState({
-          activeTabVartical: tab,
-        })
-      }
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Form Wizard | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Wizard" />
-
-            <Row>
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title mb-4">Basic Wizard</h4>
-                    <div className="wizard clearfix">
-                      <div className="steps clearfix">
-                        <ul>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTab === 1,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === 1,
-                              })}
-                              onClick={() => {
-                                this.toggleTab(1)
-                              }}
-                            >
-                              <span className="number">1.</span>{" "}
-                            Seller Details
-                          </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTab === 2,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === 2,
-                              })}
-                              onClick={() => {
-                                this.toggleTab(2)
-                              }}
-                            >
-                              <span className="number">2.</span>{" "}
-                              <span>Company Document</span>
-                            </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTab === 3,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === 3,
-                              }), 'done'}
-                              onClick={() => {
-                                this.toggleTab(3)
-                              }}
-                            >
-                              <span className="number">3.</span>{" "}
-                            Bank Details
-                          </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTab === 4,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTab === 4,
-                              }), 'done'}
-                              onClick={() => {
-                                this.toggleTab(4)
-                              }}
-                            >
-                              <span className="number">4.</span>{" "}
-                            Confirm Detail
-                          </NavLink>
-                          </NavItem>
-                        </ul>
-                      </div>
-                      <div className="content clearfix">
-                        <TabContent
-                          activeTab={this.state.activeTab}
-                          className="body"
-                        >
-                          <TabPane tabId={1}>
-                            <Form>
-                              <Row>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-firstname-input1">
-                                      First name
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-lastname-input2">
-                                      Last name
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-
-                              <Row>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-phoneno-input3">
-                                      Phone
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-email-input4">
-                                      Email
-                                  </Label>
-                                    <Input
-                                      type="email"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-                              <Row>
-                                <Col lg="12">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-address-input1">
-                                      Address
-                                  </Label>
-                                    <textarea
-                                      className="form-control"
-                                      rows="2"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-                            </Form>
-                          </TabPane>
-                          <TabPane tabId={2}>
-                            <div>
-                              <Form>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-pancard-input5">
-                                        PAN Card
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-vatno-input6">
-                                        VAT/TIN No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-cstno-input7">
-                                        CST No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-servicetax-input8">
-                                        Service Tax No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-companyuin-input9">
-                                        Company UIN
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-declaration-input11">
-                                        Declaration
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                              </Form>
-                            </div>
-                          </TabPane>
-                          <TabPane tabId={3}>
-                            <div>
-                              <Form>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-namecard-input11">
-                                        Name on Card
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label>Credit Card Type</Label>
-                                      <select className="form-select">
-                                        <option>
-                                          Select Card Type
-                                      </option>
-                                        <option>
-                                          American Express
-                                      </option>
-                                        <option>Visa</option>
-                                        <option>MasterCard</option>
-                                        <option>Discover</option>
-                                      </select>
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-cardno-input12">
-                                        Credit Card Number
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-card-verification-input">
-                                        Card Verification Number
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-expiration-input13">
-                                        Expiration Date
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                              </Form>
-                            </div>
-                          </TabPane>
-                          <TabPane tabId={4}>
-                            <div className="row justify-content-center">
-                              <Col lg="6">
-                                <div className="text-center">
-                                  <div className="mb-4">
-                                    <i className="mdi mdi-check-circle-outline text-success display-4" />
-                                  </div>
-                                  <div>
-                                    <h5>Confirm Detail</h5>
-                                    <p className="text-muted">
-                                      If several languages coalesce, the grammar
-                                      of the resulting
-                                  </p>
-                                  </div>
-                                </div>
-                              </Col>
-                            </div>
-                          </TabPane>
-                        </TabContent>
-                      </div>
-                      <div className="actions clearfix">
-                        <ul>
-                          <li
-                            className={
-                              this.state.activeTab === 1
-                                ? "previous disabled"
-                                : "previous"
-                            }
-                          >
-                            <Link
-                              to="#"
-                              onClick={() => {
-                                this.toggleTab(this.state.activeTab - 1)
-                              }}
-                            >
-                              Previous
-                          </Link>
-                          </li>
-                          <li
-                            className={
-                              this.state.activeTab === 4
-                                ? "next disabled"
-                                : "next"
-                            }
-                          >
-                            <Link
-                              to="#"
-                              onClick={() => {
-                                this.toggleTab(this.state.activeTab + 1)
-                              }}
-                            >
-                              Next
-                          </Link>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title mb-4">Vertical Wizard</h4>
-                    <div className="vertical-wizard wizard clearfix vertical">
-                      <div className="steps clearfix">
-                        <ul>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTabVartical === 1,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTabVartical === 1,
-                              })}
-                              onClick={() => {
-                                this.toggleTabVertical(1)
-                              }}
-                            >
-                              <span className="number">1.</span>{" "}
-                            Seller Details
-                          </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTabVartical === 2,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTabVartical === 2,
-                              })}
-                              onClick={() => {
-                                this.toggleTabVertical(2)
-                              }}
-                            >
-                              <span className="number">2.</span>{" "}
-                              <span>Company Document</span>
-                            </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTabVartical === 3,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTabVartical === 3,
-                              }), 'done'}
-                              onClick={() => {
-                                this.toggleTabVertical(3)
-                              }}
-                            >
-                              <span className="number">3.</span>{" "}
-                            Bank Details
-                          </NavLink>
-                          </NavItem>
-                          <NavItem
-                            className={classnames({
-                              current: this.state.activeTabVartical === 4,
-                            })}>
-                            <NavLink
-                              className={classnames({
-                                active: this.state.activeTabVartical === 4,
-                              }), 'done'}
-                              onClick={() => {
-                                this.toggleTabVertical(4)
-                              }}
-                            >
-                              <span className="number">4.</span>{" "}
-                            Confirm Detail
-                          </NavLink>
-                          </NavItem>
-                        </ul>
-                      </div>
-                      <div className="content clearfix">
-                        <TabContent
-                          activeTab={this.state.activeTabVartical}
-                          className="body"
-                        >
-                          <TabPane tabId={1}>
-                            <Form>
-                              <Row>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-firstname-input1">
-                                      First name
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-lastname-input2">
-                                      Last name
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-
-                              <Row>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-phoneno-input3">
-                                      Phone
-                                  </Label>
-                                    <Input
-                                      type="text"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                                <Col lg="6">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-email-input4">
-                                      Email
-                                  </Label>
-                                    <Input
-                                      type="email"
-                                      className="form-control"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-                              <Row>
-                                <Col lg="12">
-                                  <FormGroup className="mb-3">
-                                    <Label htmlFor="basicpill-address-input1">
-                                      Address
-                                  </Label>
-                                    <textarea
-                                      className="form-control"
-                                      rows="2"
-                                    />
-                                  </FormGroup>
-                                </Col>
-                              </Row>
-                            </Form>
-                          </TabPane>
-                          <TabPane tabId={2}>
-                            <div>
-                              <Form>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-pancard-input5">
-                                        PAN Card
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-vatno-input6">
-                                        VAT/TIN No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-cstno-input7">
-                                        CST No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-servicetax-input8">
-                                        Service Tax No.
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-companyuin-input9">
-                                        Company UIN
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-declaration-input10">
-                                        Declaration
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                              </Form>
-                            </div>
-                          </TabPane>
-                          <TabPane tabId={3}>
-                            <div>
-                              <Form>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-namecard-input11">
-                                        Name on Card
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label>Credit Card Type</Label>
-                                      <select className="form-select">
-                                        <option>
-                                          Select Card Type
-                                      </option>
-                                        <option>
-                                          American Express
-                                      </option>
-                                        <option>Visa</option>
-                                        <option>MasterCard</option>
-                                        <option>Discover</option>
-                                      </select>
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-cardno-input12">
-                                        Credit Card Number
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-card-verification-input">
-                                        Card Verification Number
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                                <Row>
-                                  <Col lg="6">
-                                    <FormGroup className="mb-3">
-                                      <Label htmlFor="basicpill-expiration-input13">
-                                        Expiration Date
-                                    </Label>
-                                      <Input
-                                        type="text"
-                                        className="form-control"
-                                      />
-                                    </FormGroup>
-                                  </Col>
-                                </Row>
-                              </Form>
-                            </div>
-                          </TabPane>
-                          <TabPane tabId={4}>
-                            <div className="row justify-content-center">
-                              <Col lg="6">
-                                <div className="text-center">
-                                  <div className="mb-4">
-                                    <i className="mdi mdi-check-circle-outline text-success display-4" />
-                                  </div>
-                                  <div>
-                                    <h5>Confirm Detail</h5>
-                                    <p className="text-muted">
-                                      If several languages coalesce, the grammar
-                                      of the resulting
-                                  </p>
-                                  </div>
-                                </div>
-                              </Col>
-                            </div>
-                          </TabPane>
-                        </TabContent>
-                      </div>
-                      <div className="actions clearfix">
-                        <ul>
-                          <li
-                            className={
-                              this.state.activeTabVartical === 1
-                                ? "previous disabled"
-                                : "previous"
-                            }
-                          >
-                            <Link
-                              to="#"
-                              onClick={() => {
-                                this.toggleTabVertical(this.state.activeTabVartical - 1)
-                              }}
-                            >
-                              Previous
-                          </Link>
-                          </li>
-                          <li
-                            className={
-                              this.state.activeTabVartical === 4
-                                ? "next disabled"
-                                : "next"
-                            }
-                          >
-                            <Link
-                              to="#"
-                              onClick={() => {
-                                this.toggleTabVertical(this.state.activeTabVartical + 1)
-                              }}
-                            >
-                              Next
-                          </Link>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormWizard
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/Settingmenu.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/Settingmenu.js
deleted file mode 100644
index 375c420..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/Settingmenu.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React, { Component } from "react"
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-} from "reactstrap"
-
-class SettingMenu extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <Dropdown
-          isOpen={this.state.setting_menu}
-          toggle={() =>
-            this.setState({ setting_menu: !this.state.setting_menu })
-          }
-        >
-          <DropdownToggle
-            color="primary"
-            className="arrow-none waves-effect waves-light"
-          >
-            <i className="mdi mdi-settings me-2"></i> Settings
-          </DropdownToggle>
-          <DropdownMenu className="language-switch" right>
-            <DropdownItem tag="a" href="#">
-              Action
-            </DropdownItem>
-            <DropdownItem tag="a" href="#">
-              Another action
-            </DropdownItem>
-            <DropdownItem tag="a" href="#">
-              Something else here
-            </DropdownItem>
-            <div className="dropdown-divider"></div>
-            <DropdownItem tag="a" href="#">
-              Separated link
-            </DropdownItem>
-          </DropdownMenu>
-        </Dropdown>
-      </React.Fragment>
-    )
-  }
-}
-
-export default SettingMenu
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/Settings.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/Settings.js
deleted file mode 100644
index 65a68cd..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/Settings.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { Component } from "react"
-import AUX from "../../../hoc/Aux_"
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-} from "reactstrap"
-
-class Settings extends Component {
-  constructor(props) {
-    super(props)
-
-    this.toggle = this.toggle.bind(this)
-    this.state = {
-      dropdownOpen: false,
-    }
-  }
-
-  toggle() {
-    this.setState(prevState => ({
-      dropdownOpen: !prevState.dropdownOpen,
-    }))
-  }
-
-  render() {
-    return (
-      <AUX>
-        <div className="float-right d-none d-md-block">
-          <div className="dropdown">
-            <Dropdown
-              isOpen={this.state.dropdownOpen}
-              className=""
-              toggle={this.toggle}
-            >
-              <DropdownToggle className="btn btn-primary">
-                <i className="mdi mdi-settings me-2"/> Settings
-              </DropdownToggle>
-              <DropdownMenu>
-                <DropdownItem>Action</DropdownItem>
-                <DropdownItem>Another action</DropdownItem>
-                <DropdownItem>Something else here</DropdownItem>
-                <DropdownItem divider />
-                <DropdownItem>Seperated link</DropdownItem>
-              </DropdownMenu>
-            </Dropdown>
-          </div>
-        </div>
-      </AUX>
-    )
-  }
-}
-
-export default Settings
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFirstPage.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFirstPage.js
deleted file mode 100644
index 000491c..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFirstPage.js
+++ /dev/null
@@ -1,235 +0,0 @@
-import React from "react"
-import PropTypes from 'prop-types'
-import { reduxForm } from "redux-form"
-import validate from "./validate"
-import { Col, Row } from "reactstrap"
-
-const WizardFormFirstPage = props => {
-  const { handleSubmit } = props
-  return (
-    <form onSubmit={handleSubmit}>
-      <h6 className="text-muted">Seller Details</h6>
-      <fieldset>
-        <Row>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtFirstNameBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Contact Person
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtFirstNameBilling"
-                  name="txtFirstNameBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtLastNameBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Mobile No.
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtLastNameBilling"
-                  name="txtLastNameBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtCompanyBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Landline No.
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCompanyBilling"
-                  name="txtCompanyBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtEmailAddressBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Email Address
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtEmailAddressBilling"
-                  name="txtEmailAddressBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtAddress1Billing"
-                className="col-lg-3 col-form-label"
-              >
-                Address 1
-              </label>
-              <Col lg={9}>
-                <textarea
-                  id="txtAddress1Billing"
-                  name="txtAddress1Billing"
-                  rows="4"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtAddress2Billing"
-                className="col-lg-3 col-form-label"
-              >
-                Warehouse Address
-              </label>
-              <Col lg={9}>
-                <textarea
-                  id="txtAddress2Billing"
-                  name="txtAddress2Billing"
-                  rows="4"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtCityBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Company Type
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCityBilling"
-                  name="txtCityBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtStateProvinceBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Live Market A/C
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtStateProvinceBilling"
-                  name="txtStateProvinceBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-
-        <Row>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtTelephoneBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Product Category
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtTelephoneBilling"
-                  name="txtTelephoneBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-          <Col md={6}>
-            <Row className="form-group">
-              <label
-                htmlFor="txtFaxBilling"
-                className="col-lg-3 col-form-label"
-              >
-                Product Sub Category
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtFaxBilling"
-                  name="txtFaxBilling"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-      </fieldset>
-
-      <div id="btn_div" className="float-right">
-        <button
-          type="button"
-          className="btn btn-primary previous"
-          disabled
-          style={{ cursor: "no-drop" }}
-        >
-          {" "}
-          Previous{" "}
-        </button>{" "}
-        &nbsp;
-        <button type="submit" className="btn btn-primary next">
-          {" "}
-          Next{" "}
-        </button>
-      </div>
-    </form>
-  )
-}
-
-WizardFormFirstPage.propTypes = {
-  handleSubmit: PropTypes.func
-}
-
-export default reduxForm({
-  form: "wizard", // <------ same form name
-  destroyOnUnmount: false, // <------ preserve form data
-  forceUnregisterOnUnmount: true, // <------ unregister fields on unmount
-  validate,
-})(WizardFormFirstPage)
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFourPage.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFourPage.js
deleted file mode 100644
index 6995600..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormFourPage.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from "react"
-import PropTypes from 'prop-types'
-import { reduxForm } from "redux-form"
-import validate from "./validate"
-
-const WizardFormFourPage = props => {
-  const { handleSubmit, previousPage } = props
-  return (
-    <form onSubmit={handleSubmit}>
-      <h6 className="text-muted">Confirm Detail</h6>
-      <fieldset>
-        <div className="p-3">
-          <div className="custom-control custom-checkbox">
-            <input
-              type="checkbox"
-              className="form-check-input"
-              id="customCheck1"
-            />
-            <label className="form-check-label" htmlFor="customCheck1">
-              I agree with the Terms and Conditions.
-            </label>
-          </div>
-        </div>
-      </fieldset>
-
-      <div id="btn_div" className="float-right">
-        <button
-          type="button"
-          className="btn btn-primary previous"
-          onClick={previousPage}
-        >
-          Previous
-        </button>
-        &nbsp;
-        <button type="submit" className="btn btn-primary next">
-          Finish
-        </button>
-      </div>
-    </form>
-  )
-}
-
-WizardFormFourPage.propTypes = {
-  handleSubmit: PropTypes.func,
-  previousPage: PropTypes.any
-}
-
-export default reduxForm({
-  form: "wizard", //Form name is same
-  destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true, // <------ unregister fields on unmount
-  validate,
-})(WizardFormFourPage)
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormSecondPage.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormSecondPage.js
deleted file mode 100644
index aec3be6..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormSecondPage.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import React from "react"
-import PropTypes from 'prop-types'
-import { reduxForm } from "redux-form"
-import validate from "./validate"
-import { Col, Row } from "reactstrap"
-
-const WizardFormSecondPage = props => {
-  const { handleSubmit, previousPage } = props
-  return (
-    <form onSubmit={handleSubmit}>
-      <h6 className="text-muted">Company Document</h6>
-      <fieldset>
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtFirstNameShipping"
-                className="col-lg-3 col-form-label"
-              >
-                PAN Card
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtFirstNameShipping"
-                  name="txtFirstNameShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtLastNameShipping"
-                className="col-lg-3 col-form-label"
-              >
-                VAT/TIN No.
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtLastNameShipping"
-                  name="txtLastNameShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtCompanyShipping"
-                className="col-lg-3 col-form-label"
-              >
-                CST No.
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCompanyShipping"
-                  name="txtCompanyShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtEmailAddressShipping"
-                className="col-lg-3 col-form-label"
-              >
-                Service Tax No.
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtEmailAddressShipping"
-                  name="txtEmailAddressShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-        </Row>
-
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtCityShipping"
-                className="col-lg-3 col-form-label"
-              >
-                Company UIN
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCityShipping"
-                  name="txtCityShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtStateProvinceShipping"
-                className="col-lg-3 col-form-label"
-              >
-                Declaration
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtStateProvinceShipping"
-                  name="txtStateProvinceShipping"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-        </Row>
-      </fieldset>
-      <div id="btn_div" className="float-right">
-        <button
-          type="button"
-          className="btn btn-primary previous"
-          onClick={previousPage}
-        >
-          {" "}
-          Previous{" "}
-        </button>{" "}
-        &nbsp;
-        <button type="submit" className="btn btn-primary next">
-          {" "}
-          Next{" "}
-        </button>
-      </div>
-    </form>
-  )
-}
-
-WizardFormSecondPage.propTypes = {
-  handleSubmit: PropTypes.func,
-  previousPage: PropTypes.any
-}
-
-export default reduxForm({
-  form: "wizard", //Form name is same
-  destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true, // <------ unregister fields on unmount
-  validate,
-})(WizardFormSecondPage)
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormThirdPage.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormThirdPage.js
deleted file mode 100644
index 7304b5a..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/WizardFormThirdPage.js
+++ /dev/null
@@ -1,142 +0,0 @@
-import React from "react"
-import PropTypes from 'prop-types'
-import { reduxForm } from "redux-form"
-import validate from "./validate"
-import { Col, Row } from "reactstrap"
-
-const WizardFormThirdPage = props => {
-  const { handleSubmit, previousPage } = props
-  return (
-    <form onSubmit={handleSubmit}>
-      <h6 className="text-muted">Bank Details</h6>
-      <fieldset>
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label htmlFor="txtNameCard" className="col-lg-3 col-form-label">
-                Name on Card
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtNameCard"
-                  name="txtNameCard"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="ddlCreditCardType"
-                className="col-lg-3 col-form-label"
-              >
-                Credit Card Type
-              </label>
-              <Col lg={9}>
-                <select
-                  id="ddlCreditCardType"
-                  name="ddlCreditCardType"
-                  className="form-control"
-                >
-                  <option value="">--Please Select--</option>
-                  <option value="AE">American Express</option>
-                  <option value="VI">Visa</option>
-                  <option value="MC">MasterCard</option>
-                  <option value="DI">Discover</option>
-                </select>
-              </Col>
-            </div>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtCreditCardNumber"
-                className="col-lg-3 col-form-label"
-              >
-                Credit Card Number
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCreditCardNumber"
-                  name="txtCreditCardNumber"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtCardVerificationNumber"
-                className="col-lg-3 col-form-label"
-              >
-                Card Verification Number
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtCardVerificationNumber"
-                  name="txtCardVerificationNumber"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-        </Row>
-        <Row>
-          <Col md={6}>
-            <div className="form-group row">
-              <label
-                htmlFor="txtExpirationDate"
-                className="col-lg-3 col-form-label"
-              >
-                Expiration Date
-              </label>
-              <Col lg={9}>
-                <input
-                  id="txtExpirationDate"
-                  name="txtExpirationDate"
-                  type="text"
-                  className="form-control"
-                />
-              </Col>
-            </div>
-          </Col>
-        </Row>
-      </fieldset>
-
-      <div id="btn_div" className="float-right">
-        <button
-          type="button"
-          className="btn btn-primary previous"
-          onClick={previousPage}
-        >
-          {" "}
-          Previous{" "}
-        </button>{" "}
-        &nbsp;
-        <button type="submit" className="btn btn-primary next">
-          {" "}
-          Next{" "}
-        </button>
-      </div>
-    </form>
-  )
-}
-
-WizardFormThirdPage.propTypes = {
-  handleSubmit: PropTypes.func,
-  previousPage: PropTypes.any
-}
-
-export default reduxForm({
-  form: "wizard", //Form name is same
-  destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true, // <------ unregister fields on unmount
-  validate,
-})(WizardFormThirdPage)
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/renderField.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/renderField.js
deleted file mode 100644
index d320cd5..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/renderField.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react"
-
-const renderField = ({ input, label, type, meta: { touched, error } }) => (
-  <div>
-    <label>{label}</label>
-    <div>
-      <input {...input} placeholder={label} type={type} />
-      {touched && error && <span>{error}</span>}
-    </div>
-  </div>
-)
-
-export default renderField
diff --git a/Client/src/backoffice/pages/Forms/FormWizardSteps/validate.js b/Client/src/backoffice/pages/Forms/FormWizardSteps/validate.js
deleted file mode 100644
index d972c65..0000000
--- a/Client/src/backoffice/pages/Forms/FormWizardSteps/validate.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const validate = values => {
-  const errors = {}
-  if (!values.firstName) {
-    errors.firstName = "Required"
-  }
-  if (!values.lastName) {
-    errors.lastName = "Required"
-  }
-  if (!values.email) {
-    errors.email = "Required"
-  } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
-    errors.email = "Invalid email address"
-  }
-  if (!values.sex) {
-    errors.sex = "Required"
-  }
-  if (!values.favoriteColor) {
-    errors.favoriteColor = "Required"
-  }
-  return errors
-}
-
-export default validate
diff --git a/Client/src/backoffice/pages/Forms/FormXeditable.js b/Client/src/backoffice/pages/Forms/FormXeditable.js
deleted file mode 100644
index 370b759..0000000
--- a/Client/src/backoffice/pages/Forms/FormXeditable.js
+++ /dev/null
@@ -1,177 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-  Table,
-} from "reactstrap"
-
-import Editable from "react-bootstrap-editable"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class FormXeditable extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Form Xeditable | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="Form Xeditable" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Inline Example</CardTitle>
-                    <p className="card-title-desc">
-                      This library allows you to create editable elements on
-                      your page. It can be used with any engine (bootstrap,
-                      jquery-ui, jquery only) and includes both popup and inline
-                      modes. Please try out demo to see how it works.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table responsive striped className="mb-0">
-                        <thead>
-                          <tr>
-                            <th style={{ width: "50%" }}>Inline</th>
-                            <th>Examples</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <td>Simple Text Field</td>
-                            <td>
-                              <Editable
-                                alwaysEditing={false}
-                                disabled={false}
-                                editText="superuser"
-                                id={null}
-                                isValueClickable={false}
-                                mode="inline"
-                                placement="top"
-                                showText
-                                type="textfield"
-                              />
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>Empty text field, required</td>
-                            <td>
-                              <Editable
-                                ajax={null}
-                                alwaysEditing={false}
-                                className={null}
-                                disabled={false}
-                                editText="Empty"
-                                id={null}
-                                isValueClickable={false}
-                                label={null}
-                                mode="inline"
-                                onSubmit={null}
-                                onValidated={null}
-                                placement="top"
-                                showText
-                                type="textfield"
-                                validate={null}
-                              />
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>Select, local array, custom display</td>
-                            <td>
-                              <Editable
-                                ajax={null}
-                                alwaysEditing={false}
-                                className={null}
-                                disabled={false}
-                                editText="male"
-                                id={null}
-                                isValueClickable={false}
-                                label={null}
-                                mode="inline"
-                                onSubmit={null}
-                                onValidated={null}
-                                options={["male", "female"]}
-                                placement="top"
-                                showText
-                                type="select"
-                                validate={null}
-                              />
-                            </td>
-                          </tr>
-
-                          <tr>
-                            <td>Combodate</td>
-                            <td>
-                              <Editable
-                                ajax={null}
-                                alwaysEditing={false}
-                                className={null}
-                                disabled={false}
-                                editText="Enter Date"
-                                id={null}
-                                isValueClickable={false}
-                                label={null}
-                                mode="inline"
-                                onSubmit={null}
-                                onValidated={null}
-                                placement="top"
-                                showText
-                                type="date"
-                                validate={null}
-                              />
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>
-                              Textarea, buttons below. Submit by ctrl+enter
-                            </td>
-                            <td>
-                              <Editable
-                                ajax={null}
-                                alwaysEditing={false}
-                                className={null}
-                                disabled={false}
-                                editText="Awesome User"
-                                id={null}
-                                isValueClickable={false}
-                                label={null}
-                                mode="inline"
-                                onSubmit={null}
-                                onValidated={null}
-                                placement="top"
-                                showText
-                                type="textarea"
-                                validate={null}
-                              />
-                            </td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default FormXeditable
diff --git a/Client/src/backoffice/pages/Icons/IconBoxicons.js b/Client/src/backoffice/pages/Icons/IconBoxicons.js
deleted file mode 100644
index fd4b293..0000000
--- a/Client/src/backoffice/pages/Icons/IconBoxicons.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import MetaTags from 'react-meta-tags';
-import React, { Component } from "react"
-
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-var icons =
-  '{"data":[{"name":"shape-polygon","slug":"shape-polygon-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"donate-blood","slug":"donate-blood-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"donate-blood","slug":"donate-blood-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"donate-heart","slug":"donate-heart-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"donate-heart","slug":"donate-heart-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"door-open","slug":"door-open-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"door-open","slug":"door-open-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"diamond","slug":"diamond-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"crop","slug":"crop-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"credit-card-front","slug":"credit-card-front-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"credit-card-front","slug":"credit-card-front-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"copyright","slug":"copyright-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"cookie","slug":"cookie-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"cookie","slug":"cookie-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"comment-detail","slug":"comment-detail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-add","slug":"comment-add-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-minus","slug":"comment-minus-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-minus","slug":"comment-minus-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-edit","slug":"comment-edit-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-edit","slug":"comment-edit-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-x","slug":"comment-x-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-x","slug":"comment-x-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-error","slug":"comment-error-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment-check","slug":"comment-check-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-check","slug":"comment-check-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-detail","slug":"message-square-detail-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-detail","slug":"message-square-detail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-add","slug":"message-square-add-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-add","slug":"message-square-add-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-edit","slug":"message-square-edit-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-edit","slug":"message-square-edit-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-minus","slug":"message-square-minus-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-minus","slug":"message-square-minus-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-x","slug":"message-square-x-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-x","slug":"message-square-x-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-error","slug":"message-square-error-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-error","slug":"message-square-error-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square-check","slug":"message-square-check-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-check","slug":"message-square-check-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-detail","slug":"message-detail-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-detail","slug":"message-detail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-add","slug":"message-add-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-add","slug":"message-add-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-edit","slug":"message-edit-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-edit","slug":"message-edit-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-minus","slug":"message-minus-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-minus","slug":"message-minus-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-x","slug":"message-x-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-x","slug":"message-x-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-error","slug":"message-error-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-error","slug":"message-error-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-check","slug":"message-check-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-check","slug":"message-check-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-detail","slug":"message-rounded-detail-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-detail","slug":"message-rounded-detail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-add","slug":"message-rounded-add-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-add","slug":"message-rounded-add-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-edit","slug":"message-rounded-edit-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-edit","slug":"message-rounded-edit-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-minus","slug":"message-rounded-minus-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-minus","slug":"message-rounded-minus-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-x","slug":"message-rounded-x-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-x","slug":"message-rounded-x-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-error","slug":"message-rounded-error-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-error","slug":"message-rounded-error-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded-check","slug":"message-rounded-check-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-check","slug":"message-rounded-check-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-detail","slug":"message-alt-detail-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-detail","slug":"message-alt-detail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-edit","slug":"message-alt-edit-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-edit","slug":"message-alt-edit-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-minus","slug":"message-alt-minus-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-minus","slug":"message-alt-minus-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-x","slug":"message-alt-x-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-x","slug":"message-alt-x-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-error","slug":"message-alt-error-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-error","slug":"message-alt-error-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-check","slug":"message-alt-check-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-check","slug":"message-alt-check-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt-add","slug":"message-alt-add-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-add","slug":"message-alt-add-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"dev-to","slug":"dev-to-logo","category_id":100,"type_of_icon":"LOGO"},{"name":"envelope-open","slug":"envelope-open-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"envelope-open","slug":"envelope-open-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"home-smile","slug":"home-smile-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"home-smile","slug":"home-smile-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"refresh","slug":"refresh-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"meteor","slug":"meteor-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"meteor","slug":"meteor-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"bullseye","slug":"bullseye-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"outline","slug":"outline-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"trim","slug":"trim-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"merge","slug":"merge-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"minus-back","slug":"minus-back-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"exclude","slug":"exclude-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"intersect","slug":"intersect-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"minus-front","slug":"minus-front-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"unite","slug":"unite-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"coin-stack","slug":"coin-stack-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"coin-stack","slug":"coin-stack-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"coin","slug":"coin-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"coin","slug":"coin-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"church","slug":"church-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"church","slug":"church-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"chevron-right-square","slug":"chevron-right-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-right-square","slug":"chevron-right-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-left-square","slug":"chevron-left-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-left-square","slug":"chevron-left-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-up-square","slug":"chevron-up-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-up-square","slug":"chevron-up-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-down-square","slug":"chevron-down-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-down-square","slug":"chevron-down-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-right-circle","slug":"chevron-right-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-right-circle","slug":"chevron-right-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-left-circle","slug":"chevron-left-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-left-circle","slug":"chevron-left-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-up-circle","slug":"chevron-up-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-up-circle","slug":"chevron-up-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-down-circle","slug":"chevron-down-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-down-circle","slug":"chevron-down-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"line-chart-down","slug":"line-chart-down-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"shield-x","slug":"shield-x-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"shield-x","slug":"shield-x-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"caret-down-square","slug":"caret-down-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-down-square","slug":"caret-down-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-left-square","slug":"caret-left-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-left-square","slug":"caret-left-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-up-square","slug":"caret-up-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-up-square","slug":"caret-up-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-right-square","slug":"caret-right-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-right-square","slug":"caret-right-square-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-down-circle","slug":"caret-down-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-up-circle","slug":"caret-up-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-left-circle","slug":"caret-left-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-right-circle","slug":"caret-right-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"car-battery","slug":"car-battery-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"cart-add","slug":"cart-add-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"cart-download","slug":"cart-download-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"backpack","slug":"backpack-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"camera-movie","slug":"camera-movie-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"camera-movie","slug":"camera-movie-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"camera-home","slug":"camera-home-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"camera-home","slug":"camera-home-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"calendar-star","slug":"calendar-star-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-star","slug":"calendar-star-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"calendar-exclamation","slug":"calendar-exclamation-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-exclamation","slug":"calendar-exclamation-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"vector","slug":"vector-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"vector","slug":"vector-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"network-chart","slug":"network-chart-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"network-chart","slug":"network-chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"chair","slug":"chair-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"cctv","slug":"cctv-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"cctv","slug":"cctv-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"drink","slug":"drink-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"eraser","slug":"eraser-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"capsule","slug":"capsule-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"color-fill","slug":"color-fill-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"vial","slug":"vial-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"wine","slug":"wine-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"calendar-heart","slug":"calendar-heart-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-heart","slug":"calendar-heart-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"window-alt","slug":"window-alt-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"window-alt","slug":"window-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"braille","slug":"braille-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"border-outer","slug":"border-outer-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"brain","slug":"brain-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"brain","slug":"brain-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"bracket","slug":"bracket-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"book-add","slug":"book-add-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-add","slug":"book-add-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"book-heart","slug":"book-heart-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-heart","slug":"book-heart-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"book-alt","slug":"book-alt-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"book-alt","slug":"book-alt-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"bong","slug":"bong-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"bong","slug":"bong-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"bone","slug":"bone-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"bone","slug":"bone-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"binoculars","slug":"binoculars-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"blanket","slug":"blanket-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"blanket","slug":"blanket-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"barcode-reader","slug":"barcode-reader-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"basketball","slug":"basketball-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"task-x","slug":"task-x-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"baseball","slug":"baseball-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"shopping-bags","slug":"shopping-bags-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"medal","slug":"medal-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"medal","slug":"medal-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"right-arrow-alt","slug":"right-arrow-alt-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"left-arrow-alt","slug":"left-arrow-alt-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"down-arrow-alt","slug":"down-arrow-alt-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"up-arrow-alt","slug":"up-arrow-alt-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"guitar-amp","slug":"guitar-amp-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"chevron-left","slug":"chevron-left-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-right","slug":"chevron-right-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-up","slug":"chevron-up-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevron-down","slug":"chevron-down-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevrons-down","slug":"chevrons-down-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevrons-up","slug":"chevrons-up-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevrons-right","slug":"chevrons-right-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chevrons-left","slug":"chevrons-left-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"alarm-exclamation","slug":"alarm-exclamation-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"alarm-exclamation","slug":"alarm-exclamation-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"alarm-snooze","slug":"alarm-snooze-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"alarm-snooze","slug":"alarm-snooze-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"abacus","slug":"abacus-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"game","slug":"game-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"game","slug":"game-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"thermometer","slug":"thermometer-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"tachometer","slug":"tachometer-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"tachometer","slug":"tachometer-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"sticker","slug":"sticker-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"sticker","slug":"sticker-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"file-archive","slug":"file-archive-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"spray-can","slug":"spray-can-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"spray-can","slug":"spray-can-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"webcam","slug":"webcam-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"webcam","slug":"webcam-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"dice-6","slug":"dice-6-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-6","slug":"dice-6-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dice-5","slug":"dice-5-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-5","slug":"dice-5-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dice-4","slug":"dice-4-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-4","slug":"dice-4-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dice-3","slug":"dice-3-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-3","slug":"dice-3-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dice-2","slug":"dice-2-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-2","slug":"dice-2-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dice-1","slug":"dice-1-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"dice-1","slug":"dice-1-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"border-inner","slug":"border-inner-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"border-none","slug":"border-none-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"glasses-alt","slug":"glasses-alt-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"glasses","slug":"glasses-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"calendar-week","slug":"calendar-week-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-week","slug":"calendar-week-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"scan","slug":"scan-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"pizza","slug":"pizza-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"florist","slug":"florist-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"shapes","slug":"shapes-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"ev-station","slug":"ev-station-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"edit-location","slug":"edit-location-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"book-reader","slug":"book-reader-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-reader","slug":"book-reader-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"arrow-to-bottom","slug":"arrow-to-bottom-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-to-bottom","slug":"arrow-to-bottom-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-to-top","slug":"arrow-to-top-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-to-top","slug":"arrow-to-top-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-to-left","slug":"arrow-to-left-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-to-left","slug":"arrow-to-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-to-right","slug":"arrow-to-right-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-to-right","slug":"arrow-to-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-from-right","slug":"arrow-from-right-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-from-right","slug":"arrow-from-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-from-left","slug":"arrow-from-left-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-from-left","slug":"arrow-from-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-from-bottom","slug":"arrow-from-bottom-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-from-bottom","slug":"arrow-from-bottom-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"arrow-from-top","slug":"arrow-from-top-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"arrow-from-top","slug":"arrow-from-top-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"current-location","slug":"current-location-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"been-here","slug":"been-here-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"been-here","slug":"been-here-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"radiation","slug":"radiation-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"low-vision","slug":"low-vision-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"low-vision","slug":"low-vision-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"mask","slug":"mask-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"mask","slug":"mask-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"wifi-0","slug":"wifi-0-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"wifi-1","slug":"wifi-1-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"wifi-2","slug":"wifi-2-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"traffic-cone","slug":"traffic-cone-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"traffic-cone","slug":"traffic-cone-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"recycle","slug":"recycle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"layer-minus","slug":"layer-minus-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"layer-minus","slug":"layer-minus-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"layer-plus","slug":"layer-plus-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"layer-plus","slug":"layer-plus-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"info-square","slug":"info-square-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"info-square","slug":"info-square-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"home-heart","slug":"home-heart-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"home-heart","slug":"home-heart-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"heart-square","slug":"heart-square-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"heart-square","slug":"heart-square-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"heart-circle","slug":"heart-circle-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"heart-circle","slug":"heart-circle-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"flag-checkered","slug":"flag-checkered-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"file-import","slug":"file-import-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-export","slug":"file-export-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"piano","slug":"piano-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"microchip","slug":"microchip-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"microchip","slug":"microchip-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"pointer","slug":"pointer-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"pointer","slug":"pointer-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"washer","slug":"washer-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"dryer","slug":"dryer-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"chess","slug":"chess-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"coffee-togo","slug":"coffee-togo-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"coffee-togo","slug":"coffee-togo-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"car-crash","slug":"car-crash-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"car-mechanic","slug":"car-mechanic-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"car-garage","slug":"car-garage-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"car-wash","slug":"car-wash-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"calendar-edit","slug":"calendar-edit-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-edit","slug":"calendar-edit-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"cabinet","slug":"cabinet-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"cabinet","slug":"cabinet-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bus-school","slug":"bus-school-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"bus-school","slug":"bus-school-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"bomb","slug":"bomb-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"bomb","slug":"bomb-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"bible","slug":"bible-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"bible","slug":"bible-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"beer","slug":"beer-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"beer","slug":"beer-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"baseball","slug":"baseball-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"badge-dollar","slug":"badge-dollar-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"atom","slug":"atom-regular","category_id":113,"type_of_icon":"REGULAR"},{"name":"arch","slug":"arch-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"arch","slug":"arch-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"location-plus","slug":"location-plus-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"location-plus","slug":"location-plus-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"shape-triangle","slug":"shape-triangle-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"shape-square","slug":"shape-square-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"video-recording","slug":"video-recording-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"video-recording","slug":"video-recording-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"notepad","slug":"notepad-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"notepad","slug":"notepad-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"bug-alt","slug":"bug-alt-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"bug-alt","slug":"bug-alt-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"mouse-alt","slug":"mouse-alt-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"mouse-alt","slug":"mouse-alt-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"edit-alt","slug":"edit-alt-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"edit-alt","slug":"edit-alt-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"chat","slug":"chat-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"chat","slug":"chat-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"book-content","slug":"book-content-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-content","slug":"book-content-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"message-square-dots","slug":"message-square-dots-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square","slug":"message-square-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-square-dots","slug":"message-square-dots-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-square","slug":"message-square-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"slideshow","slug":"slideshow-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"slideshow","slug":"slideshow-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bank","slug":"bank-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"wallet-alt","slug":"wallet-alt-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"wallet-alt","slug":"wallet-alt-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"memory-card","slug":"memory-card-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"memory-card","slug":"memory-card-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"devices","slug":"devices-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"message-rounded-dots","slug":"message-rounded-dots-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded-dots","slug":"message-rounded-dots-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-dots","slug":"message-dots-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-dots","slug":"message-dots-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"bar-chart-alt-2","slug":"bar-chart-alt-2-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"bar-chart-alt-2","slug":"bar-chart-alt-2-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"store-alt","slug":"store-alt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"store-alt","slug":"store-alt-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"buildings","slug":"buildings-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"buildings","slug":"buildings-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"home-circle","slug":"home-circle-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"home-circle","slug":"home-circle-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"money","slug":"money-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"file-pdf","slug":"file-pdf-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"yin-yang","slug":"yin-yang-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"walk","slug":"walk-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"ship","slug":"ship-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"factory","slug":"factory-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"tree","slug":"tree-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"plane","slug":"plane-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"user-rectangle","slug":"user-rectangle-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"eyedropper","slug":"eyedropper-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"cloud-lightning","slug":"cloud-lightning-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"cloud-rain","slug":"cloud-rain-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"eraser","slug":"eraser-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"repeat","slug":"repeat-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"magic-wand","slug":"magic-wand-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"hotel","slug":"hotel-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"color-fill","slug":"color-fill-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"capsule","slug":"capsule-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"flask","slug":"flask-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"font-family","slug":"font-family-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"joystick-button","slug":"joystick-button-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"joystick-button","slug":"joystick-button-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"paint","slug":"paint-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"unlink","slug":"unlink-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"direction-right","slug":"direction-right-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"directions","slug":"directions-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"megaphone","slug":"megaphone-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"keyboard","slug":"keyboard-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"brush","slug":"brush-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"brush","slug":"brush-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"coffee-alt","slug":"coffee-alt-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"rotate-left","slug":"rotate-left-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"badge-check","slug":"badge-check-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"badge-check","slug":"badge-check-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"show-alt","slug":"show-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"landmark","slug":"landmark-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"gas-pump","slug":"gas-pump-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"caret-down","slug":"caret-down-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-right","slug":"caret-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-up","slug":"caret-up-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"caret-left","slug":"caret-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"calendar-event","slug":"calendar-event-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"user-badge","slug":"user-badge-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"right-arrow-square","slug":"right-arrow-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"down-arrow-square","slug":"down-arrow-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"up-arrow-square","slug":"up-arrow-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"left-arrow-square","slug":"left-arrow-square-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"ambulance","slug":"ambulance-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"flickr-square","slug":"flickr-square-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"whatsapp-square","slug":"whatsapp-square-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"squarespace","slug":"squarespace-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"medium-old","slug":"medium-old-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"mailchimp","slug":"mailchimp-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"wix","slug":"wix-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"trello","slug":"trello-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"spotify","slug":"spotify-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"soundcloud","slug":"soundcloud-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"snapchat","slug":"snapchat-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"less","slug":"less-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"flickr","slug":"flickr-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"shopify","slug":"shopify-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"jsfiddle","slug":"jsfiddle-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"css3","slug":"css3-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"microsoft","slug":"microsoft-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"yahoo","slug":"yahoo-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"bootstrap","slug":"bootstrap-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"redux","slug":"redux-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"mastercard","slug":"mastercard-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"visa","slug":"visa-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"baidu","slug":"baidu-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"chrome","slug":"chrome-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"dailymotion","slug":"dailymotion-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"joomla","slug":"joomla-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"internet-explorer","slug":"internet-explorer-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"paypal","slug":"paypal-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"edge","slug":"edge-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"stripe","slug":"stripe-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"telegram","slug":"telegram-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"wordpress","slug":"wordpress-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"periscope","slug":"periscope-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"react","slug":"react-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"bing","slug":"bing-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"vuejs","slug":"vuejs-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"kickstarter","slug":"kickstarter-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"nodejs","slug":"nodejs-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"javascript","slug":"javascript-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"firefox","slug":"firefox-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"stack-overflow","slug":"stack-overflow-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"magento","slug":"magento-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"product-hunt","slug":"product-hunt-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"html5","slug":"html5-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"git","slug":"git-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"quora","slug":"quora-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"yelp","slug":"yelp-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"airbnb","slug":"airbnb-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"opera","slug":"opera-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"invision","slug":"invision-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"foursquare","slug":"foursquare-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"sass","slug":"sass-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"wikipedia","slug":"wikipedia-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"unsplash","slug":"unsplash-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"digg","slug":"digg-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"amazon","slug":"amazon-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"ebay","slug":"ebay-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"drupal","slug":"drupal-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"dropbox","slug":"dropbox-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"discourse","slug":"discourse-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"deviantart","slug":"deviantart-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"digitalocean","slug":"digitalocean-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"creative-commons","slug":"creative-commons-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"codepen","slug":"codepen-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"angular","slug":"angular-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"500px","slug":"500px-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"magnet","slug":"magnet-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"magnet","slug":"magnet-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"rewind-circle","slug":"rewind-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"card","slug":"card-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"card","slug":"card-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"help-circle","slug":"help-circle-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"help-circle","slug":"help-circle-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"test-tube","slug":"test-tube-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"note","slug":"note-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"note","slug":"note-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"sort-down","slug":"sort-down-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"sort-up","slug":"sort-up-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"id-card","slug":"id-card-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"badge","slug":"badge-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"badge","slug":"badge-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"grid-small","slug":"grid-small-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"grid-vertical","slug":"grid-vertical-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"grid-horizontal","slug":"grid-horizontal-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"flame","slug":"flame-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"move-vertical","slug":"move-vertical-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"move-horizontal","slug":"move-horizontal-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"stats","slug":"stats-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"equalizer","slug":"equalizer-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"disc","slug":"disc-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"disc","slug":"disc-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"minus-square","slug":"minus-square-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"plus-square","slug":"plus-square-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"x-square","slug":"x-square-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"analyse","slug":"analyse-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"microphone-alt","slug":"microphone-alt-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"image-alt","slug":"image-alt-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"search-alt","slug":"search-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"messenger","slug":"messenger-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"skull","slug":"skull-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"dollar-circle","slug":"dollar-circle-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"dollar-circle","slug":"dollar-circle-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"film","slug":"film-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"football","slug":"football-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"ball","slug":"ball-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"ball","slug":"ball-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"edit","slug":"edit-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"circle","slug":"circle-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"transfer","slug":"transfer-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"fingerprint","slug":"fingerprint-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"font-color","slug":"font-color-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"highlight","slug":"highlight-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"file-blank","slug":"file-blank-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-blank","slug":"file-blank-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"strikethrough","slug":"strikethrough-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"pocket","slug":"pocket-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"vk","slug":"vk-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"windows","slug":"windows-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"play-store","slug":"play-store-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"android","slug":"android-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"apple","slug":"apple-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"bell-ring","slug":"bell-ring-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"photo-album","slug":"photo-album-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"photo-album","slug":"photo-album-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"code-block","slug":"code-block-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"font-size","slug":"font-size-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"handicap","slug":"handicap-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"dialpad","slug":"dialpad-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"wind","slug":"wind-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"water","slug":"water-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"swim","slug":"swim-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"restaurant","slug":"restaurant-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"key","slug":"key-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"box","slug":"box-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"box","slug":"box-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"menu-alt-right","slug":"menu-alt-right-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"menu-alt-left","slug":"menu-alt-left-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"video-plus","slug":"video-plus-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"video-plus","slug":"video-plus-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"list-ol","slug":"list-ol-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"planet","slug":"planet-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"planet","slug":"planet-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"hotel","slug":"hotel-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"movie","slug":"movie-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"movie","slug":"movie-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"taxi","slug":"taxi-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"taxi","slug":"taxi-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"train","slug":"train-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"train","slug":"train-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"bath","slug":"bath-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"bath","slug":"bath-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"bed","slug":"bed-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"bed","slug":"bed-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"area","slug":"area-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"bot","slug":"bot-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"area","slug":"area-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"bot","slug":"bot-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"dumbbell","slug":"dumbbell-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"check-double","slug":"check-double-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"bus","slug":"bus-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"bus","slug":"bus-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"star-half","slug":"star-half-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"checkbox-checked","slug":"checkbox-checked-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"checkbox","slug":"checkbox-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"check-circle","slug":"check-circle-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"check-circle","slug":"check-circle-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"rocket","slug":"rocket-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"rocket","slug":"rocket-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"certification","slug":"certification-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"certification","slug":"certification-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"blogger","slug":"blogger-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"pinterest","slug":"pinterest-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"reddit","slug":"reddit-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"discord","slug":"discord-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"twitch","slug":"twitch-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"slack","slug":"slack-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"slack-old","slug":"slack-old-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"skype","slug":"skype-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"medium-square","slug":"medium-square-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"medium","slug":"medium-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"linkedin-square","slug":"linkedin-square-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"google-plus-circle","slug":"google-plus-circle-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"google-plus","slug":"google-plus-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"slider-alt","slug":"slider-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"file-plus","slug":"file-plus-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"dashboard","slug":"dashboard-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"conversation","slug":"conversation-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"battery-low","slug":"battery-low-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"folder-open","slug":"folder-open-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"zap","slug":"zap-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"x-circle","slug":"x-circle-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"wrench","slug":"wrench-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"widget","slug":"widget-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"watch","slug":"watch-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"watch-alt","slug":"watch-alt-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"wallet","slug":"wallet-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"volume","slug":"volume-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"volume-mute","slug":"volume-mute-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"volume-low","slug":"volume-low-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"volume-full","slug":"volume-full-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"videos","slug":"videos-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"video","slug":"video-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"video-off","slug":"video-off-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"user","slug":"user-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-plus","slug":"user-plus-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-minus","slug":"user-minus-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-detail","slug":"user-detail-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-circle","slug":"user-circle-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"upvote","slug":"upvote-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"up-arrow-circle","slug":"up-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"truck","slug":"truck-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"trophy","slug":"trophy-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"trash","slug":"trash-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"trash-alt","slug":"trash-alt-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"torch","slug":"torch-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"toggle-right","slug":"toggle-right-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"toggle-left","slug":"toggle-left-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"to-top","slug":"to-top-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"terminal","slug":"terminal-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"tennis-ball","slug":"tennis-ball-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"tag","slug":"tag-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"tag-x","slug":"tag-x-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"t-shirt","slug":"t-shirt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"sun","slug":"sun-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"store","slug":"store-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"star","slug":"star-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"spreadsheet","slug":"spreadsheet-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"sad","slug":"sad-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"meh","slug":"meh-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"happy","slug":"happy-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"show","slug":"show-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"shopping-bag","slug":"shopping-bag-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"shopping-bag-alt","slug":"shopping-bag-alt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"shield","slug":"shield-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"share","slug":"share-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"share-alt","slug":"share-alt-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"server","slug":"server-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"send","slug":"send-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"select-multiple","slug":"select-multiple-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"sort-alt","slug":"sort-alt-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"save","slug":"save-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"ruler","slug":"ruler-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"right-arrow-circle","slug":"right-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"report","slug":"report-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"rename","slug":"rename-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"radio","slug":"radio-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"quote-right","slug":"quote-right-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"quote-left","slug":"quote-left-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"purchase-tag","slug":"purchase-tag-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"printer","slug":"printer-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"plus-circle","slug":"plus-circle-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"plug","slug":"plug-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"playlist","slug":"playlist-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"pin","slug":"pin-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"pie-chart","slug":"pie-chart-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"pie-chart-alt","slug":"pie-chart-alt-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"phone","slug":"phone-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"phone-outgoing","slug":"phone-outgoing-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"phone-incoming","slug":"phone-incoming-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"phone-call","slug":"phone-call-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"pencil","slug":"pencil-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"pen","slug":"pen-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"paste","slug":"paste-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"paper-plane","slug":"paper-plane-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"package","slug":"package-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"news","slug":"news-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"navigation","slug":"navigation-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"music","slug":"music-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"mouse","slug":"mouse-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"moon","slug":"moon-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"minus-circle","slug":"minus-circle-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"microphone","slug":"microphone-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"microphone-off","slug":"microphone-off-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message","slug":"message-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-rounded","slug":"message-rounded-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"map","slug":"map-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"map-alt","slug":"map-alt-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"lock","slug":"lock-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"lock-open","slug":"lock-open-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"like","slug":"like-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"left-arrow-circle","slug":"left-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"layer","slug":"layer-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"joystick","slug":"joystick-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"joystick-alt","slug":"joystick-alt-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"info-circle","slug":"info-circle-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"inbox","slug":"inbox-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"image","slug":"image-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"hourglass","slug":"hourglass-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"hot","slug":"hot-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"home","slug":"home-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"hide","slug":"hide-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"heart","slug":"heart-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"hdd","slug":"hdd-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"group","slug":"group-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"grid-alt","slug":"grid-alt-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"gift","slug":"gift-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"flag","slug":"flag-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"flag-alt","slug":"flag-alt-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"first-aid","slug":"first-aid-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"filter-alt","slug":"filter-alt-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"file","slug":"file-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-image","slug":"file-image-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"error","slug":"error-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"error-circle","slug":"error-circle-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"envelope","slug":"envelope-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"eject","slug":"eject-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"duplicate","slug":"duplicate-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"droplet","slug":"droplet-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"drink","slug":"drink-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"downvote","slug":"downvote-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"download","slug":"download-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"down-arrow-circle","slug":"down-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"dock-top","slug":"dock-top-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"dock-right","slug":"dock-right-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"dock-left","slug":"dock-left-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"dock-bottom","slug":"dock-bottom-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"dislike","slug":"dislike-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"discount","slug":"discount-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"detail","slug":"detail-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"cube","slug":"cube-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"crown","slug":"crown-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"coupon","slug":"coupon-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"copy","slug":"copy-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"contact","slug":"contact-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"collection","slug":"collection-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"cog","slug":"cog-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"coffee","slug":"coffee-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"cloud","slug":"cloud-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"cloud-upload","slug":"cloud-upload-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"cloud-download","slug":"cloud-download-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"chip","slug":"chip-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"chart","slug":"chart-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"cart","slug":"cart-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"cart-alt","slug":"cart-alt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"car","slug":"car-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"captions","slug":"captions-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"calculator","slug":"calculator-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"buoy","slug":"buoy-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"bulb","slug":"bulb-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"building","slug":"building-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"bug","slug":"bug-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"briefcase-alt","slug":"briefcase-alt-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"briefcase","slug":"briefcase-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"bookmark-star","slug":"bookmark-star-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-open","slug":"book-open-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"bookmark-plus","slug":"bookmark-plus-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"bookmark","slug":"bookmark-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book-bookmark","slug":"book-bookmark-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"book","slug":"book-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"bolt","slug":"bolt-solid","category_id":123,"type_of_icon":"SOLID"},{"name":"bell-off","slug":"bell-off-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"bell","slug":"bell-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"battery-full","slug":"battery-full-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"battery-charging","slug":"battery-charging-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"battery","slug":"battery-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"barcode","slug":"barcode-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"bar-chart-square","slug":"bar-chart-square-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"award","slug":"award-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"folder-plus","slug":"folder-plus-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"folder","slug":"folder-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"camera-off","slug":"camera-off-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"camera","slug":"camera-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"archive","slug":"archive-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"album","slug":"album-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"alarm-off","slug":"alarm-off-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"alarm","slug":"alarm-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"adjust","slug":"adjust-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"cart-alt","slug":"cart-alt-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"car","slug":"car-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"loader-alt","slug":"loader-alt-regular","category_id":112,"type_of_icon":"REGULAR"},{"name":"loader-circle","slug":"loader-circle-regular","category_id":112,"type_of_icon":"REGULAR"},{"name":"wrench","slug":"wrench-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"alarm-off","slug":"alarm-off-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"facebook-square","slug":"facebook-square-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"bitcoin","slug":"bitcoin-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"layout","slug":"layout-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"dock-left","slug":"dock-left-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"dock-top","slug":"dock-top-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"dock-right","slug":"dock-right-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"dock-bottom","slug":"dock-bottom-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"world","slug":"world-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"linkedin","slug":"linkedin-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"selection","slug":"selection-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"paper-plane","slug":"paper-plane-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"slider","slug":"slider-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"loader","slug":"loader-regular","category_id":112,"type_of_icon":"REGULAR"},{"name":"chalkboard","slug":"chalkboard-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"trash-alt","slug":"trash-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"grid-alt","slug":"grid-alt-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"command","slug":"command-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"window-close","slug":"window-close-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"notification-off","slug":"notification-off-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"plug","slug":"plug-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"infinite","slug":"infinite-regular","category_id":113,"type_of_icon":"REGULAR"},{"name":"carousel","slug":"carousel-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"hourglass","slug":"hourglass-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"briefcase-alt","slug":"briefcase-alt-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"wallet","slug":"wallet-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"station","slug":"station-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"collection","slug":"collection-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"tv","slug":"tv-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"closet","slug":"closet-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"paperclip","slug":"paperclip-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"expand","slug":"expand-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"pen","slug":"pen-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"purchase-tag","slug":"purchase-tag-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"images","slug":"images-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"pie-chart-alt","slug":"pie-chart-alt-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"news","slug":"news-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"downvote","slug":"downvote-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"upvote","slug":"upvote-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"vimeo","slug":"vimeo-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"globe-alt","slug":"globe-alt-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"store","slug":"store-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"hdd","slug":"hdd-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"skip-previous-circle","slug":"skip-previous-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"skip-next-circle","slug":"skip-next-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"chip","slug":"chip-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"cast","slug":"cast-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"body","slug":"body-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"phone-outgoing","slug":"phone-outgoing-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"phone-incoming","slug":"phone-incoming-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"collapse","slug":"collapse-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"rename","slug":"rename-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"rotate-right","slug":"rotate-right-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"horizontal-center","slug":"horizontal-center-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"ruler","slug":"ruler-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"import","slug":"import-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"calendar-alt","slug":"calendar-alt-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"battery","slug":"battery-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"server","slug":"server-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"task","slug":"task-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"folder-open","slug":"folder-open-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"film","slug":"film-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"aperture","slug":"aperture-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"dribbble","slug":"dribbble-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"behance","slug":"behance-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"phone-call","slug":"phone-call-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"tumblr","slug":"tumblr-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"whatsapp","slug":"whatsapp-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"youtube","slug":"youtube-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"up-arrow","slug":"up-arrow-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"undo","slug":"undo-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"twitter","slug":"twitter-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"timer","slug":"timer-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"support","slug":"support-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"subdirectory-right","slug":"subdirectory-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"subdirectory-left","slug":"subdirectory-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"right-arrow","slug":"right-arrow-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"revision","slug":"revision-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"repost","slug":"repost-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"reply","slug":"reply-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"reply-all","slug":"reply-all-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"redo","slug":"redo-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"radar","slug":"radar-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"poll","slug":"poll-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"list-check","slug":"list-check-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"like","slug":"like-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"left-arrow","slug":"left-arrow-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"joystick-alt","slug":"joystick-alt-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"instagram","slug":"instagram-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"history","slug":"history-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"google","slug":"google-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"github","slug":"github-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"flag","slug":"flag-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"first-aid","slug":"first-aid-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"facebook","slug":"facebook-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"export","slug":"export-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"down-arrow","slug":"down-arrow-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"dislike","slug":"dislike-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"crown","slug":"crown-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"barcode","slug":"barcode-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"user","slug":"user-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"user-x","slug":"user-x-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"user-plus","slug":"user-plus-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"user-minus","slug":"user-minus-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"user-circle","slug":"user-circle-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"user-check","slug":"user-check-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"underline","slug":"underline-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"trophy","slug":"trophy-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"trash","slug":"trash-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"text","slug":"text-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"sun","slug":"sun-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"star","slug":"star-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"sort","slug":"sort-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"shuffle","slug":"shuffle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"shopping-bag","slug":"shopping-bag-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"shield","slug":"shield-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"shield-alt","slug":"shield-alt-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"share","slug":"share-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"share-alt","slug":"share-alt-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"select-multiple","slug":"select-multiple-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"screenshot","slug":"screenshot-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"save","slug":"save-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"pulse","slug":"pulse-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"power-off","slug":"power-off-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"plus","slug":"plus-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"pin","slug":"pin-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"pencil","slug":"pencil-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"paste","slug":"paste-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"paragraph","slug":"paragraph-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"package","slug":"package-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"notification","slug":"notification-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"shield-quarter","slug":"shield-quarter-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"move","slug":"move-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"mouse","slug":"mouse-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"minus","slug":"minus-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"microphone-off","slug":"microphone-off-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"log-out","slug":"log-out-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"log-in","slug":"log-in-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"link-external","slug":"link-external-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"joystick","slug":"joystick-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"italic","slug":"italic-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"home-alt","slug":"home-alt-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"heading","slug":"heading-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"hash","slug":"hash-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"group","slug":"group-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"git-repo-forked","slug":"git-repo-forked-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"git-pull-request","slug":"git-pull-request-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"git-merge","slug":"git-merge-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"git-compare","slug":"git-compare-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"git-commit","slug":"git-commit-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"git-branch","slug":"git-branch-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"font","slug":"font-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"filter","slug":"filter-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"file","slug":"file-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"edit","slug":"edit-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"diamond","slug":"diamond-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"detail","slug":"detail-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"cut","slug":"cut-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"cube","slug":"cube-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"crop","slug":"crop-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"credit-card","slug":"credit-card-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"columns","slug":"columns-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"cog","slug":"cog-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"cloud-snow","slug":"cloud-snow-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"cloud-rain","slug":"cloud-rain-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"cloud-lightning","slug":"cloud-lightning-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"cloud-light-rain","slug":"cloud-light-rain-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"cloud-drizzle","slug":"cloud-drizzle-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"check","slug":"check-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"cart","slug":"cart-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"calculator","slug":"calculator-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"bold","slug":"bold-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"award","slug":"award-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"anchor","slug":"anchor-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"album","slug":"album-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"adjust","slug":"adjust-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"x","slug":"x-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"table","slug":"table-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"duplicate","slug":"duplicate-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"windows","slug":"windows-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"window","slug":"window-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"window-open","slug":"window-open-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"wifi","slug":"wifi-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"voicemail","slug":"voicemail-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"video-off","slug":"video-off-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"usb","slug":"usb-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"upload","slug":"upload-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"alarm","slug":"alarm-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"tennis-ball","slug":"tennis-ball-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"target-lock","slug":"target-lock-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"tag","slug":"tag-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"tab","slug":"tab-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"spreadsheet","slug":"spreadsheet-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"sitemap","slug":"sitemap-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"sidebar","slug":"sidebar-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"send","slug":"send-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"pie-chart","slug":"pie-chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"phone","slug":"phone-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"navigation","slug":"navigation-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"mobile","slug":"mobile-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"mobile-alt","slug":"mobile-alt-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"message","slug":"message-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-rounded","slug":"message-rounded-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"map","slug":"map-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"map-alt","slug":"map-alt-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"lock","slug":"lock-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"lock-open","slug":"lock-open-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"list-minus","slug":"list-minus-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"list-ul","slug":"list-ul-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"list-plus","slug":"list-plus-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"link","slug":"link-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"link-alt","slug":"link-alt-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"layer","slug":"layer-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"laptop","slug":"laptop-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"home","slug":"home-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"heart","slug":"heart-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"headphone","slug":"headphone-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"devices","slug":"devices-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"globe","slug":"globe-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"gift","slug":"gift-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"envelope","slug":"envelope-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"download","slug":"download-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"dots-vertical","slug":"dots-vertical-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"dots-vertical-rounded","slug":"dots-vertical-rounded-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"dots-horizontal","slug":"dots-horizontal-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"dots-horizontal-rounded","slug":"dots-horizontal-rounded-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"dollar","slug":"dollar-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"directions","slug":"directions-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"desktop","slug":"desktop-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"data","slug":"data-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"compass","slug":"compass-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"crosshair","slug":"crosshair-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"terminal","slug":"terminal-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"cloud","slug":"cloud-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"cloud-upload","slug":"cloud-upload-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"cloud-download","slug":"cloud-download-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chart","slug":"chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"calendar","slug":"calendar-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"calendar-x","slug":"calendar-x-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"calendar-minus","slug":"calendar-minus-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"calendar-check","slug":"calendar-check-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"calendar-plus","slug":"calendar-plus-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"buoy","slug":"buoy-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"bulb","slug":"bulb-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"bluetooth","slug":"bluetooth-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"bug","slug":"bug-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"building","slug":"building-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"broadcast","slug":"broadcast-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"briefcase","slug":"briefcase-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bookmark-plus","slug":"bookmark-plus-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"bookmark-minus","slug":"bookmark-minus-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"book","slug":"book-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"book-bookmark","slug":"book-bookmark-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"block","slug":"block-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"basketball","slug":"basketball-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"bar-chart","slug":"bar-chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bar-chart-square","slug":"bar-chart-square-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bar-chart-alt","slug":"bar-chart-alt-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"at","slug":"at-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"archive","slug":"archive-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"zoom-out","slug":"zoom-out-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"zoom-in","slug":"zoom-in-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"x-circle","slug":"x-circle-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"volume","slug":"volume-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"volume-mute","slug":"volume-mute-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"volume-low","slug":"volume-low-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"volume-full","slug":"volume-full-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"video","slug":"video-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"vertical-center","slug":"vertical-center-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"up-arrow-circle","slug":"up-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"trending-up","slug":"trending-up-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"trending-down","slug":"trending-down-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"toggle-right","slug":"toggle-right-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"toggle-left","slug":"toggle-left-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"time","slug":"time-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"sync","slug":"sync-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"stopwatch","slug":"stopwatch-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"stop","slug":"stop-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"stop-circle","slug":"stop-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"skip-previous","slug":"skip-previous-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"skip-next","slug":"skip-next-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"show","slug":"show-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"search","slug":"search-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"rss","slug":"rss-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"right-top-arrow-circle","slug":"right-top-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"right-indent","slug":"right-indent-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"right-down-arrow-circle","slug":"right-down-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"right-arrow-circle","slug":"right-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"reset","slug":"reset-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"rewind","slug":"rewind-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"rectangle","slug":"rectangle-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"radio-circle","slug":"radio-circle-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"radio-circle-marked","slug":"radio-circle-marked-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"question-mark","slug":"question-mark-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"plus-circle","slug":"plus-circle-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"play","slug":"play-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"play-circle","slug":"play-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"pause","slug":"pause-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"pause-circle","slug":"pause-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"moon","slug":"moon-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"minus-circle","slug":"minus-circle-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"microphone","slug":"microphone-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"menu","slug":"menu-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"left-top-arrow-circle","slug":"left-top-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"left-indent","slug":"left-indent-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"left-down-arrow-circle","slug":"left-down-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"left-arrow-circle","slug":"left-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"last-page","slug":"last-page-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"key","slug":"key-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"align-justify","slug":"align-justify-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"info-circle","slug":"info-circle-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"image","slug":"image-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"hide","slug":"hide-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"fullscreen","slug":"fullscreen-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"folder","slug":"folder-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"folder-plus","slug":"folder-plus-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"folder-minus","slug":"folder-minus-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"first-page","slug":"first-page-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"fast-forward","slug":"fast-forward-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"fast-forward-circle","slug":"fast-forward-circle-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"exit-fullscreen","slug":"exit-fullscreen-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"error","slug":"error-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"error-circle","slug":"error-circle-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"down-arrow-circle","slug":"down-arrow-circle-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"copyright","slug":"copyright-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"copy","slug":"copy-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"coffee","slug":"coffee-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"code","slug":"code-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"code-curly","slug":"code-curly-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"clipboard","slug":"clipboard-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"chevrons-left","slug":"chevrons-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevrons-right","slug":"chevrons-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevrons-up","slug":"chevrons-up-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevrons-down","slug":"chevrons-down-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-right","slug":"chevron-right-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-left","slug":"chevron-left-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-up","slug":"chevron-up-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"chevron-down","slug":"chevron-down-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"checkbox-square","slug":"checkbox-square-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"checkbox","slug":"checkbox-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"checkbox-checked","slug":"checkbox-checked-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"captions","slug":"captions-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"camera","slug":"camera-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"camera-off","slug":"camera-off-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"bullseye","slug":"bullseye-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bookmarks","slug":"bookmarks-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"bookmark","slug":"bookmark-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"bell","slug":"bell-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"bell-plus","slug":"bell-plus-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"bell-off","slug":"bell-off-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"bell-minus","slug":"bell-minus-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"arrow-back","slug":"arrow-back-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"align-right","slug":"align-right-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"align-middle","slug":"align-middle-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"align-left","slug":"align-left-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"vial","slug":"vial-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"comment-error","slug":"comment-error-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"music","slug":"music-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"redbubble","slug":"redbubble-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"patreon","slug":"patreon-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"gitlab","slug":"gitlab-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"etsy","slug":"etsy-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"figma","slug":"figma-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"audible","slug":"audible-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"algolia","slug":"algolia-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"adobe","slug":"adobe-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"wink-tongue","slug":"wink-tongue-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"upside-down","slug":"upside-down-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"happy-alt","slug":"happy-alt-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"laugh","slug":"laugh-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"meh-blank","slug":"meh-blank-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"cool","slug":"cool-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"tired","slug":"tired-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"happy-beaming","slug":"happy-beaming-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"shocked","slug":"shocked-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"happy","slug":"happy-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"sad","slug":"sad-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"sleepy","slug":"sleepy-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"confused","slug":"confused-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"meh-alt","slug":"meh-alt-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"meh","slug":"meh-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"smile","slug":"smile-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"wink-smile","slug":"wink-smile-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"dizzy","slug":"dizzy-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"happy-heart-eyes","slug":"happy-heart-eyes-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"angry","slug":"angry-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"upside-down","slug":"upside-down-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"laugh","slug":"laugh-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"meh-blank","slug":"meh-blank-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"happy-beaming","slug":"happy-beaming-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"shocked","slug":"shocked-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"sleepy","slug":"sleepy-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"confused","slug":"confused-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"wink-smile","slug":"wink-smile-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"dizzy","slug":"dizzy-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"happy-heart-eyes","slug":"happy-heart-eyes-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"angry","slug":"angry-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"smile","slug":"smile-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"tired","slug":"tired-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"cool","slug":"cool-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"happy-alt","slug":"happy-alt-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"wink-tongue","slug":"wink-tongue-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"meh-alt","slug":"meh-alt-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"business","slug":"business-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"camera-plus","slug":"camera-plus-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"food-menu","slug":"food-menu-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"food-menu","slug":"food-menu-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"food-tag","slug":"food-tag-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"offer","slug":"offer-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"clinic","slug":"clinic-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"female-sign","slug":"female-sign-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"male-sign","slug":"male-sign-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"female","slug":"female-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"male","slug":"male-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"hand-left","slug":"hand-left-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"hand-down","slug":"hand-down-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"hand-right","slug":"hand-right-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"hand-up","slug":"hand-up-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"clinic","slug":"clinic-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"baby-carriage","slug":"baby-carriage-solid","category_id":94,"type_of_icon":"SOLID"},{"name":"health","slug":"health-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"tone","slug":"tone-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"pinterest-alt","slug":"pinterest-alt-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"imdb","slug":"imdb-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"jquery","slug":"jquery-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"facebook-circle","slug":"facebook-circle-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"shekel","slug":"shekel-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"yen","slug":"yen-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"won","slug":"won-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"pound","slug":"pound-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"euro","slug":"euro-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"rupee","slug":"rupee-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"caret-right-circle","slug":"caret-right-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-left-circle","slug":"caret-left-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-down-circle","slug":"caret-down-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"caret-up-circle","slug":"caret-up-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"ruble","slug":"ruble-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"lira","slug":"lira-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"bitcoin","slug":"bitcoin-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"tone","slug":"tone-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"bolt-circle","slug":"bolt-circle-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"bolt-circle","slug":"bolt-circle-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"city","slug":"city-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"cake","slug":"cake-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"cake","slug":"cake-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"spa","slug":"spa-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"spa","slug":"spa-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"dish","slug":"dish-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"dish","slug":"dish-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"fridge","slug":"fridge-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"fridge","slug":"fridge-regular","category_id":108,"type_of_icon":"REGULAR"},{"name":"image-add","slug":"image-add-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"image-add","slug":"image-add-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"image-alt","slug":"image-alt-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"space-bar","slug":"space-bar-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"alarm-add","slug":"alarm-add-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"alarm-add","slug":"alarm-add-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"archive-out","slug":"archive-out-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"archive-out","slug":"archive-out-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"archive-in","slug":"archive-in-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"archive-in","slug":"archive-in-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"add-to-queue","slug":"add-to-queue-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"add-to-queue","slug":"add-to-queue-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"border-radius","slug":"border-radius-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"check-shield","slug":"check-shield-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"check-shield","slug":"check-shield-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"label","slug":"label-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"label","slug":"label-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"file-find","slug":"file-find-regular","category_id":106,"type_of_icon":"REGULAR"},{"name":"face","slug":"face-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"face","slug":"face-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"file-find","slug":"file-find-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"extension","slug":"extension-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"extension","slug":"extension-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"exit","slug":"exit-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"exit","slug":"exit-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"brush-alt","slug":"brush-alt-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"conversation","slug":"conversation-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"sort-z-a","slug":"sort-z-a-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"sort-a-z","slug":"sort-a-z-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"printer","slug":"printer-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"radio","slug":"radio-regular","category_id":114,"type_of_icon":"REGULAR"},{"name":"layout","slug":"layout-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"quote-alt-right","slug":"quote-alt-right-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"quote-alt-left","slug":"quote-alt-left-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"mobile-vibration","slug":"mobile-vibration-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"fast-forward-circle","slug":"fast-forward-circle-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"rewind-circle","slug":"rewind-circle-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"carousel","slug":"carousel-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"customize","slug":"customize-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"customize","slug":"customize-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"calendar-event","slug":"calendar-event-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-check","slug":"calendar-check-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-x","slug":"calendar-x-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-minus","slug":"calendar-minus-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-plus","slug":"calendar-plus-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar-alt","slug":"calendar-alt-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"calendar","slug":"calendar-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"brush-alt","slug":"brush-alt-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"briefcase-alt-2","slug":"briefcase-alt-2-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"briefcase-alt-2","slug":"briefcase-alt-2-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"bookmark-minus","slug":"bookmark-minus-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"bookmarks","slug":"bookmarks-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"instagram-alt","slug":"instagram-alt-logo","category_id":97,"type_of_icon":"LOGO"},{"name":"time-five","slug":"time-five-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"time-five","slug":"time-five-regular","category_id":120,"type_of_icon":"REGULAR"},{"name":"pie-chart-alt-2","slug":"pie-chart-alt-2-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"pie-chart-alt-2","slug":"pie-chart-alt-2-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"time","slug":"time-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"timer","slug":"timer-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"stopwatch","slug":"stopwatch-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"gas-pump","slug":"gas-pump-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"compass","slug":"compass-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"user-check","slug":"user-check-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-x","slug":"user-x-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"grid","slug":"grid-solid","category_id":111,"type_of_icon":"SOLID"},{"name":"zoom-out","slug":"zoom-out-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"zoom-in","slug":"zoom-in-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"search","slug":"search-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"bell-minus","slug":"bell-minus-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"bell-plus","slug":"bell-plus-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"folder-minus","slug":"folder-minus-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"mobile","slug":"mobile-solid","category_id":103,"type_of_icon":"SOLID"},{"name":"data","slug":"data-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"skip-next-circle","slug":"skip-next-circle-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"skip-previous-circle","slug":"skip-previous-circle-solid","category_id":114,"type_of_icon":"SOLID"},{"name":"chalkboard","slug":"chalkboard-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"school","slug":"school-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"institution","slug":"institution-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"left-down-arrow-circle","slug":"left-down-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"left-top-arrow-circle","slug":"left-top-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"right-down-arrow-circle","slug":"right-down-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"right-top-arrow-circle","slug":"right-top-arrow-circle-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"down-arrow","slug":"down-arrow-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"up-arrow","slug":"up-arrow-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"left-arrow","slug":"left-arrow-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"right-arrow","slug":"right-arrow-solid","category_id":96,"type_of_icon":"SOLID"},{"name":"rectangle","slug":"rectangle-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"mobile-vibration","slug":"mobile-vibration-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"mobile-landscape","slug":"mobile-landscape-regular","category_id":103,"type_of_icon":"REGULAR"},{"name":"border-all","slug":"border-all-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"border-bottom","slug":"border-bottom-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"border-top","slug":"border-top-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"border-left","slug":"border-left-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"border-right","slug":"border-right-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"dialpad-alt","slug":"dialpad-alt-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"filter-alt","slug":"filter-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"brightness","slug":"brightness-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"brightness","slug":"brightness-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"brightness-half","slug":"brightness-half-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"brightness-half","slug":"brightness-half-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"paint","slug":"paint-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"wifi-off","slug":"wifi-off-regular","category_id":115,"type_of_icon":"REGULAR"},{"name":"credit-card","slug":"credit-card-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"credit-card-alt","slug":"credit-card-alt-solid","category_id":107,"type_of_icon":"SOLID"},{"name":"credit-card-alt","slug":"credit-card-alt-regular","category_id":107,"type_of_icon":"REGULAR"},{"name":"band-aid","slug":"band-aid-solid","category_id":109,"type_of_icon":"SOLID"},{"name":"band-aid","slug":"band-aid-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"hive","slug":"hive-regular","category_id":113,"type_of_icon":"REGULAR"},{"name":"map-pin","slug":"map-pin-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"map-pin","slug":"map-pin-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"line-chart","slug":"line-chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"receipt","slug":"receipt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"receipt","slug":"receipt-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"purchase-tag-alt","slug":"purchase-tag-alt-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"purchase-tag-alt","slug":"purchase-tag-alt-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"basket","slug":"basket-solid","category_id":104,"type_of_icon":"SOLID"},{"name":"basket","slug":"basket-regular","category_id":104,"type_of_icon":"REGULAR"},{"name":"palette","slug":"palette-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"palette","slug":"palette-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"plane-alt","slug":"plane-alt-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"component","slug":"component-solid","category_id":100,"type_of_icon":"SOLID"},{"name":"traffic-barrier","slug":"traffic-barrier-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"no-entry","slug":"no-entry-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"no-entry","slug":"no-entry-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"message-alt-dots","slug":"message-alt-dots-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt-dots","slug":"message-alt-dots-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"message-alt","slug":"message-alt-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"message-alt","slug":"message-alt-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"check-square","slug":"check-square-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"check-square","slug":"check-square-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"notification-off","slug":"notification-off-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"notification","slug":"notification-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"log-out","slug":"log-out-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"log-in","slug":"log-in-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"log-out-circle","slug":"log-out-circle-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"log-out-circle","slug":"log-out-circle-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"log-in-circle","slug":"log-in-circle-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"log-in-circle","slug":"log-in-circle-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"circle","slug":"circle-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"doughnut-chart","slug":"doughnut-chart-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"doughnut-chart","slug":"doughnut-chart-regular","category_id":99,"type_of_icon":"REGULAR"},{"name":"building-house","slug":"building-house-solid","category_id":98,"type_of_icon":"SOLID"},{"name":"building-house","slug":"building-house-regular","category_id":98,"type_of_icon":"REGULAR"},{"name":"accessibility","slug":"accessibility-regular","category_id":94,"type_of_icon":"REGULAR"},{"name":"user-voice","slug":"user-voice-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-voice","slug":"user-voice-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"cuboid","slug":"cuboid-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"cuboid","slug":"cuboid-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"cube-alt","slug":"cube-alt-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"cube-alt","slug":"cube-alt-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"polygon","slug":"polygon-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"polygon","slug":"polygon-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"square-rounded","slug":"square-rounded-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"square-rounded","slug":"square-rounded-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"square","slug":"square-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"square","slug":"square-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"error-alt","slug":"error-alt-solid","category_id":95,"type_of_icon":"SOLID"},{"name":"error-alt","slug":"error-alt-regular","category_id":95,"type_of_icon":"REGULAR"},{"name":"shield-alt-2","slug":"shield-alt-2-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"shield-alt-2","slug":"shield-alt-2-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"paint-roll","slug":"paint-roll-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"paint-roll","slug":"paint-roll-regular","category_id":102,"type_of_icon":"REGULAR"},{"name":"droplet-half","slug":"droplet-half-solid","category_id":102,"type_of_icon":"SOLID"},{"name":"droplet","slug":"droplet-regular","category_id":123,"type_of_icon":"REGULAR"},{"name":"street-view","slug":"street-view-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"plus-medical","slug":"plus-medical-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"search-alt-2","slug":"search-alt-2-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"search-alt-2","slug":"search-alt-2-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"bowling-ball","slug":"bowling-ball-solid","category_id":119,"type_of_icon":"SOLID"},{"name":"bowling-ball","slug":"bowling-ball-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"dna","slug":"dna-regular","category_id":109,"type_of_icon":"REGULAR"},{"name":"cycling","slug":"cycling-regular","category_id":119,"type_of_icon":"REGULAR"},{"name":"shape-circle","slug":"shape-circle-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"down-arrow-alt","slug":"down-arrow-alt-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"up-arrow-alt","slug":"up-arrow-alt-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"right-arrow-alt","slug":"right-arrow-alt-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"left-arrow-alt","slug":"left-arrow-alt-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"hourglass-bottom","slug":"hourglass-bottom-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"hourglass-top","slug":"hourglass-top-solid","category_id":120,"type_of_icon":"SOLID"},{"name":"lock-open-alt","slug":"lock-open-alt-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"lock-open-alt","slug":"lock-open-alt-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"lock-alt","slug":"lock-alt-solid","category_id":116,"type_of_icon":"SOLID"},{"name":"lock-alt","slug":"lock-alt-regular","category_id":116,"type_of_icon":"REGULAR"},{"name":"graduation","slug":"graduation-solid","category_id":124,"type_of_icon":"SOLID"},{"name":"cylinder","slug":"cylinder-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"cylinder","slug":"cylinder-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"pyramid","slug":"pyramid-solid","category_id":118,"type_of_icon":"SOLID"},{"name":"pyramid","slug":"pyramid-regular","category_id":118,"type_of_icon":"REGULAR"},{"name":"wine","slug":"wine-solid","category_id":108,"type_of_icon":"SOLID"},{"name":"comment-dots","slug":"comment-dots-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-dots","slug":"comment-dots-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"comment","slug":"comment-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment","slug":"comment-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"traffic","slug":"traffic-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"landscape","slug":"landscape-solid","category_id":117,"type_of_icon":"SOLID"},{"name":"landscape","slug":"landscape-regular","category_id":117,"type_of_icon":"REGULAR"},{"name":"adjust-alt","slug":"adjust-alt-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"id-card","slug":"id-card-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"parking","slug":"parking-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"plane-land","slug":"plane-land-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"plane-take-off","slug":"plane-take-off-solid","category_id":121,"type_of_icon":"SOLID"},{"name":"book-open","slug":"book-open-regular","category_id":124,"type_of_icon":"REGULAR"},{"name":"analyse","slug":"analyse-solid","category_id":99,"type_of_icon":"SOLID"},{"name":"file-gif","slug":"file-gif-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-jpg","slug":"file-jpg-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-png","slug":"file-png-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-txt","slug":"file-txt-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-md","slug":"file-md-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-json","slug":"file-json-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-js","slug":"file-js-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-css","slug":"file-css-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"comment-add","slug":"comment-add-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"comment-detail","slug":"comment-detail-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"file-html","slug":"file-html-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"file-doc","slug":"file-doc-solid","category_id":106,"type_of_icon":"SOLID"},{"name":"transfer-alt","slug":"transfer-alt-regular","category_id":96,"type_of_icon":"REGULAR"},{"name":"copy-alt","slug":"copy-alt-solid","category_id":110,"type_of_icon":"SOLID"},{"name":"copy-alt","slug":"copy-alt-regular","category_id":110,"type_of_icon":"REGULAR"},{"name":"run","slug":"run-regular","category_id":121,"type_of_icon":"REGULAR"},{"name":"user-pin","slug":"user-pin-solid","category_id":122,"type_of_icon":"SOLID"},{"name":"user-pin","slug":"user-pin-regular","category_id":122,"type_of_icon":"REGULAR"},{"name":"quote-single-right","slug":"quote-single-right-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"quote-single-left","slug":"quote-single-left-solid","category_id":101,"type_of_icon":"SOLID"},{"name":"grid","slug":"grid-regular","category_id":111,"type_of_icon":"REGULAR"},{"name":"code-alt","slug":"code-alt-regular","category_id":100,"type_of_icon":"REGULAR"},{"name":"mail-send","slug":"mail-send-regular","category_id":101,"type_of_icon":"REGULAR"},{"name":"ghost","slug":"ghost-solid","category_id":105,"type_of_icon":"SOLID"},{"name":"ghost","slug":"ghost-regular","category_id":105,"type_of_icon":"REGULAR"},{"name":"direction-left","slug":"direction-left-solid","category_id":121,"type_of_icon":"SOLID"}]}'
-
-icons = JSON.parse(icons)
-var solid = ""
-var regularIcon = ""
-var logos = ""
-
-class IconBoxicons extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  componentDidMount() {
-    icons.data.forEach(function (val) {
-      switch (val.type_of_icon) {
-        case "SOLID":
-          logos +=
-            '<div class="col-xl-3 col-lg-4 col-sm-6"><i class="bx bxs-' +
-            val.name +
-            '"></i> bx bxs-' +
-            val.name +
-            "</div>"
-          break
-        case "LOGO":
-          solid +=
-            '<div class="col-xl-3 col-lg-4 col-sm-6"><i class="bx bxl-' +
-            val.name +
-            '"></i> bx bxl-' +
-            val.name +
-            "</div>"
-          break
-        case "REGULAR":
-          regularIcon +=
-            '<div class="col-xl-3 col-lg-4 col-sm-6"><i class="bx bx-' +
-            val.name +
-            '"></i> bx bx-' +
-            val.name +
-            "</div>"
-          break
-        default:
-          console.log("yes")
-      }
-    })
-
-    document.getElementById("solid").innerHTML = solid
-    document.getElementById("logos").innerHTML = logos
-    document.getElementById("regularIcon").innerHTML = regularIcon
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Boxicons | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Icons" breadcrumbItem="Boxicons" />
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Examples</CardTitle>
-                    <p className="card-subtitle mb-4">
-                      Use class <code>&lt;i class="bx bx-**">&lt;/i></code>
-                    </p>
-
-                    <h5>Regular</h5>
-                    <Row className="icon-demo-content" id="regularIcon"></Row>
-
-                    <h5 className="mt-5">Solid Icons</h5>
-                    <Row className="icon-demo-content" id="solid"></Row>
-
-                    <h4 className="mt-5">Logos</h4>
-                    <Row className="icon-demo-content" id="logos"></Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default IconBoxicons
diff --git a/Client/src/backoffice/pages/Icons/IconDripicons.js b/Client/src/backoffice/pages/Icons/IconDripicons.js
deleted file mode 100644
index 6046638..0000000
--- a/Client/src/backoffice/pages/Icons/IconDripicons.js
+++ /dev/null
@@ -1,755 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class IconDripicons extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Dripicons | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Icons" breadcrumbItem="Dripicons" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Examples</h4>
-                    <p className="card-title-desc mb-2">
-                      Use{" "}
-                      <code>
-                        &lt;i className="dripicons-alarm"&gt;&lt;/i&gt;
-                      </code>
-                      .
-                    </p>
-
-                    <Row className="icon-demo-content">
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-alarm"/> dripicons-alarm
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-align-center"/>{" "}
-                        dripicons-align-center
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-align-justify"/>{" "}
-                        dripicons-align-justify
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-align-left"/>{" "}
-                        dripicons-align-left
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-align-right"/>{" "}
-                        dripicons-align-right
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-anchor"/> dripicons-anchor
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-archive"/> dripicons-archive
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-down"/>{" "}
-                        dripicons-arrow-down
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-left"/>{" "}
-                        dripicons-arrow-left
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-right"/>{" "}
-                        dripicons-arrow-right
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-thin-down"/>{" "}
-                        dripicons-arrow-thin-down
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-thin-left"/>{" "}
-                        dripicons-arrow-thin-left
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-thin-right"/>{" "}
-                        dripicons-arrow-thin-right
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-thin-up"/>{" "}
-                        dripicons-arrow-thin-up
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-arrow-up"/>{" "}
-                        dripicons-arrow-up
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className=" dripicons-article"/> dripicons-article
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-backspace"/>{" "}
-                        dripicons-backspace
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-basket"/> dripicons-basket
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-basketball"/>{" "}
-                        dripicons-basketball
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-battery-empty"/>{" "}
-                        dripicons-battery-empty
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-battery-full"/>{" "}
-                        dripicons-battery-full
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-battery-low"/>{" "}
-                        dripicons-battery-low
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-battery-medium"/>{" "}
-                        dripicons-battery-medium
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-bell"/> dripicons-bell
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-blog"/> dripicons-blog
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-bluetooth"/>{" "}
-                        dripicons-bluetooth
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-bold"/> dripicons-bold
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-bookmark"/>{" "}
-                        dripicons-bookmark
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-bookmarks"/>{" "}
-                        dripicons-bookmarks
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-box"/> dripicons-box
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-briefcase"/>{" "}
-                        dripicons-briefcase
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-brightness-low"/>{" "}
-                        dripicons-brightness-low
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-brightness-max"/>{" "}
-                        dripicons-brightness-max
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-brightness-medium"/>{" "}
-                        dripicons-brightness-medium
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-broadcast"/>{" "}
-                        dripicons-broadcast
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-browser"/> dripicons-browser
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-browser-upload"/>{" "}
-                        dripicons-browser-upload
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-brush"/> dripicons-brush
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-calendar"/>{" "}
-                        dripicons-calendar
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-camcorder"/>{" "}
-                        dripicons-camcorder
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-camera"/> dripicons-camera
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-card"/> dripicons-card
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cart"/> dripicons-cart
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-checklist"/>{" "}
-                        dripicons-checklist
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-checkmark"/>{" "}
-                        dripicons-checkmark
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-chevron-down"/>{" "}
-                        dripicons-chevron-down
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-chevron-left"/>{" "}
-                        dripicons-chevron-left
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-chevron-right"/>{" "}
-                        dripicons-chevron-right
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-chevron-up"/>{" "}
-                        dripicons-chevron-up
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-clipboard"/>{" "}
-                        dripicons-clipboard
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-clock"/> dripicons-clock
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-clockwise"/>{" "}
-                        dripicons-clockwise
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cloud"/> dripicons-cloud
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cloud-download"/>{" "}
-                        dripicons-cloud-download
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cloud-upload"/>{" "}
-                        dripicons-cloud-upload
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-code"/> dripicons-code
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-contract"/>{" "}
-                        dripicons-contract
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-contract-2"/>{" "}
-                        dripicons-contract-2
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-conversation"/>{" "}
-                        dripicons-conversation
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-copy"/> dripicons-copy
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-crop"/> dripicons-crop
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cross"/> dripicons-cross
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-crosshair"/>{" "}
-                        dripicons-crosshair
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-cutlery"/> dripicons-cutlery
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-device-desktop"/>{" "}
-                        dripicons-device-desktop
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-device-mobile"/>{" "}
-                        dripicons-device-mobile
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-device-tablet"/>{" "}
-                        dripicons-device-tablet
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-direction"/>{" "}
-                        dripicons-direction
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-disc"/> dripicons-disc
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-document"/>{" "}
-                        dripicons-document
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-document-delete"/>{" "}
-                        dripicons-document-delete
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-document-edit"/>{" "}
-                        dripicons-document-edit
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-document-new"/>{" "}
-                        dripicons-document-new
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-document-remove"/>{" "}
-                        dripicons-document-remove
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-dot"/> dripicons-dot
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-dots-2"/> dripicons-dots-2
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-dots-3"/> dripicons-dots-3
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-download"/>{" "}
-                        dripicons-download
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-duplicate"/>{" "}
-                        dripicons-duplicate
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-enter"/> dripicons-enter
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-exit"/> dripicons-exit
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-expand"/> dripicons-expand
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-expand-2"/>{" "}
-                        dripicons-expand-2
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-experiment"/>{" "}
-                        dripicons-experiment
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-export"/> dripicons-export
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-feed"/> dripicons-feed
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-flag"/> dripicons-flag
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-flashlight"/>{" "}
-                        dripicons-flashlight
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-folder"/> dripicons-folder
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-folder-open"/>{" "}
-                        dripicons-folder-open
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-forward"/> dripicons-forward
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-gaming"/> dripicons-gaming
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-gear"/> dripicons-gear
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-graduation"/>{" "}
-                        dripicons-graduation
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-graph-bar"/>{" "}
-                        dripicons-graph-bar
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-graph-line"/>{" "}
-                        dripicons-graph-line
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-graph-pie"/>{" "}
-                        dripicons-graph-pie
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-headset"/> dripicons-headset
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-heart"/> dripicons-heart
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-help"/> dripicons-help
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-home"/> dripicons-home
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-hourglass"/>{" "}
-                        dripicons-hourglass
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-inbox"/> dripicons-inbox
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-information"/>{" "}
-                        dripicons-information
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-italic"/> dripicons-italic
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-jewel"/> dripicons-jewel
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-lifting"/> dripicons-lifting
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-lightbulb"/>{" "}
-                        dripicons-lightbulb
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-link"/> dripicons-link
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-link-broken"/>{" "}
-                        dripicons-link-broken
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-list"/> dripicons-list
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-loading"/> dripicons-loading
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-location"/>{" "}
-                        dripicons-location
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-lock"/> dripicons-lock
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-lock-open"/>{" "}
-                        dripicons-lock-open
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-mail"/> dripicons-mail
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-map"/> dripicons-map
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-loop"/>{" "}
-                        dripicons-media-loop
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-next"/>{" "}
-                        dripicons-media-next
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-pause"/>{" "}
-                        dripicons-media-pause
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-play"/>{" "}
-                        dripicons-media-play
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-previous"/>{" "}
-                        dripicons-media-previous
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-record"/>{" "}
-                        dripicons-media-record
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-shuffle"/>{" "}
-                        dripicons-media-shuffle
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-media-stop"/>{" "}
-                        dripicons-media-stop
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-medical"/> dripicons-medical
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-menu"/> dripicons-menu
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-message"/> dripicons-message
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-meter"/> dripicons-meter
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-microphone"/>{" "}
-                        dripicons-microphone
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-minus"/> dripicons-minus
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-monitor"/> dripicons-monitor
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-move"/> dripicons-move
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-music"/> dripicons-music
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-network-1"/>{" "}
-                        dripicons-network-1
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-network-2"/>{" "}
-                        dripicons-network-2
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-network-3"/>{" "}
-                        dripicons-network-3
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-network-4"/>{" "}
-                        dripicons-network-4
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-network-5"/>{" "}
-                        dripicons-network-5
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-pamphlet"/>{" "}
-                        dripicons-pamphlet
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-paperclip"/>{" "}
-                        dripicons-paperclip
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-pencil"/> dripicons-pencil
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-phone"/> dripicons-phone
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-photo"/> dripicons-photo
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-photo-group"/>{" "}
-                        dripicons-photo-group
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-pill"/> dripicons-pill
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-pin"/> dripicons-pin
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-plus"/> dripicons-plus
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-power"/> dripicons-power
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-preview"/> dripicons-preview
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-print"/> dripicons-print
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-pulse"/> dripicons-pulse
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-question"/>{" "}
-                        dripicons-question
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-reply"/> dripicons-reply
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-reply-all"/>{" "}
-                        dripicons-reply-all
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-return"/> dripicons-return
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-retweet"/> dripicons-retweet
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-rocket"/> dripicons-rocket
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-scale"/> dripicons-scale
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-search"/> dripicons-search
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-shopping-bag"/>{" "}
-                        dripicons-shopping-bag
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-skip"/> dripicons-skip
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-stack"/> dripicons-stack
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-star"/> dripicons-star
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-stopwatch"/>{" "}
-                        dripicons-stopwatch
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-store"/> dripicons-store
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-suitcase"/>{" "}
-                        dripicons-suitcase
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-swap"/> dripicons-swap
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-tag"/> dripicons-tag
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-tag-delete"/>{" "}
-                        dripicons-tag-delete
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-tags"/> dripicons-tags
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-thumbs-down"/>{" "}
-                        dripicons-thumbs-down
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-thumbs-up"/>{" "}
-                        dripicons-thumbs-up
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-ticket"/> dripicons-ticket
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-time-reverse"/>{" "}
-                        dripicons-time-reverse
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-to-do"/> dripicons-to-do
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-toggles"/> dripicons-toggles
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-trash"/> dripicons-trash
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-trophy"/> dripicons-trophy
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-upload"/> dripicons-upload
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-user"/> dripicons-user
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-user-group"/>{" "}
-                        dripicons-user-group
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-user-id"/> dripicons-user-id
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-vibrate"/> dripicons-vibrate
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-view-apps"/>{" "}
-                        dripicons-view-apps
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-view-list"/>{" "}
-                        dripicons-view-list
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-view-list-large"/>{" "}
-                        dripicons-view-list-large
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-view-thumb"/>{" "}
-                        dripicons-view-thumb
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-volume-full"/>{" "}
-                        dripicons-volume-full
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-volume-low"/>{" "}
-                        dripicons-volume-low
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-volume-medium"/>{" "}
-                        dripicons-volume-medium
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-volume-off"/>{" "}
-                        dripicons-volume-off
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-wallet"/> dripicons-wallet
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-warning"/> dripicons-warning
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-web"/> dripicons-web
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-weight"/> dripicons-weight
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-wifi"/> dripicons-wifi
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-wrong"/> dripicons-wrong
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-zoom-in"/> dripicons-zoom-in
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="dripicons-zoom-out"/>{" "}
-                        dripicons-zoom-out
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default IconDripicons
diff --git a/Client/src/backoffice/pages/Icons/IconFontawesome.js b/Client/src/backoffice/pages/Icons/IconFontawesome.js
deleted file mode 100644
index 0264b03..0000000
--- a/Client/src/backoffice/pages/Icons/IconFontawesome.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-var icons =
-  '{"data":[{"attributes":{"id":"500px","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f26e","voted":false},"id":"500px","links":{"self":"/api/icons/500px"},"type":"icon"},{"attributes":{"id":"abacus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f640","voted":false},"id":"abacus","links":{"self":"/api/icons/abacus"},"type":"icon"},{"attributes":{"id":"accessible-icon","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f368","voted":false},"id":"accessible-icon","links":{"self":"/api/icons/accessible-icon"},"type":"icon"},{"attributes":{"id":"accusoft","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f369","voted":false},"id":"accusoft","links":{"self":"/api/icons/accusoft"},"type":"icon"},{"attributes":{"id":"acorn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ae","voted":false},"id":"acorn","links":{"self":"/api/icons/acorn"},"type":"icon"},{"attributes":{"id":"acquisitions-incorporated","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f6af","voted":false},"id":"acquisitions-incorporated","links":{"self":"/api/icons/acquisitions-incorporated"},"type":"icon"},{"attributes":{"id":"ad","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f641","voted":false},"id":"ad","links":{"self":"/api/icons/ad"},"type":"icon"},{"attributes":{"id":"address-book","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2b9","voted":false},"id":"address-book","links":{"self":"/api/icons/address-book"},"type":"icon"},{"attributes":{"id":"address-card","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2bb","voted":false},"id":"address-card","links":{"self":"/api/icons/address-card"},"type":"icon"},{"attributes":{"id":"adjust","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f042","voted":false},"id":"adjust","links":{"self":"/api/icons/adjust"},"type":"icon"},{"attributes":{"id":"adn","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f170","voted":false},"id":"adn","links":{"self":"/api/icons/adn"},"type":"icon"},{"attributes":{"id":"adobe","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f778","voted":false},"id":"adobe","links":{"self":"/api/icons/adobe"},"type":"icon"},{"attributes":{"id":"adversal","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36a","voted":false},"id":"adversal","links":{"self":"/api/icons/adversal"},"type":"icon"},{"attributes":{"id":"affiliatetheme","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36b","voted":false},"id":"affiliatetheme","links":{"self":"/api/icons/affiliatetheme"},"type":"icon"},{"attributes":{"id":"air-conditioner","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f4","voted":false},"id":"air-conditioner","links":{"self":"/api/icons/air-conditioner"},"type":"icon"},{"attributes":{"id":"air-freshener","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d0","voted":false},"id":"air-freshener","links":{"self":"/api/icons/air-freshener"},"type":"icon"},{"attributes":{"id":"airbnb","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f834","voted":false},"id":"airbnb","links":{"self":"/api/icons/airbnb"},"type":"icon"},{"attributes":{"id":"alarm-clock","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f34e","voted":false},"id":"alarm-clock","links":{"self":"/api/icons/alarm-clock"},"type":"icon"},{"attributes":{"id":"alarm-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f843","voted":false},"id":"alarm-exclamation","links":{"self":"/api/icons/alarm-exclamation"},"type":"icon"},{"attributes":{"id":"alarm-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f844","voted":false},"id":"alarm-plus","links":{"self":"/api/icons/alarm-plus"},"type":"icon"},{"attributes":{"id":"alarm-snooze","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f845","voted":true},"id":"alarm-snooze","links":{"self":"/api/icons/alarm-snooze"},"type":"icon"},{"attributes":{"id":"album","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f89f","voted":true},"id":"album","links":{"self":"/api/icons/album"},"type":"icon"},{"attributes":{"id":"album-collection","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a0","voted":false},"id":"album-collection","links":{"self":"/api/icons/album-collection"},"type":"icon"},{"attributes":{"id":"algolia","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36c","voted":false},"id":"algolia","links":{"self":"/api/icons/algolia"},"type":"icon"},{"attributes":{"id":"alicorn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b0","voted":false},"id":"alicorn","links":{"self":"/api/icons/alicorn"},"type":"icon"},{"attributes":{"id":"alien","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f5","voted":false},"id":"alien","links":{"self":"/api/icons/alien"},"type":"icon"},{"attributes":{"id":"alien-monster","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f6","voted":false},"id":"alien-monster","links":{"self":"/api/icons/alien-monster"},"type":"icon"},{"attributes":{"id":"align-center","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f037","voted":false},"id":"align-center","links":{"self":"/api/icons/align-center"},"type":"icon"},{"attributes":{"id":"align-justify","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f039","voted":false},"id":"align-justify","links":{"self":"/api/icons/align-justify"},"type":"icon"},{"attributes":{"id":"align-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f036","voted":false},"id":"align-left","links":{"self":"/api/icons/align-left"},"type":"icon"},{"attributes":{"id":"align-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f038","voted":false},"id":"align-right","links":{"self":"/api/icons/align-right"},"type":"icon"},{"attributes":{"id":"align-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f846","voted":false},"id":"align-slash","links":{"self":"/api/icons/align-slash"},"type":"icon"},{"attributes":{"id":"alipay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f642","voted":false},"id":"alipay","links":{"self":"/api/icons/alipay"},"type":"icon"},{"attributes":{"id":"allergies","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f461","voted":false},"id":"allergies","links":{"self":"/api/icons/allergies"},"type":"icon"},{"attributes":{"id":"amazon","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f270","voted":false},"id":"amazon","links":{"self":"/api/icons/amazon"},"type":"icon"},{"attributes":{"id":"amazon-pay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42c","voted":false},"id":"amazon-pay","links":{"self":"/api/icons/amazon-pay"},"type":"icon"},{"attributes":{"id":"ambulance","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f9","voted":false},"id":"ambulance","links":{"self":"/api/icons/ambulance"},"type":"icon"},{"attributes":{"id":"american-sign-language-interpreting","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a3","voted":false},"id":"american-sign-language-interpreting","links":{"self":"/api/icons/american-sign-language-interpreting"},"type":"icon"},{"attributes":{"id":"amilia","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36d","voted":false},"id":"amilia","links":{"self":"/api/icons/amilia"},"type":"icon"},{"attributes":{"id":"amp-guitar","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8a1","voted":false},"id":"amp-guitar","links":{"self":"/api/icons/amp-guitar"},"type":"icon"},{"attributes":{"id":"analytics","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f643","voted":false},"id":"analytics","links":{"self":"/api/icons/analytics"},"type":"icon"},{"attributes":{"id":"anchor","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f13d","voted":false},"id":"anchor","links":{"self":"/api/icons/anchor"},"type":"icon"},{"attributes":{"id":"android","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f17b","voted":false},"id":"android","links":{"self":"/api/icons/android"},"type":"icon"},{"attributes":{"id":"angel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f779","voted":false},"id":"angel","links":{"self":"/api/icons/angel"},"type":"icon"},{"attributes":{"id":"angellist","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f209","voted":false},"id":"angellist","links":{"self":"/api/icons/angellist"},"type":"icon"},{"attributes":{"id":"angle-double-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f103","voted":false},"id":"angle-double-down","links":{"self":"/api/icons/angle-double-down"},"type":"icon"},{"attributes":{"id":"angle-double-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f100","voted":false},"id":"angle-double-left","links":{"self":"/api/icons/angle-double-left"},"type":"icon"},{"attributes":{"id":"angle-double-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f101","voted":false},"id":"angle-double-right","links":{"self":"/api/icons/angle-double-right"},"type":"icon"},{"attributes":{"id":"angle-double-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f102","voted":false},"id":"angle-double-up","links":{"self":"/api/icons/angle-double-up"},"type":"icon"},{"attributes":{"id":"angle-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f107","voted":false},"id":"angle-down","links":{"self":"/api/icons/angle-down"},"type":"icon"},{"attributes":{"id":"angle-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f104","voted":false},"id":"angle-left","links":{"self":"/api/icons/angle-left"},"type":"icon"},{"attributes":{"id":"angle-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f105","voted":false},"id":"angle-right","links":{"self":"/api/icons/angle-right"},"type":"icon"},{"attributes":{"id":"angle-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f106","voted":false},"id":"angle-up","links":{"self":"/api/icons/angle-up"},"type":"icon"},{"attributes":{"id":"angry","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f556","voted":false},"id":"angry","links":{"self":"/api/icons/angry"},"type":"icon"},{"attributes":{"id":"angrycreative","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36e","voted":false},"id":"angrycreative","links":{"self":"/api/icons/angrycreative"},"type":"icon"},{"attributes":{"id":"angular","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f420","voted":false},"id":"angular","links":{"self":"/api/icons/angular"},"type":"icon"},{"attributes":{"id":"ankh","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f644","voted":false},"id":"ankh","links":{"self":"/api/icons/ankh"},"type":"icon"},{"attributes":{"id":"app-store","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f36f","voted":false},"id":"app-store","links":{"self":"/api/icons/app-store"},"type":"icon"},{"attributes":{"id":"app-store-ios","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f370","voted":false},"id":"app-store-ios","links":{"self":"/api/icons/app-store-ios"},"type":"icon"},{"attributes":{"id":"apper","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f371","voted":false},"id":"apper","links":{"self":"/api/icons/apper"},"type":"icon"},{"attributes":{"id":"apple","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f179","voted":false},"id":"apple","links":{"self":"/api/icons/apple"},"type":"icon"},{"attributes":{"id":"apple-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d1","voted":false},"id":"apple-alt","links":{"self":"/api/icons/apple-alt"},"type":"icon"},{"attributes":{"id":"apple-crate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b1","voted":false},"id":"apple-crate","links":{"self":"/api/icons/apple-crate"},"type":"icon"},{"attributes":{"id":"apple-pay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f415","voted":true},"id":"apple-pay","links":{"self":"/api/icons/apple-pay"},"type":"icon"},{"attributes":{"id":"archive","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f187","voted":false},"id":"archive","links":{"self":"/api/icons/archive"},"type":"icon"},{"attributes":{"id":"archway","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f557","voted":false},"id":"archway","links":{"self":"/api/icons/archway"},"type":"icon"},{"attributes":{"id":"arrow-alt-circle-down","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f358","voted":false},"id":"arrow-alt-circle-down","links":{"self":"/api/icons/arrow-alt-circle-down"},"type":"icon"},{"attributes":{"id":"arrow-alt-circle-left","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f359","voted":false},"id":"arrow-alt-circle-left","links":{"self":"/api/icons/arrow-alt-circle-left"},"type":"icon"},{"attributes":{"id":"arrow-alt-circle-right","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f35a","voted":false},"id":"arrow-alt-circle-right","links":{"self":"/api/icons/arrow-alt-circle-right"},"type":"icon"},{"attributes":{"id":"arrow-alt-circle-up","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f35b","voted":false},"id":"arrow-alt-circle-up","links":{"self":"/api/icons/arrow-alt-circle-up"},"type":"icon"},{"attributes":{"id":"arrow-alt-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f354","voted":false},"id":"arrow-alt-down","links":{"self":"/api/icons/arrow-alt-down"},"type":"icon"},{"attributes":{"id":"arrow-alt-from-bottom","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f346","voted":false},"id":"arrow-alt-from-bottom","links":{"self":"/api/icons/arrow-alt-from-bottom"},"type":"icon"},{"attributes":{"id":"arrow-alt-from-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f347","voted":false},"id":"arrow-alt-from-left","links":{"self":"/api/icons/arrow-alt-from-left"},"type":"icon"},{"attributes":{"id":"arrow-alt-from-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f348","voted":false},"id":"arrow-alt-from-right","links":{"self":"/api/icons/arrow-alt-from-right"},"type":"icon"},{"attributes":{"id":"arrow-alt-from-top","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f349","voted":false},"id":"arrow-alt-from-top","links":{"self":"/api/icons/arrow-alt-from-top"},"type":"icon"},{"attributes":{"id":"arrow-alt-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f355","voted":false},"id":"arrow-alt-left","links":{"self":"/api/icons/arrow-alt-left"},"type":"icon"},{"attributes":{"id":"arrow-alt-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f356","voted":false},"id":"arrow-alt-right","links":{"self":"/api/icons/arrow-alt-right"},"type":"icon"},{"attributes":{"id":"arrow-alt-square-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f350","voted":false},"id":"arrow-alt-square-down","links":{"self":"/api/icons/arrow-alt-square-down"},"type":"icon"},{"attributes":{"id":"arrow-alt-square-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f351","voted":false},"id":"arrow-alt-square-left","links":{"self":"/api/icons/arrow-alt-square-left"},"type":"icon"},{"attributes":{"id":"arrow-alt-square-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f352","voted":false},"id":"arrow-alt-square-right","links":{"self":"/api/icons/arrow-alt-square-right"},"type":"icon"},{"attributes":{"id":"arrow-alt-square-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f353","voted":false},"id":"arrow-alt-square-up","links":{"self":"/api/icons/arrow-alt-square-up"},"type":"icon"},{"attributes":{"id":"arrow-alt-to-bottom","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f34a","voted":false},"id":"arrow-alt-to-bottom","links":{"self":"/api/icons/arrow-alt-to-bottom"},"type":"icon"},{"attributes":{"id":"arrow-alt-to-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f34b","voted":false},"id":"arrow-alt-to-left","links":{"self":"/api/icons/arrow-alt-to-left"},"type":"icon"},{"attributes":{"id":"arrow-alt-to-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f34c","voted":false},"id":"arrow-alt-to-right","links":{"self":"/api/icons/arrow-alt-to-right"},"type":"icon"},{"attributes":{"id":"arrow-alt-to-top","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f34d","voted":false},"id":"arrow-alt-to-top","links":{"self":"/api/icons/arrow-alt-to-top"},"type":"icon"},{"attributes":{"id":"arrow-alt-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f357","voted":false},"id":"arrow-alt-up","links":{"self":"/api/icons/arrow-alt-up"},"type":"icon"},{"attributes":{"id":"arrow-circle-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ab","voted":false},"id":"arrow-circle-down","links":{"self":"/api/icons/arrow-circle-down"},"type":"icon"},{"attributes":{"id":"arrow-circle-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a8","voted":false},"id":"arrow-circle-left","links":{"self":"/api/icons/arrow-circle-left"},"type":"icon"},{"attributes":{"id":"arrow-circle-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a9","voted":false},"id":"arrow-circle-right","links":{"self":"/api/icons/arrow-circle-right"},"type":"icon"},{"attributes":{"id":"arrow-circle-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0aa","voted":false},"id":"arrow-circle-up","links":{"self":"/api/icons/arrow-circle-up"},"type":"icon"},{"attributes":{"id":"arrow-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f063","voted":false},"id":"arrow-down","links":{"self":"/api/icons/arrow-down"},"type":"icon"},{"attributes":{"id":"arrow-from-bottom","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f342","voted":false},"id":"arrow-from-bottom","links":{"self":"/api/icons/arrow-from-bottom"},"type":"icon"},{"attributes":{"id":"arrow-from-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f343","voted":false},"id":"arrow-from-left","links":{"self":"/api/icons/arrow-from-left"},"type":"icon"},{"attributes":{"id":"arrow-from-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f344","voted":false},"id":"arrow-from-right","links":{"self":"/api/icons/arrow-from-right"},"type":"icon"},{"attributes":{"id":"arrow-from-top","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f345","voted":false},"id":"arrow-from-top","links":{"self":"/api/icons/arrow-from-top"},"type":"icon"},{"attributes":{"id":"arrow-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f060","voted":false},"id":"arrow-left","links":{"self":"/api/icons/arrow-left"},"type":"icon"},{"attributes":{"id":"arrow-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f061","voted":false},"id":"arrow-right","links":{"self":"/api/icons/arrow-right"},"type":"icon"},{"attributes":{"id":"arrow-square-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f339","voted":false},"id":"arrow-square-down","links":{"self":"/api/icons/arrow-square-down"},"type":"icon"},{"attributes":{"id":"arrow-square-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f33a","voted":false},"id":"arrow-square-left","links":{"self":"/api/icons/arrow-square-left"},"type":"icon"},{"attributes":{"id":"arrow-square-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f33b","voted":false},"id":"arrow-square-right","links":{"self":"/api/icons/arrow-square-right"},"type":"icon"},{"attributes":{"id":"arrow-square-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f33c","voted":false},"id":"arrow-square-up","links":{"self":"/api/icons/arrow-square-up"},"type":"icon"},{"attributes":{"id":"arrow-to-bottom","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f33d","voted":false},"id":"arrow-to-bottom","links":{"self":"/api/icons/arrow-to-bottom"},"type":"icon"},{"attributes":{"id":"arrow-to-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f33e","voted":false},"id":"arrow-to-left","links":{"self":"/api/icons/arrow-to-left"},"type":"icon"},{"attributes":{"id":"arrow-to-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f340","voted":false},"id":"arrow-to-right","links":{"self":"/api/icons/arrow-to-right"},"type":"icon"},{"attributes":{"id":"arrow-to-top","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f341","voted":false},"id":"arrow-to-top","links":{"self":"/api/icons/arrow-to-top"},"type":"icon"},{"attributes":{"id":"arrow-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f062","voted":false},"id":"arrow-up","links":{"self":"/api/icons/arrow-up"},"type":"icon"},{"attributes":{"id":"arrows","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f047","voted":false},"id":"arrows","links":{"self":"/api/icons/arrows"},"type":"icon"},{"attributes":{"id":"arrows-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0b2","voted":false},"id":"arrows-alt","links":{"self":"/api/icons/arrows-alt"},"type":"icon"},{"attributes":{"id":"arrows-alt-h","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f337","voted":false},"id":"arrows-alt-h","links":{"self":"/api/icons/arrows-alt-h"},"type":"icon"},{"attributes":{"id":"arrows-alt-v","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f338","voted":false},"id":"arrows-alt-v","links":{"self":"/api/icons/arrows-alt-v"},"type":"icon"},{"attributes":{"id":"arrows-h","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f07e","voted":false},"id":"arrows-h","links":{"self":"/api/icons/arrows-h"},"type":"icon"},{"attributes":{"id":"arrows-v","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f07d","voted":false},"id":"arrows-v","links":{"self":"/api/icons/arrows-v"},"type":"icon"},{"attributes":{"id":"artstation","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f77a","voted":true},"id":"artstation","links":{"self":"/api/icons/artstation"},"type":"icon"},{"attributes":{"id":"assistive-listening-systems","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a2","voted":false},"id":"assistive-listening-systems","links":{"self":"/api/icons/assistive-listening-systems"},"type":"icon"},{"attributes":{"id":"asterisk","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f069","voted":false},"id":"asterisk","links":{"self":"/api/icons/asterisk"},"type":"icon"},{"attributes":{"id":"asymmetrik","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f372","voted":false},"id":"asymmetrik","links":{"self":"/api/icons/asymmetrik"},"type":"icon"},{"attributes":{"id":"at","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1fa","voted":false},"id":"at","links":{"self":"/api/icons/at"},"type":"icon"},{"attributes":{"id":"atlas","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f558","voted":false},"id":"atlas","links":{"self":"/api/icons/atlas"},"type":"icon"},{"attributes":{"id":"atlassian","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f77b","voted":true},"id":"atlassian","links":{"self":"/api/icons/atlassian"},"type":"icon"},{"attributes":{"id":"atom","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d2","voted":false},"id":"atom","links":{"self":"/api/icons/atom"},"type":"icon"},{"attributes":{"id":"atom-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d3","voted":false},"id":"atom-alt","links":{"self":"/api/icons/atom-alt"},"type":"icon"},{"attributes":{"id":"audible","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f373","voted":false},"id":"audible","links":{"self":"/api/icons/audible"},"type":"icon"},{"attributes":{"id":"audio-description","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f29e","voted":false},"id":"audio-description","links":{"self":"/api/icons/audio-description"},"type":"icon"},{"attributes":{"id":"autoprefixer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41c","voted":false},"id":"autoprefixer","links":{"self":"/api/icons/autoprefixer"},"type":"icon"},{"attributes":{"id":"avianex","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f374","voted":false},"id":"avianex","links":{"self":"/api/icons/avianex"},"type":"icon"},{"attributes":{"id":"aviato","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f421","voted":false},"id":"aviato","links":{"self":"/api/icons/aviato"},"type":"icon"},{"attributes":{"id":"award","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f559","voted":true},"id":"award","links":{"self":"/api/icons/award"},"type":"icon"},{"attributes":{"id":"aws","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f375","voted":false},"id":"aws","links":{"self":"/api/icons/aws"},"type":"icon"},{"attributes":{"id":"axe","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b2","voted":false},"id":"axe","links":{"self":"/api/icons/axe"},"type":"icon"},{"attributes":{"id":"axe-battle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b3","voted":false},"id":"axe-battle","links":{"self":"/api/icons/axe-battle"},"type":"icon"},{"attributes":{"id":"baby","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f77c","voted":true},"id":"baby","links":{"self":"/api/icons/baby"},"type":"icon"},{"attributes":{"id":"baby-carriage","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f77d","voted":true},"id":"baby-carriage","links":{"self":"/api/icons/baby-carriage"},"type":"icon"},{"attributes":{"id":"backpack","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d4","voted":false},"id":"backpack","links":{"self":"/api/icons/backpack"},"type":"icon"},{"attributes":{"id":"backspace","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55a","voted":true},"id":"backspace","links":{"self":"/api/icons/backspace"},"type":"icon"},{"attributes":{"id":"backward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f04a","voted":false},"id":"backward","links":{"self":"/api/icons/backward"},"type":"icon"},{"attributes":{"id":"bacon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e5","voted":false},"id":"bacon","links":{"self":"/api/icons/bacon"},"type":"icon"},{"attributes":{"id":"bacteria","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f959","voted":false},"id":"bacteria","links":{"self":"/api/icons/bacteria"},"type":"icon"},{"attributes":{"id":"bacterium","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95a","voted":false},"id":"bacterium","links":{"self":"/api/icons/bacterium"},"type":"icon"},{"attributes":{"id":"badge","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f335","voted":false},"id":"badge","links":{"self":"/api/icons/badge"},"type":"icon"},{"attributes":{"id":"badge-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f336","voted":false},"id":"badge-check","links":{"self":"/api/icons/badge-check"},"type":"icon"},{"attributes":{"id":"badge-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f645","voted":false},"id":"badge-dollar","links":{"self":"/api/icons/badge-dollar"},"type":"icon"},{"attributes":{"id":"badge-percent","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f646","voted":false},"id":"badge-percent","links":{"self":"/api/icons/badge-percent"},"type":"icon"},{"attributes":{"id":"badge-sheriff","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8a2","voted":false},"id":"badge-sheriff","links":{"self":"/api/icons/badge-sheriff"},"type":"icon"},{"attributes":{"id":"badger-honey","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b4","voted":false},"id":"badger-honey","links":{"self":"/api/icons/badger-honey"},"type":"icon"},{"attributes":{"id":"bags-shopping","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f847","voted":false},"id":"bags-shopping","links":{"self":"/api/icons/bags-shopping"},"type":"icon"},{"attributes":{"id":"bahai","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f666","voted":false},"id":"bahai","links":{"self":"/api/icons/bahai"},"type":"icon"},{"attributes":{"id":"balance-scale","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f24e","voted":false},"id":"balance-scale","links":{"self":"/api/icons/balance-scale"},"type":"icon"},{"attributes":{"id":"balance-scale-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f515","voted":true},"id":"balance-scale-left","links":{"self":"/api/icons/balance-scale-left"},"type":"icon"},{"attributes":{"id":"balance-scale-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f516","voted":true},"id":"balance-scale-right","links":{"self":"/api/icons/balance-scale-right"},"type":"icon"},{"attributes":{"id":"ball-pile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f77e","voted":false},"id":"ball-pile","links":{"self":"/api/icons/ball-pile"},"type":"icon"},{"attributes":{"id":"ballot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f732","voted":false},"id":"ballot","links":{"self":"/api/icons/ballot"},"type":"icon"},{"attributes":{"id":"ballot-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f733","voted":false},"id":"ballot-check","links":{"self":"/api/icons/ballot-check"},"type":"icon"},{"attributes":{"id":"ban","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f05e","voted":false},"id":"ban","links":{"self":"/api/icons/ban"},"type":"icon"},{"attributes":{"id":"band-aid","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f462","voted":false},"id":"band-aid","links":{"self":"/api/icons/band-aid"},"type":"icon"},{"attributes":{"id":"bandcamp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2d5","voted":false},"id":"bandcamp","links":{"self":"/api/icons/bandcamp"},"type":"icon"},{"attributes":{"id":"banjo","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a3","voted":false},"id":"banjo","links":{"self":"/api/icons/banjo"},"type":"icon"},{"attributes":{"id":"barcode","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02a","voted":false},"id":"barcode","links":{"self":"/api/icons/barcode"},"type":"icon"},{"attributes":{"id":"barcode-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f463","voted":false},"id":"barcode-alt","links":{"self":"/api/icons/barcode-alt"},"type":"icon"},{"attributes":{"id":"barcode-read","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f464","voted":false},"id":"barcode-read","links":{"self":"/api/icons/barcode-read"},"type":"icon"},{"attributes":{"id":"barcode-scan","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f465","voted":false},"id":"barcode-scan","links":{"self":"/api/icons/barcode-scan"},"type":"icon"},{"attributes":{"id":"bars","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c9","voted":false},"id":"bars","links":{"self":"/api/icons/bars"},"type":"icon"},{"attributes":{"id":"baseball","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f432","voted":false},"id":"baseball","links":{"self":"/api/icons/baseball"},"type":"icon"},{"attributes":{"id":"baseball-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f433","voted":false},"id":"baseball-ball","links":{"self":"/api/icons/baseball-ball"},"type":"icon"},{"attributes":{"id":"basketball-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f434","voted":false},"id":"basketball-ball","links":{"self":"/api/icons/basketball-ball"},"type":"icon"},{"attributes":{"id":"basketball-hoop","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f435","voted":false},"id":"basketball-hoop","links":{"self":"/api/icons/basketball-hoop"},"type":"icon"},{"attributes":{"id":"bat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b5","voted":false},"id":"bat","links":{"self":"/api/icons/bat"},"type":"icon"},{"attributes":{"id":"bath","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2cd","voted":false},"id":"bath","links":{"self":"/api/icons/bath"},"type":"icon"},{"attributes":{"id":"battery-bolt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f376","voted":false},"id":"battery-bolt","links":{"self":"/api/icons/battery-bolt"},"type":"icon"},{"attributes":{"id":"battery-empty","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f244","voted":false},"id":"battery-empty","links":{"self":"/api/icons/battery-empty"},"type":"icon"},{"attributes":{"id":"battery-full","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f240","voted":false},"id":"battery-full","links":{"self":"/api/icons/battery-full"},"type":"icon"},{"attributes":{"id":"battery-half","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f242","voted":false},"id":"battery-half","links":{"self":"/api/icons/battery-half"},"type":"icon"},{"attributes":{"id":"battery-quarter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f243","voted":false},"id":"battery-quarter","links":{"self":"/api/icons/battery-quarter"},"type":"icon"},{"attributes":{"id":"battery-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f377","voted":false},"id":"battery-slash","links":{"self":"/api/icons/battery-slash"},"type":"icon"},{"attributes":{"id":"battery-three-quarters","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f241","voted":false},"id":"battery-three-quarters","links":{"self":"/api/icons/battery-three-quarters"},"type":"icon"},{"attributes":{"id":"battle-net","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f835","voted":false},"id":"battle-net","links":{"self":"/api/icons/battle-net"},"type":"icon"},{"attributes":{"id":"bed","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f236","voted":false},"id":"bed","links":{"self":"/api/icons/bed"},"type":"icon"},{"attributes":{"id":"bed-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f7","voted":false},"id":"bed-alt","links":{"self":"/api/icons/bed-alt"},"type":"icon"},{"attributes":{"id":"bed-bunk","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f8","voted":false},"id":"bed-bunk","links":{"self":"/api/icons/bed-bunk"},"type":"icon"},{"attributes":{"id":"bed-empty","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f9","voted":false},"id":"bed-empty","links":{"self":"/api/icons/bed-empty"},"type":"icon"},{"attributes":{"id":"beer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0fc","voted":false},"id":"beer","links":{"self":"/api/icons/beer"},"type":"icon"},{"attributes":{"id":"behance","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1b4","voted":false},"id":"behance","links":{"self":"/api/icons/behance"},"type":"icon"},{"attributes":{"id":"behance-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1b5","voted":false},"id":"behance-square","links":{"self":"/api/icons/behance-square"},"type":"icon"},{"attributes":{"id":"bell","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f3","voted":false},"id":"bell","links":{"self":"/api/icons/bell"},"type":"icon"},{"attributes":{"id":"bell-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f848","voted":false},"id":"bell-exclamation","links":{"self":"/api/icons/bell-exclamation"},"type":"icon"},{"attributes":{"id":"bell-on","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8fa","voted":false},"id":"bell-on","links":{"self":"/api/icons/bell-on"},"type":"icon"},{"attributes":{"id":"bell-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f849","voted":false},"id":"bell-plus","links":{"self":"/api/icons/bell-plus"},"type":"icon"},{"attributes":{"id":"bell-school","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d5","voted":false},"id":"bell-school","links":{"self":"/api/icons/bell-school"},"type":"icon"},{"attributes":{"id":"bell-school-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d6","voted":false},"id":"bell-school-slash","links":{"self":"/api/icons/bell-school-slash"},"type":"icon"},{"attributes":{"id":"bell-slash","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1f6","voted":false},"id":"bell-slash","links":{"self":"/api/icons/bell-slash"},"type":"icon"},{"attributes":{"id":"bells","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f77f","voted":false},"id":"bells","links":{"self":"/api/icons/bells"},"type":"icon"},{"attributes":{"id":"betamax","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a4","voted":false},"id":"betamax","links":{"self":"/api/icons/betamax"},"type":"icon"},{"attributes":{"id":"bezier-curve","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55b","voted":false},"id":"bezier-curve","links":{"self":"/api/icons/bezier-curve"},"type":"icon"},{"attributes":{"id":"bible","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f647","voted":false},"id":"bible","links":{"self":"/api/icons/bible"},"type":"icon"},{"attributes":{"id":"bicycle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f206","voted":false},"id":"bicycle","links":{"self":"/api/icons/bicycle"},"type":"icon"},{"attributes":{"id":"biking","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84a","voted":false},"id":"biking","links":{"self":"/api/icons/biking"},"type":"icon"},{"attributes":{"id":"biking-mountain","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84b","voted":false},"id":"biking-mountain","links":{"self":"/api/icons/biking-mountain"},"type":"icon"},{"attributes":{"id":"bimobject","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f378","voted":false},"id":"bimobject","links":{"self":"/api/icons/bimobject"},"type":"icon"},{"attributes":{"id":"binoculars","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e5","voted":false},"id":"binoculars","links":{"self":"/api/icons/binoculars"},"type":"icon"},{"attributes":{"id":"biohazard","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f780","voted":true},"id":"biohazard","links":{"self":"/api/icons/biohazard"},"type":"icon"},{"attributes":{"id":"birthday-cake","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1fd","voted":false},"id":"birthday-cake","links":{"self":"/api/icons/birthday-cake"},"type":"icon"},{"attributes":{"id":"bitbucket","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f171","voted":false},"id":"bitbucket","links":{"self":"/api/icons/bitbucket"},"type":"icon"},{"attributes":{"id":"bitcoin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f379","voted":false},"id":"bitcoin","links":{"self":"/api/icons/bitcoin"},"type":"icon"},{"attributes":{"id":"bity","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f37a","voted":false},"id":"bity","links":{"self":"/api/icons/bity"},"type":"icon"},{"attributes":{"id":"black-tie","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f27e","voted":false},"id":"black-tie","links":{"self":"/api/icons/black-tie"},"type":"icon"},{"attributes":{"id":"blackberry","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f37b","voted":false},"id":"blackberry","links":{"self":"/api/icons/blackberry"},"type":"icon"},{"attributes":{"id":"blanket","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f498","voted":false},"id":"blanket","links":{"self":"/api/icons/blanket"},"type":"icon"},{"attributes":{"id":"blender","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f517","voted":false},"id":"blender","links":{"self":"/api/icons/blender"},"type":"icon"},{"attributes":{"id":"blender-phone","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b6","voted":false},"id":"blender-phone","links":{"self":"/api/icons/blender-phone"},"type":"icon"},{"attributes":{"id":"blind","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f29d","voted":false},"id":"blind","links":{"self":"/api/icons/blind"},"type":"icon"},{"attributes":{"id":"blinds","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8fb","voted":false},"id":"blinds","links":{"self":"/api/icons/blinds"},"type":"icon"},{"attributes":{"id":"blinds-open","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8fc","voted":false},"id":"blinds-open","links":{"self":"/api/icons/blinds-open"},"type":"icon"},{"attributes":{"id":"blinds-raised","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8fd","voted":false},"id":"blinds-raised","links":{"self":"/api/icons/blinds-raised"},"type":"icon"},{"attributes":{"id":"blog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f781","voted":true},"id":"blog","links":{"self":"/api/icons/blog"},"type":"icon"},{"attributes":{"id":"blogger","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f37c","voted":false},"id":"blogger","links":{"self":"/api/icons/blogger"},"type":"icon"},{"attributes":{"id":"blogger-b","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f37d","voted":false},"id":"blogger-b","links":{"self":"/api/icons/blogger-b"},"type":"icon"},{"attributes":{"id":"bluetooth","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f293","voted":false},"id":"bluetooth","links":{"self":"/api/icons/bluetooth"},"type":"icon"},{"attributes":{"id":"bluetooth-b","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f294","voted":false},"id":"bluetooth-b","links":{"self":"/api/icons/bluetooth-b"},"type":"icon"},{"attributes":{"id":"bold","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f032","voted":false},"id":"bold","links":{"self":"/api/icons/bold"},"type":"icon"},{"attributes":{"id":"bolt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e7","voted":false},"id":"bolt","links":{"self":"/api/icons/bolt"},"type":"icon"},{"attributes":{"id":"bomb","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e2","voted":false},"id":"bomb","links":{"self":"/api/icons/bomb"},"type":"icon"},{"attributes":{"id":"bone","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d7","voted":false},"id":"bone","links":{"self":"/api/icons/bone"},"type":"icon"},{"attributes":{"id":"bone-break","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d8","voted":false},"id":"bone-break","links":{"self":"/api/icons/bone-break"},"type":"icon"},{"attributes":{"id":"bong","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55c","voted":false},"id":"bong","links":{"self":"/api/icons/bong"},"type":"icon"},{"attributes":{"id":"book","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02d","voted":false},"id":"book","links":{"self":"/api/icons/book"},"type":"icon"},{"attributes":{"id":"book-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5d9","voted":false},"id":"book-alt","links":{"self":"/api/icons/book-alt"},"type":"icon"},{"attributes":{"id":"book-dead","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b7","voted":false},"id":"book-dead","links":{"self":"/api/icons/book-dead"},"type":"icon"},{"attributes":{"id":"book-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f499","voted":false},"id":"book-heart","links":{"self":"/api/icons/book-heart"},"type":"icon"},{"attributes":{"id":"book-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e6","voted":false},"id":"book-medical","links":{"self":"/api/icons/book-medical"},"type":"icon"},{"attributes":{"id":"book-open","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f518","voted":true},"id":"book-open","links":{"self":"/api/icons/book-open"},"type":"icon"},{"attributes":{"id":"book-reader","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5da","voted":false},"id":"book-reader","links":{"self":"/api/icons/book-reader"},"type":"icon"},{"attributes":{"id":"book-spells","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b8","voted":false},"id":"book-spells","links":{"self":"/api/icons/book-spells"},"type":"icon"},{"attributes":{"id":"book-user","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e7","voted":false},"id":"book-user","links":{"self":"/api/icons/book-user"},"type":"icon"},{"attributes":{"id":"bookmark","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02e","voted":false},"id":"bookmark","links":{"self":"/api/icons/bookmark"},"type":"icon"},{"attributes":{"id":"books","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5db","voted":false},"id":"books","links":{"self":"/api/icons/books"},"type":"icon"},{"attributes":{"id":"books-medical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e8","voted":false},"id":"books-medical","links":{"self":"/api/icons/books-medical"},"type":"icon"},{"attributes":{"id":"boombox","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a5","voted":false},"id":"boombox","links":{"self":"/api/icons/boombox"},"type":"icon"},{"attributes":{"id":"boot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f782","voted":false},"id":"boot","links":{"self":"/api/icons/boot"},"type":"icon"},{"attributes":{"id":"booth-curtain","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f734","voted":false},"id":"booth-curtain","links":{"self":"/api/icons/booth-curtain"},"type":"icon"},{"attributes":{"id":"bootstrap","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f836","voted":false},"id":"bootstrap","links":{"self":"/api/icons/bootstrap"},"type":"icon"},{"attributes":{"id":"border-all","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84c","voted":false},"id":"border-all","links":{"self":"/api/icons/border-all"},"type":"icon"},{"attributes":{"id":"border-bottom","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84d","voted":false},"id":"border-bottom","links":{"self":"/api/icons/border-bottom"},"type":"icon"},{"attributes":{"id":"border-center-h","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f89c","voted":false},"id":"border-center-h","links":{"self":"/api/icons/border-center-h"},"type":"icon"},{"attributes":{"id":"border-center-v","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f89d","voted":false},"id":"border-center-v","links":{"self":"/api/icons/border-center-v"},"type":"icon"},{"attributes":{"id":"border-inner","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84e","voted":false},"id":"border-inner","links":{"self":"/api/icons/border-inner"},"type":"icon"},{"attributes":{"id":"border-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f84f","voted":false},"id":"border-left","links":{"self":"/api/icons/border-left"},"type":"icon"},{"attributes":{"id":"border-none","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f850","voted":false},"id":"border-none","links":{"self":"/api/icons/border-none"},"type":"icon"},{"attributes":{"id":"border-outer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f851","voted":false},"id":"border-outer","links":{"self":"/api/icons/border-outer"},"type":"icon"},{"attributes":{"id":"border-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f852","voted":false},"id":"border-right","links":{"self":"/api/icons/border-right"},"type":"icon"},{"attributes":{"id":"border-style","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f853","voted":false},"id":"border-style","links":{"self":"/api/icons/border-style"},"type":"icon"},{"attributes":{"id":"border-style-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f854","voted":false},"id":"border-style-alt","links":{"self":"/api/icons/border-style-alt"},"type":"icon"},{"attributes":{"id":"border-top","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f855","voted":false},"id":"border-top","links":{"self":"/api/icons/border-top"},"type":"icon"},{"attributes":{"id":"bow-arrow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6b9","voted":false},"id":"bow-arrow","links":{"self":"/api/icons/bow-arrow"},"type":"icon"},{"attributes":{"id":"bowling-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f436","voted":false},"id":"bowling-ball","links":{"self":"/api/icons/bowling-ball"},"type":"icon"},{"attributes":{"id":"bowling-pins","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f437","voted":false},"id":"bowling-pins","links":{"self":"/api/icons/bowling-pins"},"type":"icon"},{"attributes":{"id":"box","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f466","voted":false},"id":"box","links":{"self":"/api/icons/box"},"type":"icon"},{"attributes":{"id":"box-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49a","voted":false},"id":"box-alt","links":{"self":"/api/icons/box-alt"},"type":"icon"},{"attributes":{"id":"box-ballot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f735","voted":false},"id":"box-ballot","links":{"self":"/api/icons/box-ballot"},"type":"icon"},{"attributes":{"id":"box-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f467","voted":false},"id":"box-check","links":{"self":"/api/icons/box-check"},"type":"icon"},{"attributes":{"id":"box-fragile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49b","voted":false},"id":"box-fragile","links":{"self":"/api/icons/box-fragile"},"type":"icon"},{"attributes":{"id":"box-full","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49c","voted":false},"id":"box-full","links":{"self":"/api/icons/box-full"},"type":"icon"},{"attributes":{"id":"box-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49d","voted":false},"id":"box-heart","links":{"self":"/api/icons/box-heart"},"type":"icon"},{"attributes":{"id":"box-open","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49e","voted":false},"id":"box-open","links":{"self":"/api/icons/box-open"},"type":"icon"},{"attributes":{"id":"box-tissue","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95b","voted":false},"id":"box-tissue","links":{"self":"/api/icons/box-tissue"},"type":"icon"},{"attributes":{"id":"box-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f49f","voted":false},"id":"box-up","links":{"self":"/api/icons/box-up"},"type":"icon"},{"attributes":{"id":"box-usd","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a0","voted":false},"id":"box-usd","links":{"self":"/api/icons/box-usd"},"type":"icon"},{"attributes":{"id":"boxes","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f468","voted":false},"id":"boxes","links":{"self":"/api/icons/boxes"},"type":"icon"},{"attributes":{"id":"boxes-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a1","voted":false},"id":"boxes-alt","links":{"self":"/api/icons/boxes-alt"},"type":"icon"},{"attributes":{"id":"boxing-glove","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f438","voted":false},"id":"boxing-glove","links":{"self":"/api/icons/boxing-glove"},"type":"icon"},{"attributes":{"id":"brackets","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e9","voted":false},"id":"brackets","links":{"self":"/api/icons/brackets"},"type":"icon"},{"attributes":{"id":"brackets-curly","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ea","voted":true},"id":"brackets-curly","links":{"self":"/api/icons/brackets-curly"},"type":"icon"},{"attributes":{"id":"braille","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a1","voted":false},"id":"braille","links":{"self":"/api/icons/braille"},"type":"icon"},{"attributes":{"id":"brain","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5dc","voted":false},"id":"brain","links":{"self":"/api/icons/brain"},"type":"icon"},{"attributes":{"id":"bread-loaf","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7eb","voted":false},"id":"bread-loaf","links":{"self":"/api/icons/bread-loaf"},"type":"icon"},{"attributes":{"id":"bread-slice","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ec","voted":false},"id":"bread-slice","links":{"self":"/api/icons/bread-slice"},"type":"icon"},{"attributes":{"id":"briefcase","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0b1","voted":false},"id":"briefcase","links":{"self":"/api/icons/briefcase"},"type":"icon"},{"attributes":{"id":"briefcase-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f469","voted":false},"id":"briefcase-medical","links":{"self":"/api/icons/briefcase-medical"},"type":"icon"},{"attributes":{"id":"bring-forward","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f856","voted":true},"id":"bring-forward","links":{"self":"/api/icons/bring-forward"},"type":"icon"},{"attributes":{"id":"bring-front","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f857","voted":true},"id":"bring-front","links":{"self":"/api/icons/bring-front"},"type":"icon"},{"attributes":{"id":"broadcast-tower","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f519","voted":true},"id":"broadcast-tower","links":{"self":"/api/icons/broadcast-tower"},"type":"icon"},{"attributes":{"id":"broom","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51a","voted":true},"id":"broom","links":{"self":"/api/icons/broom"},"type":"icon"},{"attributes":{"id":"browser","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f37e","voted":false},"id":"browser","links":{"self":"/api/icons/browser"},"type":"icon"},{"attributes":{"id":"brush","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55d","voted":false},"id":"brush","links":{"self":"/api/icons/brush"},"type":"icon"},{"attributes":{"id":"btc","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f15a","voted":false},"id":"btc","links":{"self":"/api/icons/btc"},"type":"icon"},{"attributes":{"id":"buffer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f837","voted":false},"id":"buffer","links":{"self":"/api/icons/buffer"},"type":"icon"},{"attributes":{"id":"bug","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f188","voted":false},"id":"bug","links":{"self":"/api/icons/bug"},"type":"icon"},{"attributes":{"id":"building","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ad","voted":false},"id":"building","links":{"self":"/api/icons/building"},"type":"icon"},{"attributes":{"id":"bullhorn","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a1","voted":false},"id":"bullhorn","links":{"self":"/api/icons/bullhorn"},"type":"icon"},{"attributes":{"id":"bullseye","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f140","voted":false},"id":"bullseye","links":{"self":"/api/icons/bullseye"},"type":"icon"},{"attributes":{"id":"bullseye-arrow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f648","voted":false},"id":"bullseye-arrow","links":{"self":"/api/icons/bullseye-arrow"},"type":"icon"},{"attributes":{"id":"bullseye-pointer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f649","voted":false},"id":"bullseye-pointer","links":{"self":"/api/icons/bullseye-pointer"},"type":"icon"},{"attributes":{"id":"burger-soda","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f858","voted":false},"id":"burger-soda","links":{"self":"/api/icons/burger-soda"},"type":"icon"},{"attributes":{"id":"burn","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46a","voted":false},"id":"burn","links":{"self":"/api/icons/burn"},"type":"icon"},{"attributes":{"id":"buromobelexperte","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f37f","voted":false},"id":"buromobelexperte","links":{"self":"/api/icons/buromobelexperte"},"type":"icon"},{"attributes":{"id":"burrito","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ed","voted":false},"id":"burrito","links":{"self":"/api/icons/burrito"},"type":"icon"},{"attributes":{"id":"bus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f207","voted":false},"id":"bus","links":{"self":"/api/icons/bus"},"type":"icon"},{"attributes":{"id":"bus-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55e","voted":false},"id":"bus-alt","links":{"self":"/api/icons/bus-alt"},"type":"icon"},{"attributes":{"id":"bus-school","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5dd","voted":false},"id":"bus-school","links":{"self":"/api/icons/bus-school"},"type":"icon"},{"attributes":{"id":"business-time","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64a","voted":false},"id":"business-time","links":{"self":"/api/icons/business-time"},"type":"icon"},{"attributes":{"id":"buy-n-large","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f8a6","voted":false},"id":"buy-n-large","links":{"self":"/api/icons/buy-n-large"},"type":"icon"},{"attributes":{"id":"buysellads","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f20d","voted":false},"id":"buysellads","links":{"self":"/api/icons/buysellads"},"type":"icon"},{"attributes":{"id":"cabinet-filing","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64b","voted":false},"id":"cabinet-filing","links":{"self":"/api/icons/cabinet-filing"},"type":"icon"},{"attributes":{"id":"cactus","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8a7","voted":false},"id":"cactus","links":{"self":"/api/icons/cactus"},"type":"icon"},{"attributes":{"id":"calculator","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ec","voted":false},"id":"calculator","links":{"self":"/api/icons/calculator"},"type":"icon"},{"attributes":{"id":"calculator-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64c","voted":false},"id":"calculator-alt","links":{"self":"/api/icons/calculator-alt"},"type":"icon"},{"attributes":{"id":"calendar","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f133","voted":false},"id":"calendar","links":{"self":"/api/icons/calendar"},"type":"icon"},{"attributes":{"id":"calendar-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f073","voted":false},"id":"calendar-alt","links":{"self":"/api/icons/calendar-alt"},"type":"icon"},{"attributes":{"id":"calendar-check","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f274","voted":false},"id":"calendar-check","links":{"self":"/api/icons/calendar-check"},"type":"icon"},{"attributes":{"id":"calendar-day","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f783","voted":true},"id":"calendar-day","links":{"self":"/api/icons/calendar-day"},"type":"icon"},{"attributes":{"id":"calendar-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f333","voted":false},"id":"calendar-edit","links":{"self":"/api/icons/calendar-edit"},"type":"icon"},{"attributes":{"id":"calendar-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f334","voted":false},"id":"calendar-exclamation","links":{"self":"/api/icons/calendar-exclamation"},"type":"icon"},{"attributes":{"id":"calendar-minus","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f272","voted":false},"id":"calendar-minus","links":{"self":"/api/icons/calendar-minus"},"type":"icon"},{"attributes":{"id":"calendar-plus","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f271","voted":false},"id":"calendar-plus","links":{"self":"/api/icons/calendar-plus"},"type":"icon"},{"attributes":{"id":"calendar-star","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f736","voted":false},"id":"calendar-star","links":{"self":"/api/icons/calendar-star"},"type":"icon"},{"attributes":{"id":"calendar-times","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f273","voted":false},"id":"calendar-times","links":{"self":"/api/icons/calendar-times"},"type":"icon"},{"attributes":{"id":"calendar-week","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f784","voted":true},"id":"calendar-week","links":{"self":"/api/icons/calendar-week"},"type":"icon"},{"attributes":{"id":"camcorder","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a8","voted":false},"id":"camcorder","links":{"self":"/api/icons/camcorder"},"type":"icon"},{"attributes":{"id":"camera","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f030","voted":false},"id":"camera","links":{"self":"/api/icons/camera"},"type":"icon"},{"attributes":{"id":"camera-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f332","voted":false},"id":"camera-alt","links":{"self":"/api/icons/camera-alt"},"type":"icon"},{"attributes":{"id":"camera-home","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8fe","voted":false},"id":"camera-home","links":{"self":"/api/icons/camera-home"},"type":"icon"},{"attributes":{"id":"camera-movie","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8a9","voted":false},"id":"camera-movie","links":{"self":"/api/icons/camera-movie"},"type":"icon"},{"attributes":{"id":"camera-polaroid","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8aa","voted":false},"id":"camera-polaroid","links":{"self":"/api/icons/camera-polaroid"},"type":"icon"},{"attributes":{"id":"camera-retro","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f083","voted":false},"id":"camera-retro","links":{"self":"/api/icons/camera-retro"},"type":"icon"},{"attributes":{"id":"campfire","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ba","voted":false},"id":"campfire","links":{"self":"/api/icons/campfire"},"type":"icon"},{"attributes":{"id":"campground","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6bb","voted":false},"id":"campground","links":{"self":"/api/icons/campground"},"type":"icon"},{"attributes":{"id":"canadian-maple-leaf","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f785","voted":false},"id":"canadian-maple-leaf","links":{"self":"/api/icons/canadian-maple-leaf"},"type":"icon"},{"attributes":{"id":"candle-holder","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6bc","voted":false},"id":"candle-holder","links":{"self":"/api/icons/candle-holder"},"type":"icon"},{"attributes":{"id":"candy-cane","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f786","voted":false},"id":"candy-cane","links":{"self":"/api/icons/candy-cane"},"type":"icon"},{"attributes":{"id":"candy-corn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6bd","voted":false},"id":"candy-corn","links":{"self":"/api/icons/candy-corn"},"type":"icon"},{"attributes":{"id":"cannabis","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f55f","voted":false},"id":"cannabis","links":{"self":"/api/icons/cannabis"},"type":"icon"},{"attributes":{"id":"capsules","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46b","voted":false},"id":"capsules","links":{"self":"/api/icons/capsules"},"type":"icon"},{"attributes":{"id":"car","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1b9","voted":false},"id":"car","links":{"self":"/api/icons/car"},"type":"icon"},{"attributes":{"id":"car-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5de","voted":false},"id":"car-alt","links":{"self":"/api/icons/car-alt"},"type":"icon"},{"attributes":{"id":"car-battery","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5df","voted":false},"id":"car-battery","links":{"self":"/api/icons/car-battery"},"type":"icon"},{"attributes":{"id":"car-building","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f859","voted":false},"id":"car-building","links":{"self":"/api/icons/car-building"},"type":"icon"},{"attributes":{"id":"car-bump","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e0","voted":false},"id":"car-bump","links":{"self":"/api/icons/car-bump"},"type":"icon"},{"attributes":{"id":"car-bus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85a","voted":false},"id":"car-bus","links":{"self":"/api/icons/car-bus"},"type":"icon"},{"attributes":{"id":"car-crash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e1","voted":false},"id":"car-crash","links":{"self":"/api/icons/car-crash"},"type":"icon"},{"attributes":{"id":"car-garage","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e2","voted":false},"id":"car-garage","links":{"self":"/api/icons/car-garage"},"type":"icon"},{"attributes":{"id":"car-mechanic","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e3","voted":false},"id":"car-mechanic","links":{"self":"/api/icons/car-mechanic"},"type":"icon"},{"attributes":{"id":"car-side","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e4","voted":false},"id":"car-side","links":{"self":"/api/icons/car-side"},"type":"icon"},{"attributes":{"id":"car-tilt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e5","voted":false},"id":"car-tilt","links":{"self":"/api/icons/car-tilt"},"type":"icon"},{"attributes":{"id":"car-wash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e6","voted":false},"id":"car-wash","links":{"self":"/api/icons/car-wash"},"type":"icon"},{"attributes":{"id":"caravan","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ff","voted":true},"id":"caravan","links":{"self":"/api/icons/caravan"},"type":"icon"},{"attributes":{"id":"caravan-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f900","voted":false},"id":"caravan-alt","links":{"self":"/api/icons/caravan-alt"},"type":"icon"},{"attributes":{"id":"caret-circle-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f32d","voted":false},"id":"caret-circle-down","links":{"self":"/api/icons/caret-circle-down"},"type":"icon"},{"attributes":{"id":"caret-circle-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f32e","voted":false},"id":"caret-circle-left","links":{"self":"/api/icons/caret-circle-left"},"type":"icon"},{"attributes":{"id":"caret-circle-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f330","voted":false},"id":"caret-circle-right","links":{"self":"/api/icons/caret-circle-right"},"type":"icon"},{"attributes":{"id":"caret-circle-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f331","voted":false},"id":"caret-circle-up","links":{"self":"/api/icons/caret-circle-up"},"type":"icon"},{"attributes":{"id":"caret-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d7","voted":false},"id":"caret-down","links":{"self":"/api/icons/caret-down"},"type":"icon"},{"attributes":{"id":"caret-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d9","voted":false},"id":"caret-left","links":{"self":"/api/icons/caret-left"},"type":"icon"},{"attributes":{"id":"caret-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0da","voted":false},"id":"caret-right","links":{"self":"/api/icons/caret-right"},"type":"icon"},{"attributes":{"id":"caret-square-down","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f150","voted":false},"id":"caret-square-down","links":{"self":"/api/icons/caret-square-down"},"type":"icon"},{"attributes":{"id":"caret-square-left","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f191","voted":false},"id":"caret-square-left","links":{"self":"/api/icons/caret-square-left"},"type":"icon"},{"attributes":{"id":"caret-square-right","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f152","voted":false},"id":"caret-square-right","links":{"self":"/api/icons/caret-square-right"},"type":"icon"},{"attributes":{"id":"caret-square-up","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f151","voted":false},"id":"caret-square-up","links":{"self":"/api/icons/caret-square-up"},"type":"icon"},{"attributes":{"id":"caret-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d8","voted":false},"id":"caret-up","links":{"self":"/api/icons/caret-up"},"type":"icon"},{"attributes":{"id":"carrot","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f787","voted":false},"id":"carrot","links":{"self":"/api/icons/carrot"},"type":"icon"},{"attributes":{"id":"cars","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85b","voted":false},"id":"cars","links":{"self":"/api/icons/cars"},"type":"icon"},{"attributes":{"id":"cart-arrow-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f218","voted":false},"id":"cart-arrow-down","links":{"self":"/api/icons/cart-arrow-down"},"type":"icon"},{"attributes":{"id":"cart-plus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f217","voted":false},"id":"cart-plus","links":{"self":"/api/icons/cart-plus"},"type":"icon"},{"attributes":{"id":"cash-register","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f788","voted":true},"id":"cash-register","links":{"self":"/api/icons/cash-register"},"type":"icon"},{"attributes":{"id":"cassette-tape","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ab","voted":false},"id":"cassette-tape","links":{"self":"/api/icons/cassette-tape"},"type":"icon"},{"attributes":{"id":"cat","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6be","voted":true},"id":"cat","links":{"self":"/api/icons/cat"},"type":"icon"},{"attributes":{"id":"cat-space","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f901","voted":false},"id":"cat-space","links":{"self":"/api/icons/cat-space"},"type":"icon"},{"attributes":{"id":"cauldron","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6bf","voted":false},"id":"cauldron","links":{"self":"/api/icons/cauldron"},"type":"icon"},{"attributes":{"id":"cc-amazon-pay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42d","voted":false},"id":"cc-amazon-pay","links":{"self":"/api/icons/cc-amazon-pay"},"type":"icon"},{"attributes":{"id":"cc-amex","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f3","voted":false},"id":"cc-amex","links":{"self":"/api/icons/cc-amex"},"type":"icon"},{"attributes":{"id":"cc-apple-pay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f416","voted":false},"id":"cc-apple-pay","links":{"self":"/api/icons/cc-apple-pay"},"type":"icon"},{"attributes":{"id":"cc-diners-club","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f24c","voted":false},"id":"cc-diners-club","links":{"self":"/api/icons/cc-diners-club"},"type":"icon"},{"attributes":{"id":"cc-discover","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f2","voted":false},"id":"cc-discover","links":{"self":"/api/icons/cc-discover"},"type":"icon"},{"attributes":{"id":"cc-jcb","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f24b","voted":false},"id":"cc-jcb","links":{"self":"/api/icons/cc-jcb"},"type":"icon"},{"attributes":{"id":"cc-mastercard","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f1","voted":false},"id":"cc-mastercard","links":{"self":"/api/icons/cc-mastercard"},"type":"icon"},{"attributes":{"id":"cc-paypal","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f4","voted":false},"id":"cc-paypal","links":{"self":"/api/icons/cc-paypal"},"type":"icon"},{"attributes":{"id":"cc-stripe","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f5","voted":false},"id":"cc-stripe","links":{"self":"/api/icons/cc-stripe"},"type":"icon"},{"attributes":{"id":"cc-visa","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1f0","voted":false},"id":"cc-visa","links":{"self":"/api/icons/cc-visa"},"type":"icon"},{"attributes":{"id":"cctv","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ac","voted":false},"id":"cctv","links":{"self":"/api/icons/cctv"},"type":"icon"},{"attributes":{"id":"centercode","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f380","voted":false},"id":"centercode","links":{"self":"/api/icons/centercode"},"type":"icon"},{"attributes":{"id":"centos","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f789","voted":true},"id":"centos","links":{"self":"/api/icons/centos"},"type":"icon"},{"attributes":{"id":"certificate","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a3","voted":false},"id":"certificate","links":{"self":"/api/icons/certificate"},"type":"icon"},{"attributes":{"id":"chair","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c0","voted":true},"id":"chair","links":{"self":"/api/icons/chair"},"type":"icon"},{"attributes":{"id":"chair-office","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c1","voted":true},"id":"chair-office","links":{"self":"/api/icons/chair-office"},"type":"icon"},{"attributes":{"id":"chalkboard","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51b","voted":false},"id":"chalkboard","links":{"self":"/api/icons/chalkboard"},"type":"icon"},{"attributes":{"id":"chalkboard-teacher","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51c","voted":false},"id":"chalkboard-teacher","links":{"self":"/api/icons/chalkboard-teacher"},"type":"icon"},{"attributes":{"id":"charging-station","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e7","voted":false},"id":"charging-station","links":{"self":"/api/icons/charging-station"},"type":"icon"},{"attributes":{"id":"chart-area","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1fe","voted":false},"id":"chart-area","links":{"self":"/api/icons/chart-area"},"type":"icon"},{"attributes":{"id":"chart-bar","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f080","voted":false},"id":"chart-bar","links":{"self":"/api/icons/chart-bar"},"type":"icon"},{"attributes":{"id":"chart-line","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f201","voted":false},"id":"chart-line","links":{"self":"/api/icons/chart-line"},"type":"icon"},{"attributes":{"id":"chart-line-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64d","voted":false},"id":"chart-line-down","links":{"self":"/api/icons/chart-line-down"},"type":"icon"},{"attributes":{"id":"chart-network","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f78a","voted":true},"id":"chart-network","links":{"self":"/api/icons/chart-network"},"type":"icon"},{"attributes":{"id":"chart-pie","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f200","voted":false},"id":"chart-pie","links":{"self":"/api/icons/chart-pie"},"type":"icon"},{"attributes":{"id":"chart-pie-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64e","voted":false},"id":"chart-pie-alt","links":{"self":"/api/icons/chart-pie-alt"},"type":"icon"},{"attributes":{"id":"chart-scatter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ee","voted":true},"id":"chart-scatter","links":{"self":"/api/icons/chart-scatter"},"type":"icon"},{"attributes":{"id":"check","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f00c","voted":false},"id":"check","links":{"self":"/api/icons/check"},"type":"icon"},{"attributes":{"id":"check-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f058","voted":false},"id":"check-circle","links":{"self":"/api/icons/check-circle"},"type":"icon"},{"attributes":{"id":"check-double","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f560","voted":true},"id":"check-double","links":{"self":"/api/icons/check-double"},"type":"icon"},{"attributes":{"id":"check-square","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f14a","voted":false},"id":"check-square","links":{"self":"/api/icons/check-square"},"type":"icon"},{"attributes":{"id":"cheese","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ef","voted":false},"id":"cheese","links":{"self":"/api/icons/cheese"},"type":"icon"},{"attributes":{"id":"cheese-swiss","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f0","voted":false},"id":"cheese-swiss","links":{"self":"/api/icons/cheese-swiss"},"type":"icon"},{"attributes":{"id":"cheeseburger","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f1","voted":false},"id":"cheeseburger","links":{"self":"/api/icons/cheeseburger"},"type":"icon"},{"attributes":{"id":"chess","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f439","voted":false},"id":"chess","links":{"self":"/api/icons/chess"},"type":"icon"},{"attributes":{"id":"chess-bishop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43a","voted":false},"id":"chess-bishop","links":{"self":"/api/icons/chess-bishop"},"type":"icon"},{"attributes":{"id":"chess-bishop-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43b","voted":false},"id":"chess-bishop-alt","links":{"self":"/api/icons/chess-bishop-alt"},"type":"icon"},{"attributes":{"id":"chess-board","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43c","voted":false},"id":"chess-board","links":{"self":"/api/icons/chess-board"},"type":"icon"},{"attributes":{"id":"chess-clock","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43d","voted":false},"id":"chess-clock","links":{"self":"/api/icons/chess-clock"},"type":"icon"},{"attributes":{"id":"chess-clock-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43e","voted":false},"id":"chess-clock-alt","links":{"self":"/api/icons/chess-clock-alt"},"type":"icon"},{"attributes":{"id":"chess-king","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f43f","voted":false},"id":"chess-king","links":{"self":"/api/icons/chess-king"},"type":"icon"},{"attributes":{"id":"chess-king-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f440","voted":false},"id":"chess-king-alt","links":{"self":"/api/icons/chess-king-alt"},"type":"icon"},{"attributes":{"id":"chess-knight","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f441","voted":false},"id":"chess-knight","links":{"self":"/api/icons/chess-knight"},"type":"icon"},{"attributes":{"id":"chess-knight-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f442","voted":false},"id":"chess-knight-alt","links":{"self":"/api/icons/chess-knight-alt"},"type":"icon"},{"attributes":{"id":"chess-pawn","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f443","voted":false},"id":"chess-pawn","links":{"self":"/api/icons/chess-pawn"},"type":"icon"},{"attributes":{"id":"chess-pawn-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f444","voted":false},"id":"chess-pawn-alt","links":{"self":"/api/icons/chess-pawn-alt"},"type":"icon"},{"attributes":{"id":"chess-queen","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f445","voted":false},"id":"chess-queen","links":{"self":"/api/icons/chess-queen"},"type":"icon"},{"attributes":{"id":"chess-queen-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f446","voted":false},"id":"chess-queen-alt","links":{"self":"/api/icons/chess-queen-alt"},"type":"icon"},{"attributes":{"id":"chess-rook","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f447","voted":false},"id":"chess-rook","links":{"self":"/api/icons/chess-rook"},"type":"icon"},{"attributes":{"id":"chess-rook-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f448","voted":false},"id":"chess-rook-alt","links":{"self":"/api/icons/chess-rook-alt"},"type":"icon"},{"attributes":{"id":"chevron-circle-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f13a","voted":false},"id":"chevron-circle-down","links":{"self":"/api/icons/chevron-circle-down"},"type":"icon"},{"attributes":{"id":"chevron-circle-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f137","voted":false},"id":"chevron-circle-left","links":{"self":"/api/icons/chevron-circle-left"},"type":"icon"},{"attributes":{"id":"chevron-circle-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f138","voted":false},"id":"chevron-circle-right","links":{"self":"/api/icons/chevron-circle-right"},"type":"icon"},{"attributes":{"id":"chevron-circle-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f139","voted":false},"id":"chevron-circle-up","links":{"self":"/api/icons/chevron-circle-up"},"type":"icon"},{"attributes":{"id":"chevron-double-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f322","voted":false},"id":"chevron-double-down","links":{"self":"/api/icons/chevron-double-down"},"type":"icon"},{"attributes":{"id":"chevron-double-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f323","voted":false},"id":"chevron-double-left","links":{"self":"/api/icons/chevron-double-left"},"type":"icon"},{"attributes":{"id":"chevron-double-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f324","voted":false},"id":"chevron-double-right","links":{"self":"/api/icons/chevron-double-right"},"type":"icon"},{"attributes":{"id":"chevron-double-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f325","voted":false},"id":"chevron-double-up","links":{"self":"/api/icons/chevron-double-up"},"type":"icon"},{"attributes":{"id":"chevron-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f078","voted":false},"id":"chevron-down","links":{"self":"/api/icons/chevron-down"},"type":"icon"},{"attributes":{"id":"chevron-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f053","voted":false},"id":"chevron-left","links":{"self":"/api/icons/chevron-left"},"type":"icon"},{"attributes":{"id":"chevron-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f054","voted":false},"id":"chevron-right","links":{"self":"/api/icons/chevron-right"},"type":"icon"},{"attributes":{"id":"chevron-square-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f329","voted":false},"id":"chevron-square-down","links":{"self":"/api/icons/chevron-square-down"},"type":"icon"},{"attributes":{"id":"chevron-square-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f32a","voted":false},"id":"chevron-square-left","links":{"self":"/api/icons/chevron-square-left"},"type":"icon"},{"attributes":{"id":"chevron-square-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f32b","voted":false},"id":"chevron-square-right","links":{"self":"/api/icons/chevron-square-right"},"type":"icon"},{"attributes":{"id":"chevron-square-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f32c","voted":false},"id":"chevron-square-up","links":{"self":"/api/icons/chevron-square-up"},"type":"icon"},{"attributes":{"id":"chevron-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f077","voted":false},"id":"chevron-up","links":{"self":"/api/icons/chevron-up"},"type":"icon"},{"attributes":{"id":"child","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ae","voted":false},"id":"child","links":{"self":"/api/icons/child"},"type":"icon"},{"attributes":{"id":"chimney","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f78b","voted":false},"id":"chimney","links":{"self":"/api/icons/chimney"},"type":"icon"},{"attributes":{"id":"chrome","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f268","voted":false},"id":"chrome","links":{"self":"/api/icons/chrome"},"type":"icon"},{"attributes":{"id":"chromecast","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f838","voted":false},"id":"chromecast","links":{"self":"/api/icons/chromecast"},"type":"icon"},{"attributes":{"id":"church","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51d","voted":true},"id":"church","links":{"self":"/api/icons/church"},"type":"icon"},{"attributes":{"id":"circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f111","voted":false},"id":"circle","links":{"self":"/api/icons/circle"},"type":"icon"},{"attributes":{"id":"circle-notch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ce","voted":false},"id":"circle-notch","links":{"self":"/api/icons/circle-notch"},"type":"icon"},{"attributes":{"id":"city","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f64f","voted":false},"id":"city","links":{"self":"/api/icons/city"},"type":"icon"},{"attributes":{"id":"clarinet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ad","voted":false},"id":"clarinet","links":{"self":"/api/icons/clarinet"},"type":"icon"},{"attributes":{"id":"claw-marks","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c2","voted":false},"id":"claw-marks","links":{"self":"/api/icons/claw-marks"},"type":"icon"},{"attributes":{"id":"clinic-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f2","voted":false},"id":"clinic-medical","links":{"self":"/api/icons/clinic-medical"},"type":"icon"},{"attributes":{"id":"clipboard","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f328","voted":false},"id":"clipboard","links":{"self":"/api/icons/clipboard"},"type":"icon"},{"attributes":{"id":"clipboard-check","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46c","voted":false},"id":"clipboard-check","links":{"self":"/api/icons/clipboard-check"},"type":"icon"},{"attributes":{"id":"clipboard-list","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46d","voted":false},"id":"clipboard-list","links":{"self":"/api/icons/clipboard-list"},"type":"icon"},{"attributes":{"id":"clipboard-list-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f737","voted":false},"id":"clipboard-list-check","links":{"self":"/api/icons/clipboard-list-check"},"type":"icon"},{"attributes":{"id":"clipboard-prescription","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e8","voted":false},"id":"clipboard-prescription","links":{"self":"/api/icons/clipboard-prescription"},"type":"icon"},{"attributes":{"id":"clipboard-user","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f3","voted":false},"id":"clipboard-user","links":{"self":"/api/icons/clipboard-user"},"type":"icon"},{"attributes":{"id":"clock","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f017","voted":false},"id":"clock","links":{"self":"/api/icons/clock"},"type":"icon"},{"attributes":{"id":"clone","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f24d","voted":false},"id":"clone","links":{"self":"/api/icons/clone"},"type":"icon"},{"attributes":{"id":"closed-captioning","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f20a","voted":false},"id":"closed-captioning","links":{"self":"/api/icons/closed-captioning"},"type":"icon"},{"attributes":{"id":"cloud","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c2","voted":false},"id":"cloud","links":{"self":"/api/icons/cloud"},"type":"icon"},{"attributes":{"id":"cloud-download","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ed","voted":false},"id":"cloud-download","links":{"self":"/api/icons/cloud-download"},"type":"icon"},{"attributes":{"id":"cloud-download-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f381","voted":false},"id":"cloud-download-alt","links":{"self":"/api/icons/cloud-download-alt"},"type":"icon"},{"attributes":{"id":"cloud-drizzle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f738","voted":false},"id":"cloud-drizzle","links":{"self":"/api/icons/cloud-drizzle"},"type":"icon"},{"attributes":{"id":"cloud-hail","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f739","voted":false},"id":"cloud-hail","links":{"self":"/api/icons/cloud-hail"},"type":"icon"},{"attributes":{"id":"cloud-hail-mixed","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73a","voted":false},"id":"cloud-hail-mixed","links":{"self":"/api/icons/cloud-hail-mixed"},"type":"icon"},{"attributes":{"id":"cloud-meatball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73b","voted":false},"id":"cloud-meatball","links":{"self":"/api/icons/cloud-meatball"},"type":"icon"},{"attributes":{"id":"cloud-moon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c3","voted":false},"id":"cloud-moon","links":{"self":"/api/icons/cloud-moon"},"type":"icon"},{"attributes":{"id":"cloud-moon-rain","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73c","voted":false},"id":"cloud-moon-rain","links":{"self":"/api/icons/cloud-moon-rain"},"type":"icon"},{"attributes":{"id":"cloud-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ae","voted":false},"id":"cloud-music","links":{"self":"/api/icons/cloud-music"},"type":"icon"},{"attributes":{"id":"cloud-rain","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73d","voted":false},"id":"cloud-rain","links":{"self":"/api/icons/cloud-rain"},"type":"icon"},{"attributes":{"id":"cloud-rainbow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73e","voted":false},"id":"cloud-rainbow","links":{"self":"/api/icons/cloud-rainbow"},"type":"icon"},{"attributes":{"id":"cloud-showers","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f73f","voted":false},"id":"cloud-showers","links":{"self":"/api/icons/cloud-showers"},"type":"icon"},{"attributes":{"id":"cloud-showers-heavy","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f740","voted":false},"id":"cloud-showers-heavy","links":{"self":"/api/icons/cloud-showers-heavy"},"type":"icon"},{"attributes":{"id":"cloud-sleet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f741","voted":false},"id":"cloud-sleet","links":{"self":"/api/icons/cloud-sleet"},"type":"icon"},{"attributes":{"id":"cloud-snow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f742","voted":false},"id":"cloud-snow","links":{"self":"/api/icons/cloud-snow"},"type":"icon"},{"attributes":{"id":"cloud-sun","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c4","voted":false},"id":"cloud-sun","links":{"self":"/api/icons/cloud-sun"},"type":"icon"},{"attributes":{"id":"cloud-sun-rain","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f743","voted":false},"id":"cloud-sun-rain","links":{"self":"/api/icons/cloud-sun-rain"},"type":"icon"},{"attributes":{"id":"cloud-upload","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ee","voted":false},"id":"cloud-upload","links":{"self":"/api/icons/cloud-upload"},"type":"icon"},{"attributes":{"id":"cloud-upload-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f382","voted":false},"id":"cloud-upload-alt","links":{"self":"/api/icons/cloud-upload-alt"},"type":"icon"},{"attributes":{"id":"clouds","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f744","voted":false},"id":"clouds","links":{"self":"/api/icons/clouds"},"type":"icon"},{"attributes":{"id":"clouds-moon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f745","voted":false},"id":"clouds-moon","links":{"self":"/api/icons/clouds-moon"},"type":"icon"},{"attributes":{"id":"clouds-sun","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f746","voted":false},"id":"clouds-sun","links":{"self":"/api/icons/clouds-sun"},"type":"icon"},{"attributes":{"id":"cloudscale","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f383","voted":false},"id":"cloudscale","links":{"self":"/api/icons/cloudscale"},"type":"icon"},{"attributes":{"id":"cloudsmith","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f384","voted":false},"id":"cloudsmith","links":{"self":"/api/icons/cloudsmith"},"type":"icon"},{"attributes":{"id":"cloudversify","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f385","voted":false},"id":"cloudversify","links":{"self":"/api/icons/cloudversify"},"type":"icon"},{"attributes":{"id":"club","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f327","voted":false},"id":"club","links":{"self":"/api/icons/club"},"type":"icon"},{"attributes":{"id":"cocktail","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f561","voted":false},"id":"cocktail","links":{"self":"/api/icons/cocktail"},"type":"icon"},{"attributes":{"id":"code","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f121","voted":false},"id":"code","links":{"self":"/api/icons/code"},"type":"icon"},{"attributes":{"id":"code-branch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f126","voted":false},"id":"code-branch","links":{"self":"/api/icons/code-branch"},"type":"icon"},{"attributes":{"id":"code-commit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f386","voted":false},"id":"code-commit","links":{"self":"/api/icons/code-commit"},"type":"icon"},{"attributes":{"id":"code-merge","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f387","voted":false},"id":"code-merge","links":{"self":"/api/icons/code-merge"},"type":"icon"},{"attributes":{"id":"codepen","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1cb","voted":false},"id":"codepen","links":{"self":"/api/icons/codepen"},"type":"icon"},{"attributes":{"id":"codiepie","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f284","voted":false},"id":"codiepie","links":{"self":"/api/icons/codiepie"},"type":"icon"},{"attributes":{"id":"coffee","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f4","voted":false},"id":"coffee","links":{"self":"/api/icons/coffee"},"type":"icon"},{"attributes":{"id":"coffee-pot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f902","voted":false},"id":"coffee-pot","links":{"self":"/api/icons/coffee-pot"},"type":"icon"},{"attributes":{"id":"coffee-togo","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c5","voted":false},"id":"coffee-togo","links":{"self":"/api/icons/coffee-togo"},"type":"icon"},{"attributes":{"id":"coffin","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c6","voted":false},"id":"coffin","links":{"self":"/api/icons/coffin"},"type":"icon"},{"attributes":{"id":"coffin-cross","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f951","voted":false},"id":"coffin-cross","links":{"self":"/api/icons/coffin-cross"},"type":"icon"},{"attributes":{"id":"cog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f013","voted":false},"id":"cog","links":{"self":"/api/icons/cog"},"type":"icon"},{"attributes":{"id":"cogs","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f085","voted":false},"id":"cogs","links":{"self":"/api/icons/cogs"},"type":"icon"},{"attributes":{"id":"coin","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85c","voted":true},"id":"coin","links":{"self":"/api/icons/coin"},"type":"icon"},{"attributes":{"id":"coins","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51e","voted":true},"id":"coins","links":{"self":"/api/icons/coins"},"type":"icon"},{"attributes":{"id":"columns","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0db","voted":false},"id":"columns","links":{"self":"/api/icons/columns"},"type":"icon"},{"attributes":{"id":"comet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f903","voted":false},"id":"comet","links":{"self":"/api/icons/comet"},"type":"icon"},{"attributes":{"id":"comment","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f075","voted":false},"id":"comment","links":{"self":"/api/icons/comment"},"type":"icon"},{"attributes":{"id":"comment-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f27a","voted":false},"id":"comment-alt","links":{"self":"/api/icons/comment-alt"},"type":"icon"},{"attributes":{"id":"comment-alt-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a2","voted":false},"id":"comment-alt-check","links":{"self":"/api/icons/comment-alt-check"},"type":"icon"},{"attributes":{"id":"comment-alt-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f650","voted":false},"id":"comment-alt-dollar","links":{"self":"/api/icons/comment-alt-dollar"},"type":"icon"},{"attributes":{"id":"comment-alt-dots","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a3","voted":false},"id":"comment-alt-dots","links":{"self":"/api/icons/comment-alt-dots"},"type":"icon"},{"attributes":{"id":"comment-alt-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a4","voted":false},"id":"comment-alt-edit","links":{"self":"/api/icons/comment-alt-edit"},"type":"icon"},{"attributes":{"id":"comment-alt-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a5","voted":false},"id":"comment-alt-exclamation","links":{"self":"/api/icons/comment-alt-exclamation"},"type":"icon"},{"attributes":{"id":"comment-alt-lines","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a6","voted":false},"id":"comment-alt-lines","links":{"self":"/api/icons/comment-alt-lines"},"type":"icon"},{"attributes":{"id":"comment-alt-medical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f4","voted":false},"id":"comment-alt-medical","links":{"self":"/api/icons/comment-alt-medical"},"type":"icon"},{"attributes":{"id":"comment-alt-minus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a7","voted":false},"id":"comment-alt-minus","links":{"self":"/api/icons/comment-alt-minus"},"type":"icon"},{"attributes":{"id":"comment-alt-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8af","voted":false},"id":"comment-alt-music","links":{"self":"/api/icons/comment-alt-music"},"type":"icon"},{"attributes":{"id":"comment-alt-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a8","voted":false},"id":"comment-alt-plus","links":{"self":"/api/icons/comment-alt-plus"},"type":"icon"},{"attributes":{"id":"comment-alt-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4a9","voted":false},"id":"comment-alt-slash","links":{"self":"/api/icons/comment-alt-slash"},"type":"icon"},{"attributes":{"id":"comment-alt-smile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4aa","voted":false},"id":"comment-alt-smile","links":{"self":"/api/icons/comment-alt-smile"},"type":"icon"},{"attributes":{"id":"comment-alt-times","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ab","voted":false},"id":"comment-alt-times","links":{"self":"/api/icons/comment-alt-times"},"type":"icon"},{"attributes":{"id":"comment-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ac","voted":false},"id":"comment-check","links":{"self":"/api/icons/comment-check"},"type":"icon"},{"attributes":{"id":"comment-dollar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f651","voted":false},"id":"comment-dollar","links":{"self":"/api/icons/comment-dollar"},"type":"icon"},{"attributes":{"id":"comment-dots","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ad","voted":false},"id":"comment-dots","links":{"self":"/api/icons/comment-dots"},"type":"icon"},{"attributes":{"id":"comment-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ae","voted":false},"id":"comment-edit","links":{"self":"/api/icons/comment-edit"},"type":"icon"},{"attributes":{"id":"comment-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4af","voted":false},"id":"comment-exclamation","links":{"self":"/api/icons/comment-exclamation"},"type":"icon"},{"attributes":{"id":"comment-lines","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b0","voted":false},"id":"comment-lines","links":{"self":"/api/icons/comment-lines"},"type":"icon"},{"attributes":{"id":"comment-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f5","voted":false},"id":"comment-medical","links":{"self":"/api/icons/comment-medical"},"type":"icon"},{"attributes":{"id":"comment-minus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b1","voted":false},"id":"comment-minus","links":{"self":"/api/icons/comment-minus"},"type":"icon"},{"attributes":{"id":"comment-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b0","voted":false},"id":"comment-music","links":{"self":"/api/icons/comment-music"},"type":"icon"},{"attributes":{"id":"comment-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b2","voted":false},"id":"comment-plus","links":{"self":"/api/icons/comment-plus"},"type":"icon"},{"attributes":{"id":"comment-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b3","voted":false},"id":"comment-slash","links":{"self":"/api/icons/comment-slash"},"type":"icon"},{"attributes":{"id":"comment-smile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b4","voted":false},"id":"comment-smile","links":{"self":"/api/icons/comment-smile"},"type":"icon"},{"attributes":{"id":"comment-times","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b5","voted":false},"id":"comment-times","links":{"self":"/api/icons/comment-times"},"type":"icon"},{"attributes":{"id":"comments","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f086","voted":false},"id":"comments","links":{"self":"/api/icons/comments"},"type":"icon"},{"attributes":{"id":"comments-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b6","voted":false},"id":"comments-alt","links":{"self":"/api/icons/comments-alt"},"type":"icon"},{"attributes":{"id":"comments-alt-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f652","voted":false},"id":"comments-alt-dollar","links":{"self":"/api/icons/comments-alt-dollar"},"type":"icon"},{"attributes":{"id":"comments-dollar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f653","voted":false},"id":"comments-dollar","links":{"self":"/api/icons/comments-dollar"},"type":"icon"},{"attributes":{"id":"compact-disc","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f51f","voted":true},"id":"compact-disc","links":{"self":"/api/icons/compact-disc"},"type":"icon"},{"attributes":{"id":"compass","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f14e","voted":false},"id":"compass","links":{"self":"/api/icons/compass"},"type":"icon"},{"attributes":{"id":"compass-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5e9","voted":false},"id":"compass-slash","links":{"self":"/api/icons/compass-slash"},"type":"icon"},{"attributes":{"id":"compress","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f066","voted":false},"id":"compress","links":{"self":"/api/icons/compress"},"type":"icon"},{"attributes":{"id":"compress-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f422","voted":false},"id":"compress-alt","links":{"self":"/api/icons/compress-alt"},"type":"icon"},{"attributes":{"id":"compress-arrows-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f78c","voted":true},"id":"compress-arrows-alt","links":{"self":"/api/icons/compress-arrows-alt"},"type":"icon"},{"attributes":{"id":"compress-wide","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f326","voted":false},"id":"compress-wide","links":{"self":"/api/icons/compress-wide"},"type":"icon"},{"attributes":{"id":"computer-classic","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b1","voted":false},"id":"computer-classic","links":{"self":"/api/icons/computer-classic"},"type":"icon"},{"attributes":{"id":"computer-speaker","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b2","voted":false},"id":"computer-speaker","links":{"self":"/api/icons/computer-speaker"},"type":"icon"},{"attributes":{"id":"concierge-bell","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f562","voted":false},"id":"concierge-bell","links":{"self":"/api/icons/concierge-bell"},"type":"icon"},{"attributes":{"id":"confluence","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f78d","voted":true},"id":"confluence","links":{"self":"/api/icons/confluence"},"type":"icon"},{"attributes":{"id":"connectdevelop","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f20e","voted":false},"id":"connectdevelop","links":{"self":"/api/icons/connectdevelop"},"type":"icon"},{"attributes":{"id":"construction","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85d","voted":true},"id":"construction","links":{"self":"/api/icons/construction"},"type":"icon"},{"attributes":{"id":"container-storage","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b7","voted":false},"id":"container-storage","links":{"self":"/api/icons/container-storage"},"type":"icon"},{"attributes":{"id":"contao","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f26d","voted":false},"id":"contao","links":{"self":"/api/icons/contao"},"type":"icon"},{"attributes":{"id":"conveyor-belt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46e","voted":false},"id":"conveyor-belt","links":{"self":"/api/icons/conveyor-belt"},"type":"icon"},{"attributes":{"id":"conveyor-belt-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f46f","voted":false},"id":"conveyor-belt-alt","links":{"self":"/api/icons/conveyor-belt-alt"},"type":"icon"},{"attributes":{"id":"cookie","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f563","voted":true},"id":"cookie","links":{"self":"/api/icons/cookie"},"type":"icon"},{"attributes":{"id":"cookie-bite","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f564","voted":true},"id":"cookie-bite","links":{"self":"/api/icons/cookie-bite"},"type":"icon"},{"attributes":{"id":"copy","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c5","voted":false},"id":"copy","links":{"self":"/api/icons/copy"},"type":"icon"},{"attributes":{"id":"copyright","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1f9","voted":false},"id":"copyright","links":{"self":"/api/icons/copyright"},"type":"icon"},{"attributes":{"id":"corn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c7","voted":false},"id":"corn","links":{"self":"/api/icons/corn"},"type":"icon"},{"attributes":{"id":"cotton-bureau","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f89e","voted":false},"id":"cotton-bureau","links":{"self":"/api/icons/cotton-bureau"},"type":"icon"},{"attributes":{"id":"couch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b8","voted":false},"id":"couch","links":{"self":"/api/icons/couch"},"type":"icon"},{"attributes":{"id":"cow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6c8","voted":false},"id":"cow","links":{"self":"/api/icons/cow"},"type":"icon"},{"attributes":{"id":"cowbell","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b3","voted":false},"id":"cowbell","links":{"self":"/api/icons/cowbell"},"type":"icon"},{"attributes":{"id":"cowbell-more","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b4","voted":false},"id":"cowbell-more","links":{"self":"/api/icons/cowbell-more"},"type":"icon"},{"attributes":{"id":"cpanel","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f388","voted":false},"id":"cpanel","links":{"self":"/api/icons/cpanel"},"type":"icon"},{"attributes":{"id":"creative-commons","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f25e","voted":false},"id":"creative-commons","links":{"self":"/api/icons/creative-commons"},"type":"icon"},{"attributes":{"id":"creative-commons-by","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4e7","voted":false},"id":"creative-commons-by","links":{"self":"/api/icons/creative-commons-by"},"type":"icon"},{"attributes":{"id":"creative-commons-nc","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4e8","voted":false},"id":"creative-commons-nc","links":{"self":"/api/icons/creative-commons-nc"},"type":"icon"},{"attributes":{"id":"creative-commons-nc-eu","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4e9","voted":false},"id":"creative-commons-nc-eu","links":{"self":"/api/icons/creative-commons-nc-eu"},"type":"icon"},{"attributes":{"id":"creative-commons-nc-jp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4ea","voted":false},"id":"creative-commons-nc-jp","links":{"self":"/api/icons/creative-commons-nc-jp"},"type":"icon"},{"attributes":{"id":"creative-commons-nd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4eb","voted":false},"id":"creative-commons-nd","links":{"self":"/api/icons/creative-commons-nd"},"type":"icon"},{"attributes":{"id":"creative-commons-pd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4ec","voted":false},"id":"creative-commons-pd","links":{"self":"/api/icons/creative-commons-pd"},"type":"icon"},{"attributes":{"id":"creative-commons-pd-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4ed","voted":false},"id":"creative-commons-pd-alt","links":{"self":"/api/icons/creative-commons-pd-alt"},"type":"icon"},{"attributes":{"id":"creative-commons-remix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4ee","voted":false},"id":"creative-commons-remix","links":{"self":"/api/icons/creative-commons-remix"},"type":"icon"},{"attributes":{"id":"creative-commons-sa","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4ef","voted":false},"id":"creative-commons-sa","links":{"self":"/api/icons/creative-commons-sa"},"type":"icon"},{"attributes":{"id":"creative-commons-sampling","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f0","voted":false},"id":"creative-commons-sampling","links":{"self":"/api/icons/creative-commons-sampling"},"type":"icon"},{"attributes":{"id":"creative-commons-sampling-plus","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f1","voted":false},"id":"creative-commons-sampling-plus","links":{"self":"/api/icons/creative-commons-sampling-plus"},"type":"icon"},{"attributes":{"id":"creative-commons-share","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f2","voted":false},"id":"creative-commons-share","links":{"self":"/api/icons/creative-commons-share"},"type":"icon"},{"attributes":{"id":"creative-commons-zero","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f3","voted":false},"id":"creative-commons-zero","links":{"self":"/api/icons/creative-commons-zero"},"type":"icon"},{"attributes":{"id":"credit-card","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f09d","voted":false},"id":"credit-card","links":{"self":"/api/icons/credit-card"},"type":"icon"},{"attributes":{"id":"credit-card-blank","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f389","voted":false},"id":"credit-card-blank","links":{"self":"/api/icons/credit-card-blank"},"type":"icon"},{"attributes":{"id":"credit-card-front","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f38a","voted":false},"id":"credit-card-front","links":{"self":"/api/icons/credit-card-front"},"type":"icon"},{"attributes":{"id":"cricket","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f449","voted":false},"id":"cricket","links":{"self":"/api/icons/cricket"},"type":"icon"},{"attributes":{"id":"critical-role","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f6c9","voted":false},"id":"critical-role","links":{"self":"/api/icons/critical-role"},"type":"icon"},{"attributes":{"id":"croissant","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f6","voted":false},"id":"croissant","links":{"self":"/api/icons/croissant"},"type":"icon"},{"attributes":{"id":"crop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f125","voted":false},"id":"crop","links":{"self":"/api/icons/crop"},"type":"icon"},{"attributes":{"id":"crop-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f565","voted":false},"id":"crop-alt","links":{"self":"/api/icons/crop-alt"},"type":"icon"},{"attributes":{"id":"cross","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f654","voted":false},"id":"cross","links":{"self":"/api/icons/cross"},"type":"icon"},{"attributes":{"id":"crosshairs","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f05b","voted":false},"id":"crosshairs","links":{"self":"/api/icons/crosshairs"},"type":"icon"},{"attributes":{"id":"crow","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f520","voted":false},"id":"crow","links":{"self":"/api/icons/crow"},"type":"icon"},{"attributes":{"id":"crown","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f521","voted":true},"id":"crown","links":{"self":"/api/icons/crown"},"type":"icon"},{"attributes":{"id":"crutch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f7","voted":false},"id":"crutch","links":{"self":"/api/icons/crutch"},"type":"icon"},{"attributes":{"id":"crutches","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f8","voted":false},"id":"crutches","links":{"self":"/api/icons/crutches"},"type":"icon"},{"attributes":{"id":"css3","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f13c","voted":false},"id":"css3","links":{"self":"/api/icons/css3"},"type":"icon"},{"attributes":{"id":"css3-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f38b","voted":false},"id":"css3-alt","links":{"self":"/api/icons/css3-alt"},"type":"icon"},{"attributes":{"id":"cube","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1b2","voted":false},"id":"cube","links":{"self":"/api/icons/cube"},"type":"icon"},{"attributes":{"id":"cubes","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1b3","voted":false},"id":"cubes","links":{"self":"/api/icons/cubes"},"type":"icon"},{"attributes":{"id":"curling","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f44a","voted":false},"id":"curling","links":{"self":"/api/icons/curling"},"type":"icon"},{"attributes":{"id":"cut","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c4","voted":false},"id":"cut","links":{"self":"/api/icons/cut"},"type":"icon"},{"attributes":{"id":"cuttlefish","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f38c","voted":false},"id":"cuttlefish","links":{"self":"/api/icons/cuttlefish"},"type":"icon"},{"attributes":{"id":"d-and-d","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f38d","voted":false},"id":"d-and-d","links":{"self":"/api/icons/d-and-d"},"type":"icon"},{"attributes":{"id":"d-and-d-beyond","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f6ca","voted":false},"id":"d-and-d-beyond","links":{"self":"/api/icons/d-and-d-beyond"},"type":"icon"},{"attributes":{"id":"dagger","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6cb","voted":false},"id":"dagger","links":{"self":"/api/icons/dagger"},"type":"icon"},{"attributes":{"id":"dailymotion","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f952","voted":true},"id":"dailymotion","links":{"self":"/api/icons/dailymotion"},"type":"icon"},{"attributes":{"id":"dashcube","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f210","voted":false},"id":"dashcube","links":{"self":"/api/icons/dashcube"},"type":"icon"},{"attributes":{"id":"database","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c0","voted":false},"id":"database","links":{"self":"/api/icons/database"},"type":"icon"},{"attributes":{"id":"deaf","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a4","voted":false},"id":"deaf","links":{"self":"/api/icons/deaf"},"type":"icon"},{"attributes":{"id":"debug","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7f9","voted":false},"id":"debug","links":{"self":"/api/icons/debug"},"type":"icon"},{"attributes":{"id":"deer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f78e","voted":false},"id":"deer","links":{"self":"/api/icons/deer"},"type":"icon"},{"attributes":{"id":"deer-rudolph","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f78f","voted":false},"id":"deer-rudolph","links":{"self":"/api/icons/deer-rudolph"},"type":"icon"},{"attributes":{"id":"delicious","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a5","voted":false},"id":"delicious","links":{"self":"/api/icons/delicious"},"type":"icon"},{"attributes":{"id":"democrat","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f747","voted":false},"id":"democrat","links":{"self":"/api/icons/democrat"},"type":"icon"},{"attributes":{"id":"deploydog","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f38e","voted":false},"id":"deploydog","links":{"self":"/api/icons/deploydog"},"type":"icon"},{"attributes":{"id":"deskpro","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f38f","voted":false},"id":"deskpro","links":{"self":"/api/icons/deskpro"},"type":"icon"},{"attributes":{"id":"desktop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f108","voted":false},"id":"desktop","links":{"self":"/api/icons/desktop"},"type":"icon"},{"attributes":{"id":"desktop-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f390","voted":false},"id":"desktop-alt","links":{"self":"/api/icons/desktop-alt"},"type":"icon"},{"attributes":{"id":"dev","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f6cc","voted":true},"id":"dev","links":{"self":"/api/icons/dev"},"type":"icon"},{"attributes":{"id":"deviantart","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1bd","voted":false},"id":"deviantart","links":{"self":"/api/icons/deviantart"},"type":"icon"},{"attributes":{"id":"dewpoint","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f748","voted":false},"id":"dewpoint","links":{"self":"/api/icons/dewpoint"},"type":"icon"},{"attributes":{"id":"dharmachakra","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f655","voted":false},"id":"dharmachakra","links":{"self":"/api/icons/dharmachakra"},"type":"icon"},{"attributes":{"id":"dhl","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f790","voted":false},"id":"dhl","links":{"self":"/api/icons/dhl"},"type":"icon"},{"attributes":{"id":"diagnoses","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f470","voted":false},"id":"diagnoses","links":{"self":"/api/icons/diagnoses"},"type":"icon"},{"attributes":{"id":"diamond","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f219","voted":false},"id":"diamond","links":{"self":"/api/icons/diamond"},"type":"icon"},{"attributes":{"id":"diaspora","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f791","voted":true},"id":"diaspora","links":{"self":"/api/icons/diaspora"},"type":"icon"},{"attributes":{"id":"dice","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f522","voted":true},"id":"dice","links":{"self":"/api/icons/dice"},"type":"icon"},{"attributes":{"id":"dice-d10","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6cd","voted":false},"id":"dice-d10","links":{"self":"/api/icons/dice-d10"},"type":"icon"},{"attributes":{"id":"dice-d12","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ce","voted":false},"id":"dice-d12","links":{"self":"/api/icons/dice-d12"},"type":"icon"},{"attributes":{"id":"dice-d20","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6cf","voted":true},"id":"dice-d20","links":{"self":"/api/icons/dice-d20"},"type":"icon"},{"attributes":{"id":"dice-d4","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d0","voted":false},"id":"dice-d4","links":{"self":"/api/icons/dice-d4"},"type":"icon"},{"attributes":{"id":"dice-d6","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d1","voted":false},"id":"dice-d6","links":{"self":"/api/icons/dice-d6"},"type":"icon"},{"attributes":{"id":"dice-d8","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d2","voted":false},"id":"dice-d8","links":{"self":"/api/icons/dice-d8"},"type":"icon"},{"attributes":{"id":"dice-five","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f523","voted":true},"id":"dice-five","links":{"self":"/api/icons/dice-five"},"type":"icon"},{"attributes":{"id":"dice-four","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f524","voted":true},"id":"dice-four","links":{"self":"/api/icons/dice-four"},"type":"icon"},{"attributes":{"id":"dice-one","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f525","voted":true},"id":"dice-one","links":{"self":"/api/icons/dice-one"},"type":"icon"},{"attributes":{"id":"dice-six","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f526","voted":true},"id":"dice-six","links":{"self":"/api/icons/dice-six"},"type":"icon"},{"attributes":{"id":"dice-three","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f527","voted":true},"id":"dice-three","links":{"self":"/api/icons/dice-three"},"type":"icon"},{"attributes":{"id":"dice-two","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f528","voted":true},"id":"dice-two","links":{"self":"/api/icons/dice-two"},"type":"icon"},{"attributes":{"id":"digg","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a6","voted":false},"id":"digg","links":{"self":"/api/icons/digg"},"type":"icon"},{"attributes":{"id":"digging","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85e","voted":false},"id":"digging","links":{"self":"/api/icons/digging"},"type":"icon"},{"attributes":{"id":"digital-ocean","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f391","voted":false},"id":"digital-ocean","links":{"self":"/api/icons/digital-ocean"},"type":"icon"},{"attributes":{"id":"digital-tachograph","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f566","voted":true},"id":"digital-tachograph","links":{"self":"/api/icons/digital-tachograph"},"type":"icon"},{"attributes":{"id":"diploma","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ea","voted":false},"id":"diploma","links":{"self":"/api/icons/diploma"},"type":"icon"},{"attributes":{"id":"directions","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5eb","voted":false},"id":"directions","links":{"self":"/api/icons/directions"},"type":"icon"},{"attributes":{"id":"disc-drive","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b5","voted":false},"id":"disc-drive","links":{"self":"/api/icons/disc-drive"},"type":"icon"},{"attributes":{"id":"discord","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f392","voted":false},"id":"discord","links":{"self":"/api/icons/discord"},"type":"icon"},{"attributes":{"id":"discourse","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f393","voted":false},"id":"discourse","links":{"self":"/api/icons/discourse"},"type":"icon"},{"attributes":{"id":"disease","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7fa","voted":false},"id":"disease","links":{"self":"/api/icons/disease"},"type":"icon"},{"attributes":{"id":"divide","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f529","voted":false},"id":"divide","links":{"self":"/api/icons/divide"},"type":"icon"},{"attributes":{"id":"dizzy","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f567","voted":false},"id":"dizzy","links":{"self":"/api/icons/dizzy"},"type":"icon"},{"attributes":{"id":"dna","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f471","voted":false},"id":"dna","links":{"self":"/api/icons/dna"},"type":"icon"},{"attributes":{"id":"do-not-enter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ec","voted":false},"id":"do-not-enter","links":{"self":"/api/icons/do-not-enter"},"type":"icon"},{"attributes":{"id":"dochub","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f394","voted":false},"id":"dochub","links":{"self":"/api/icons/dochub"},"type":"icon"},{"attributes":{"id":"docker","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f395","voted":false},"id":"docker","links":{"self":"/api/icons/docker"},"type":"icon"},{"attributes":{"id":"dog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d3","voted":false},"id":"dog","links":{"self":"/api/icons/dog"},"type":"icon"},{"attributes":{"id":"dog-leashed","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d4","voted":false},"id":"dog-leashed","links":{"self":"/api/icons/dog-leashed"},"type":"icon"},{"attributes":{"id":"dollar-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f155","voted":false},"id":"dollar-sign","links":{"self":"/api/icons/dollar-sign"},"type":"icon"},{"attributes":{"id":"dolly","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f472","voted":false},"id":"dolly","links":{"self":"/api/icons/dolly"},"type":"icon"},{"attributes":{"id":"dolly-empty","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f473","voted":false},"id":"dolly-empty","links":{"self":"/api/icons/dolly-empty"},"type":"icon"},{"attributes":{"id":"dolly-flatbed","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f474","voted":false},"id":"dolly-flatbed","links":{"self":"/api/icons/dolly-flatbed"},"type":"icon"},{"attributes":{"id":"dolly-flatbed-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f475","voted":false},"id":"dolly-flatbed-alt","links":{"self":"/api/icons/dolly-flatbed-alt"},"type":"icon"},{"attributes":{"id":"dolly-flatbed-empty","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f476","voted":false},"id":"dolly-flatbed-empty","links":{"self":"/api/icons/dolly-flatbed-empty"},"type":"icon"},{"attributes":{"id":"donate","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4b9","voted":false},"id":"donate","links":{"self":"/api/icons/donate"},"type":"icon"},{"attributes":{"id":"door-closed","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52a","voted":true},"id":"door-closed","links":{"self":"/api/icons/door-closed"},"type":"icon"},{"attributes":{"id":"door-open","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52b","voted":true},"id":"door-open","links":{"self":"/api/icons/door-open"},"type":"icon"},{"attributes":{"id":"dot-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f192","voted":false},"id":"dot-circle","links":{"self":"/api/icons/dot-circle"},"type":"icon"},{"attributes":{"id":"dove","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ba","voted":false},"id":"dove","links":{"self":"/api/icons/dove"},"type":"icon"},{"attributes":{"id":"download","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f019","voted":false},"id":"download","links":{"self":"/api/icons/download"},"type":"icon"},{"attributes":{"id":"draft2digital","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f396","voted":false},"id":"draft2digital","links":{"self":"/api/icons/draft2digital"},"type":"icon"},{"attributes":{"id":"drafting-compass","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f568","voted":false},"id":"drafting-compass","links":{"self":"/api/icons/drafting-compass"},"type":"icon"},{"attributes":{"id":"dragon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d5","voted":false},"id":"dragon","links":{"self":"/api/icons/dragon"},"type":"icon"},{"attributes":{"id":"draw-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ed","voted":false},"id":"draw-circle","links":{"self":"/api/icons/draw-circle"},"type":"icon"},{"attributes":{"id":"draw-polygon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ee","voted":false},"id":"draw-polygon","links":{"self":"/api/icons/draw-polygon"},"type":"icon"},{"attributes":{"id":"draw-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ef","voted":false},"id":"draw-square","links":{"self":"/api/icons/draw-square"},"type":"icon"},{"attributes":{"id":"dreidel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f792","voted":false},"id":"dreidel","links":{"self":"/api/icons/dreidel"},"type":"icon"},{"attributes":{"id":"dribbble","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f17d","voted":false},"id":"dribbble","links":{"self":"/api/icons/dribbble"},"type":"icon"},{"attributes":{"id":"dribbble-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f397","voted":false},"id":"dribbble-square","links":{"self":"/api/icons/dribbble-square"},"type":"icon"},{"attributes":{"id":"drone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f85f","voted":true},"id":"drone","links":{"self":"/api/icons/drone"},"type":"icon"},{"attributes":{"id":"drone-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f860","voted":false},"id":"drone-alt","links":{"self":"/api/icons/drone-alt"},"type":"icon"},{"attributes":{"id":"dropbox","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f16b","voted":false},"id":"dropbox","links":{"self":"/api/icons/dropbox"},"type":"icon"},{"attributes":{"id":"drum","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f569","voted":true},"id":"drum","links":{"self":"/api/icons/drum"},"type":"icon"},{"attributes":{"id":"drum-steelpan","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56a","voted":false},"id":"drum-steelpan","links":{"self":"/api/icons/drum-steelpan"},"type":"icon"},{"attributes":{"id":"drumstick","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d6","voted":false},"id":"drumstick","links":{"self":"/api/icons/drumstick"},"type":"icon"},{"attributes":{"id":"drumstick-bite","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d7","voted":false},"id":"drumstick-bite","links":{"self":"/api/icons/drumstick-bite"},"type":"icon"},{"attributes":{"id":"drupal","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a9","voted":false},"id":"drupal","links":{"self":"/api/icons/drupal"},"type":"icon"},{"attributes":{"id":"dryer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f861","voted":false},"id":"dryer","links":{"self":"/api/icons/dryer"},"type":"icon"},{"attributes":{"id":"dryer-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f862","voted":false},"id":"dryer-alt","links":{"self":"/api/icons/dryer-alt"},"type":"icon"},{"attributes":{"id":"duck","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d8","voted":false},"id":"duck","links":{"self":"/api/icons/duck"},"type":"icon"},{"attributes":{"id":"dumbbell","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f44b","voted":false},"id":"dumbbell","links":{"self":"/api/icons/dumbbell"},"type":"icon"},{"attributes":{"id":"dumpster","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f793","voted":true},"id":"dumpster","links":{"self":"/api/icons/dumpster"},"type":"icon"},{"attributes":{"id":"dumpster-fire","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f794","voted":true},"id":"dumpster-fire","links":{"self":"/api/icons/dumpster-fire"},"type":"icon"},{"attributes":{"id":"dungeon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6d9","voted":false},"id":"dungeon","links":{"self":"/api/icons/dungeon"},"type":"icon"},{"attributes":{"id":"dyalog","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f399","voted":false},"id":"dyalog","links":{"self":"/api/icons/dyalog"},"type":"icon"},{"attributes":{"id":"ear","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f0","voted":false},"id":"ear","links":{"self":"/api/icons/ear"},"type":"icon"},{"attributes":{"id":"ear-muffs","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f795","voted":false},"id":"ear-muffs","links":{"self":"/api/icons/ear-muffs"},"type":"icon"},{"attributes":{"id":"earlybirds","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f39a","voted":false},"id":"earlybirds","links":{"self":"/api/icons/earlybirds"},"type":"icon"},{"attributes":{"id":"ebay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f4","voted":true},"id":"ebay","links":{"self":"/api/icons/ebay"},"type":"icon"},{"attributes":{"id":"eclipse","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f749","voted":false},"id":"eclipse","links":{"self":"/api/icons/eclipse"},"type":"icon"},{"attributes":{"id":"eclipse-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74a","voted":false},"id":"eclipse-alt","links":{"self":"/api/icons/eclipse-alt"},"type":"icon"},{"attributes":{"id":"edge","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f282","voted":false},"id":"edge","links":{"self":"/api/icons/edge"},"type":"icon"},{"attributes":{"id":"edit","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f044","voted":false},"id":"edit","links":{"self":"/api/icons/edit"},"type":"icon"},{"attributes":{"id":"egg","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7fb","voted":false},"id":"egg","links":{"self":"/api/icons/egg"},"type":"icon"},{"attributes":{"id":"egg-fried","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7fc","voted":false},"id":"egg-fried","links":{"self":"/api/icons/egg-fried"},"type":"icon"},{"attributes":{"id":"eject","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f052","voted":false},"id":"eject","links":{"self":"/api/icons/eject"},"type":"icon"},{"attributes":{"id":"elementor","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f430","voted":true},"id":"elementor","links":{"self":"/api/icons/elementor"},"type":"icon"},{"attributes":{"id":"elephant","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6da","voted":false},"id":"elephant","links":{"self":"/api/icons/elephant"},"type":"icon"},{"attributes":{"id":"ellipsis-h","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f141","voted":false},"id":"ellipsis-h","links":{"self":"/api/icons/ellipsis-h"},"type":"icon"},{"attributes":{"id":"ellipsis-h-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f39b","voted":false},"id":"ellipsis-h-alt","links":{"self":"/api/icons/ellipsis-h-alt"},"type":"icon"},{"attributes":{"id":"ellipsis-v","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f142","voted":false},"id":"ellipsis-v","links":{"self":"/api/icons/ellipsis-v"},"type":"icon"},{"attributes":{"id":"ellipsis-v-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f39c","voted":false},"id":"ellipsis-v-alt","links":{"self":"/api/icons/ellipsis-v-alt"},"type":"icon"},{"attributes":{"id":"ello","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5f1","voted":true},"id":"ello","links":{"self":"/api/icons/ello"},"type":"icon"},{"attributes":{"id":"ember","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f423","voted":false},"id":"ember","links":{"self":"/api/icons/ember"},"type":"icon"},{"attributes":{"id":"empire","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d1","voted":false},"id":"empire","links":{"self":"/api/icons/empire"},"type":"icon"},{"attributes":{"id":"empty-set","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f656","voted":false},"id":"empty-set","links":{"self":"/api/icons/empty-set"},"type":"icon"},{"attributes":{"id":"engine-warning","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f2","voted":false},"id":"engine-warning","links":{"self":"/api/icons/engine-warning"},"type":"icon"},{"attributes":{"id":"envelope","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e0","voted":false},"id":"envelope","links":{"self":"/api/icons/envelope"},"type":"icon"},{"attributes":{"id":"envelope-open","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2b6","voted":false},"id":"envelope-open","links":{"self":"/api/icons/envelope-open"},"type":"icon"},{"attributes":{"id":"envelope-open-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f657","voted":false},"id":"envelope-open-dollar","links":{"self":"/api/icons/envelope-open-dollar"},"type":"icon"},{"attributes":{"id":"envelope-open-text","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f658","voted":false},"id":"envelope-open-text","links":{"self":"/api/icons/envelope-open-text"},"type":"icon"},{"attributes":{"id":"envelope-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f199","voted":false},"id":"envelope-square","links":{"self":"/api/icons/envelope-square"},"type":"icon"},{"attributes":{"id":"envira","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f299","voted":false},"id":"envira","links":{"self":"/api/icons/envira"},"type":"icon"},{"attributes":{"id":"equals","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52c","voted":false},"id":"equals","links":{"self":"/api/icons/equals"},"type":"icon"},{"attributes":{"id":"eraser","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f12d","voted":false},"id":"eraser","links":{"self":"/api/icons/eraser"},"type":"icon"},{"attributes":{"id":"erlang","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f39d","voted":false},"id":"erlang","links":{"self":"/api/icons/erlang"},"type":"icon"},{"attributes":{"id":"ethereum","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42e","voted":true},"id":"ethereum","links":{"self":"/api/icons/ethereum"},"type":"icon"},{"attributes":{"id":"ethernet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f796","voted":true},"id":"ethernet","links":{"self":"/api/icons/ethernet"},"type":"icon"},{"attributes":{"id":"etsy","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2d7","voted":false},"id":"etsy","links":{"self":"/api/icons/etsy"},"type":"icon"},{"attributes":{"id":"euro-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f153","voted":false},"id":"euro-sign","links":{"self":"/api/icons/euro-sign"},"type":"icon"},{"attributes":{"id":"evernote","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f839","voted":false},"id":"evernote","links":{"self":"/api/icons/evernote"},"type":"icon"},{"attributes":{"id":"exchange","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ec","voted":false},"id":"exchange","links":{"self":"/api/icons/exchange"},"type":"icon"},{"attributes":{"id":"exchange-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f362","voted":false},"id":"exchange-alt","links":{"self":"/api/icons/exchange-alt"},"type":"icon"},{"attributes":{"id":"exclamation","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f12a","voted":false},"id":"exclamation","links":{"self":"/api/icons/exclamation"},"type":"icon"},{"attributes":{"id":"exclamation-circle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f06a","voted":false},"id":"exclamation-circle","links":{"self":"/api/icons/exclamation-circle"},"type":"icon"},{"attributes":{"id":"exclamation-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f321","voted":false},"id":"exclamation-square","links":{"self":"/api/icons/exclamation-square"},"type":"icon"},{"attributes":{"id":"exclamation-triangle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f071","voted":false},"id":"exclamation-triangle","links":{"self":"/api/icons/exclamation-triangle"},"type":"icon"},{"attributes":{"id":"expand","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f065","voted":false},"id":"expand","links":{"self":"/api/icons/expand"},"type":"icon"},{"attributes":{"id":"expand-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f424","voted":false},"id":"expand-alt","links":{"self":"/api/icons/expand-alt"},"type":"icon"},{"attributes":{"id":"expand-arrows","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f31d","voted":false},"id":"expand-arrows","links":{"self":"/api/icons/expand-arrows"},"type":"icon"},{"attributes":{"id":"expand-arrows-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f31e","voted":false},"id":"expand-arrows-alt","links":{"self":"/api/icons/expand-arrows-alt"},"type":"icon"},{"attributes":{"id":"expand-wide","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f320","voted":false},"id":"expand-wide","links":{"self":"/api/icons/expand-wide"},"type":"icon"},{"attributes":{"id":"expeditedssl","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f23e","voted":false},"id":"expeditedssl","links":{"self":"/api/icons/expeditedssl"},"type":"icon"},{"attributes":{"id":"external-link","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f08e","voted":false},"id":"external-link","links":{"self":"/api/icons/external-link"},"type":"icon"},{"attributes":{"id":"external-link-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f35d","voted":false},"id":"external-link-alt","links":{"self":"/api/icons/external-link-alt"},"type":"icon"},{"attributes":{"id":"external-link-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f14c","voted":false},"id":"external-link-square","links":{"self":"/api/icons/external-link-square"},"type":"icon"},{"attributes":{"id":"external-link-square-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f360","voted":false},"id":"external-link-square-alt","links":{"self":"/api/icons/external-link-square-alt"},"type":"icon"},{"attributes":{"id":"eye","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f06e","voted":false},"id":"eye","links":{"self":"/api/icons/eye"},"type":"icon"},{"attributes":{"id":"eye-dropper","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1fb","voted":false},"id":"eye-dropper","links":{"self":"/api/icons/eye-dropper"},"type":"icon"},{"attributes":{"id":"eye-evil","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6db","voted":false},"id":"eye-evil","links":{"self":"/api/icons/eye-evil"},"type":"icon"},{"attributes":{"id":"eye-slash","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f070","voted":false},"id":"eye-slash","links":{"self":"/api/icons/eye-slash"},"type":"icon"},{"attributes":{"id":"facebook","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f09a","voted":false},"id":"facebook","links":{"self":"/api/icons/facebook"},"type":"icon"},{"attributes":{"id":"facebook-f","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f39e","voted":false},"id":"facebook-f","links":{"self":"/api/icons/facebook-f"},"type":"icon"},{"attributes":{"id":"facebook-messenger","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f39f","voted":false},"id":"facebook-messenger","links":{"self":"/api/icons/facebook-messenger"},"type":"icon"},{"attributes":{"id":"facebook-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f082","voted":false},"id":"facebook-square","links":{"self":"/api/icons/facebook-square"},"type":"icon"},{"attributes":{"id":"fan","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f863","voted":true},"id":"fan","links":{"self":"/api/icons/fan"},"type":"icon"},{"attributes":{"id":"fan-table","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f904","voted":false},"id":"fan-table","links":{"self":"/api/icons/fan-table"},"type":"icon"},{"attributes":{"id":"fantasy-flight-games","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f6dc","voted":false},"id":"fantasy-flight-games","links":{"self":"/api/icons/fantasy-flight-games"},"type":"icon"},{"attributes":{"id":"farm","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f864","voted":false},"id":"farm","links":{"self":"/api/icons/farm"},"type":"icon"},{"attributes":{"id":"fast-backward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f049","voted":false},"id":"fast-backward","links":{"self":"/api/icons/fast-backward"},"type":"icon"},{"attributes":{"id":"fast-forward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f050","voted":false},"id":"fast-forward","links":{"self":"/api/icons/fast-forward"},"type":"icon"},{"attributes":{"id":"faucet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f905","voted":false},"id":"faucet","links":{"self":"/api/icons/faucet"},"type":"icon"},{"attributes":{"id":"faucet-drip","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f906","voted":false},"id":"faucet-drip","links":{"self":"/api/icons/faucet-drip"},"type":"icon"},{"attributes":{"id":"fax","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ac","voted":false},"id":"fax","links":{"self":"/api/icons/fax"},"type":"icon"},{"attributes":{"id":"feather","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52d","voted":true},"id":"feather","links":{"self":"/api/icons/feather"},"type":"icon"},{"attributes":{"id":"feather-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56b","voted":true},"id":"feather-alt","links":{"self":"/api/icons/feather-alt"},"type":"icon"},{"attributes":{"id":"fedex","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f797","voted":false},"id":"fedex","links":{"self":"/api/icons/fedex"},"type":"icon"},{"attributes":{"id":"fedora","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f798","voted":true},"id":"fedora","links":{"self":"/api/icons/fedora"},"type":"icon"},{"attributes":{"id":"female","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f182","voted":false},"id":"female","links":{"self":"/api/icons/female"},"type":"icon"},{"attributes":{"id":"field-hockey","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f44c","voted":false},"id":"field-hockey","links":{"self":"/api/icons/field-hockey"},"type":"icon"},{"attributes":{"id":"fighter-jet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0fb","voted":false},"id":"fighter-jet","links":{"self":"/api/icons/fighter-jet"},"type":"icon"},{"attributes":{"id":"figma","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f799","voted":false},"id":"figma","links":{"self":"/api/icons/figma"},"type":"icon"},{"attributes":{"id":"file","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f15b","voted":false},"id":"file","links":{"self":"/api/icons/file"},"type":"icon"},{"attributes":{"id":"file-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f15c","voted":false},"id":"file-alt","links":{"self":"/api/icons/file-alt"},"type":"icon"},{"attributes":{"id":"file-archive","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c6","voted":false},"id":"file-archive","links":{"self":"/api/icons/file-archive"},"type":"icon"},{"attributes":{"id":"file-audio","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c7","voted":false},"id":"file-audio","links":{"self":"/api/icons/file-audio"},"type":"icon"},{"attributes":{"id":"file-certificate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f3","voted":false},"id":"file-certificate","links":{"self":"/api/icons/file-certificate"},"type":"icon"},{"attributes":{"id":"file-chart-line","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f659","voted":false},"id":"file-chart-line","links":{"self":"/api/icons/file-chart-line"},"type":"icon"},{"attributes":{"id":"file-chart-pie","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65a","voted":false},"id":"file-chart-pie","links":{"self":"/api/icons/file-chart-pie"},"type":"icon"},{"attributes":{"id":"file-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f316","voted":false},"id":"file-check","links":{"self":"/api/icons/file-check"},"type":"icon"},{"attributes":{"id":"file-code","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c9","voted":false},"id":"file-code","links":{"self":"/api/icons/file-code"},"type":"icon"},{"attributes":{"id":"file-contract","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56c","voted":false},"id":"file-contract","links":{"self":"/api/icons/file-contract"},"type":"icon"},{"attributes":{"id":"file-csv","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6dd","voted":false},"id":"file-csv","links":{"self":"/api/icons/file-csv"},"type":"icon"},{"attributes":{"id":"file-download","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56d","voted":true},"id":"file-download","links":{"self":"/api/icons/file-download"},"type":"icon"},{"attributes":{"id":"file-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f31c","voted":false},"id":"file-edit","links":{"self":"/api/icons/file-edit"},"type":"icon"},{"attributes":{"id":"file-excel","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c3","voted":false},"id":"file-excel","links":{"self":"/api/icons/file-excel"},"type":"icon"},{"attributes":{"id":"file-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f31a","voted":false},"id":"file-exclamation","links":{"self":"/api/icons/file-exclamation"},"type":"icon"},{"attributes":{"id":"file-export","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56e","voted":true},"id":"file-export","links":{"self":"/api/icons/file-export"},"type":"icon"},{"attributes":{"id":"file-image","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c5","voted":false},"id":"file-image","links":{"self":"/api/icons/file-image"},"type":"icon"},{"attributes":{"id":"file-import","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f56f","voted":true},"id":"file-import","links":{"self":"/api/icons/file-import"},"type":"icon"},{"attributes":{"id":"file-invoice","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f570","voted":true},"id":"file-invoice","links":{"self":"/api/icons/file-invoice"},"type":"icon"},{"attributes":{"id":"file-invoice-dollar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f571","voted":true},"id":"file-invoice-dollar","links":{"self":"/api/icons/file-invoice-dollar"},"type":"icon"},{"attributes":{"id":"file-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f477","voted":false},"id":"file-medical","links":{"self":"/api/icons/file-medical"},"type":"icon"},{"attributes":{"id":"file-medical-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f478","voted":false},"id":"file-medical-alt","links":{"self":"/api/icons/file-medical-alt"},"type":"icon"},{"attributes":{"id":"file-minus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f318","voted":false},"id":"file-minus","links":{"self":"/api/icons/file-minus"},"type":"icon"},{"attributes":{"id":"file-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b6","voted":false},"id":"file-music","links":{"self":"/api/icons/file-music"},"type":"icon"},{"attributes":{"id":"file-pdf","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c1","voted":false},"id":"file-pdf","links":{"self":"/api/icons/file-pdf"},"type":"icon"},{"attributes":{"id":"file-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f319","voted":false},"id":"file-plus","links":{"self":"/api/icons/file-plus"},"type":"icon"},{"attributes":{"id":"file-powerpoint","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c4","voted":false},"id":"file-powerpoint","links":{"self":"/api/icons/file-powerpoint"},"type":"icon"},{"attributes":{"id":"file-prescription","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f572","voted":false},"id":"file-prescription","links":{"self":"/api/icons/file-prescription"},"type":"icon"},{"attributes":{"id":"file-search","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f865","voted":true},"id":"file-search","links":{"self":"/api/icons/file-search"},"type":"icon"},{"attributes":{"id":"file-signature","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f573","voted":true},"id":"file-signature","links":{"self":"/api/icons/file-signature"},"type":"icon"},{"attributes":{"id":"file-spreadsheet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65b","voted":false},"id":"file-spreadsheet","links":{"self":"/api/icons/file-spreadsheet"},"type":"icon"},{"attributes":{"id":"file-times","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f317","voted":false},"id":"file-times","links":{"self":"/api/icons/file-times"},"type":"icon"},{"attributes":{"id":"file-upload","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f574","voted":true},"id":"file-upload","links":{"self":"/api/icons/file-upload"},"type":"icon"},{"attributes":{"id":"file-user","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65c","voted":true},"id":"file-user","links":{"self":"/api/icons/file-user"},"type":"icon"},{"attributes":{"id":"file-video","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c8","voted":false},"id":"file-video","links":{"self":"/api/icons/file-video"},"type":"icon"},{"attributes":{"id":"file-word","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1c2","voted":false},"id":"file-word","links":{"self":"/api/icons/file-word"},"type":"icon"},{"attributes":{"id":"files-medical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7fd","voted":false},"id":"files-medical","links":{"self":"/api/icons/files-medical"},"type":"icon"},{"attributes":{"id":"fill","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f575","voted":false},"id":"fill","links":{"self":"/api/icons/fill"},"type":"icon"},{"attributes":{"id":"fill-drip","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f576","voted":false},"id":"fill-drip","links":{"self":"/api/icons/fill-drip"},"type":"icon"},{"attributes":{"id":"film","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f008","voted":false},"id":"film","links":{"self":"/api/icons/film"},"type":"icon"},{"attributes":{"id":"film-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3a0","voted":false},"id":"film-alt","links":{"self":"/api/icons/film-alt"},"type":"icon"},{"attributes":{"id":"film-canister","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b7","voted":false},"id":"film-canister","links":{"self":"/api/icons/film-canister"},"type":"icon"},{"attributes":{"id":"filter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0b0","voted":false},"id":"filter","links":{"self":"/api/icons/filter"},"type":"icon"},{"attributes":{"id":"fingerprint","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f577","voted":true},"id":"fingerprint","links":{"self":"/api/icons/fingerprint"},"type":"icon"},{"attributes":{"id":"fire","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f06d","voted":false},"id":"fire","links":{"self":"/api/icons/fire"},"type":"icon"},{"attributes":{"id":"fire-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e4","voted":false},"id":"fire-alt","links":{"self":"/api/icons/fire-alt"},"type":"icon"},{"attributes":{"id":"fire-extinguisher","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f134","voted":false},"id":"fire-extinguisher","links":{"self":"/api/icons/fire-extinguisher"},"type":"icon"},{"attributes":{"id":"fire-smoke","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74b","voted":false},"id":"fire-smoke","links":{"self":"/api/icons/fire-smoke"},"type":"icon"},{"attributes":{"id":"firefox","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f269","voted":false},"id":"firefox","links":{"self":"/api/icons/firefox"},"type":"icon"},{"attributes":{"id":"firefox-browser","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f907","voted":false},"id":"firefox-browser","links":{"self":"/api/icons/firefox-browser"},"type":"icon"},{"attributes":{"id":"fireplace","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79a","voted":false},"id":"fireplace","links":{"self":"/api/icons/fireplace"},"type":"icon"},{"attributes":{"id":"first-aid","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f479","voted":false},"id":"first-aid","links":{"self":"/api/icons/first-aid"},"type":"icon"},{"attributes":{"id":"first-order","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b0","voted":false},"id":"first-order","links":{"self":"/api/icons/first-order"},"type":"icon"},{"attributes":{"id":"first-order-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50a","voted":false},"id":"first-order-alt","links":{"self":"/api/icons/first-order-alt"},"type":"icon"},{"attributes":{"id":"firstdraft","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a1","voted":false},"id":"firstdraft","links":{"self":"/api/icons/firstdraft"},"type":"icon"},{"attributes":{"id":"fish","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f578","voted":true},"id":"fish","links":{"self":"/api/icons/fish"},"type":"icon"},{"attributes":{"id":"fish-cooked","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7fe","voted":false},"id":"fish-cooked","links":{"self":"/api/icons/fish-cooked"},"type":"icon"},{"attributes":{"id":"fist-raised","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6de","voted":false},"id":"fist-raised","links":{"self":"/api/icons/fist-raised"},"type":"icon"},{"attributes":{"id":"flag","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f024","voted":false},"id":"flag","links":{"self":"/api/icons/flag"},"type":"icon"},{"attributes":{"id":"flag-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74c","voted":false},"id":"flag-alt","links":{"self":"/api/icons/flag-alt"},"type":"icon"},{"attributes":{"id":"flag-checkered","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f11e","voted":false},"id":"flag-checkered","links":{"self":"/api/icons/flag-checkered"},"type":"icon"},{"attributes":{"id":"flag-usa","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74d","voted":false},"id":"flag-usa","links":{"self":"/api/icons/flag-usa"},"type":"icon"},{"attributes":{"id":"flame","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6df","voted":false},"id":"flame","links":{"self":"/api/icons/flame"},"type":"icon"},{"attributes":{"id":"flashlight","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b8","voted":false},"id":"flashlight","links":{"self":"/api/icons/flashlight"},"type":"icon"},{"attributes":{"id":"flask","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c3","voted":false},"id":"flask","links":{"self":"/api/icons/flask"},"type":"icon"},{"attributes":{"id":"flask-poison","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e0","voted":false},"id":"flask-poison","links":{"self":"/api/icons/flask-poison"},"type":"icon"},{"attributes":{"id":"flask-potion","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e1","voted":false},"id":"flask-potion","links":{"self":"/api/icons/flask-potion"},"type":"icon"},{"attributes":{"id":"flickr","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f16e","voted":false},"id":"flickr","links":{"self":"/api/icons/flickr"},"type":"icon"},{"attributes":{"id":"flipboard","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f44d","voted":true},"id":"flipboard","links":{"self":"/api/icons/flipboard"},"type":"icon"},{"attributes":{"id":"flower","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ff","voted":true},"id":"flower","links":{"self":"/api/icons/flower"},"type":"icon"},{"attributes":{"id":"flower-daffodil","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f800","voted":false},"id":"flower-daffodil","links":{"self":"/api/icons/flower-daffodil"},"type":"icon"},{"attributes":{"id":"flower-tulip","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f801","voted":false},"id":"flower-tulip","links":{"self":"/api/icons/flower-tulip"},"type":"icon"},{"attributes":{"id":"flushed","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f579","voted":false},"id":"flushed","links":{"self":"/api/icons/flushed"},"type":"icon"},{"attributes":{"id":"flute","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8b9","voted":false},"id":"flute","links":{"self":"/api/icons/flute"},"type":"icon"},{"attributes":{"id":"flux-capacitor","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ba","voted":false},"id":"flux-capacitor","links":{"self":"/api/icons/flux-capacitor"},"type":"icon"},{"attributes":{"id":"fly","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f417","voted":false},"id":"fly","links":{"self":"/api/icons/fly"},"type":"icon"},{"attributes":{"id":"fog","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74e","voted":false},"id":"fog","links":{"self":"/api/icons/fog"},"type":"icon"},{"attributes":{"id":"folder","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f07b","voted":false},"id":"folder","links":{"self":"/api/icons/folder"},"type":"icon"},{"attributes":{"id":"folder-download","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f953","voted":false},"id":"folder-download","links":{"self":"/api/icons/folder-download"},"type":"icon"},{"attributes":{"id":"folder-minus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65d","voted":false},"id":"folder-minus","links":{"self":"/api/icons/folder-minus"},"type":"icon"},{"attributes":{"id":"folder-open","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f07c","voted":false},"id":"folder-open","links":{"self":"/api/icons/folder-open"},"type":"icon"},{"attributes":{"id":"folder-plus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65e","voted":false},"id":"folder-plus","links":{"self":"/api/icons/folder-plus"},"type":"icon"},{"attributes":{"id":"folder-times","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f65f","voted":false},"id":"folder-times","links":{"self":"/api/icons/folder-times"},"type":"icon"},{"attributes":{"id":"folder-tree","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f802","voted":true},"id":"folder-tree","links":{"self":"/api/icons/folder-tree"},"type":"icon"},{"attributes":{"id":"folder-upload","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f954","voted":false},"id":"folder-upload","links":{"self":"/api/icons/folder-upload"},"type":"icon"},{"attributes":{"id":"folders","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f660","voted":false},"id":"folders","links":{"self":"/api/icons/folders"},"type":"icon"},{"attributes":{"id":"font","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f031","voted":false},"id":"font","links":{"self":"/api/icons/font"},"type":"icon"},{"attributes":{"id":"font-awesome","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b4","voted":false},"id":"font-awesome","links":{"self":"/api/icons/font-awesome"},"type":"icon"},{"attributes":{"id":"font-awesome-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f35c","voted":false},"id":"font-awesome-alt","links":{"self":"/api/icons/font-awesome-alt"},"type":"icon"},{"attributes":{"id":"font-awesome-flag","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f425","voted":false},"id":"font-awesome-flag","links":{"self":"/api/icons/font-awesome-flag"},"type":"icon"},{"attributes":{"id":"font-case","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f866","voted":false},"id":"font-case","links":{"self":"/api/icons/font-case"},"type":"icon"},{"attributes":{"id":"fonticons","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f280","voted":false},"id":"fonticons","links":{"self":"/api/icons/fonticons"},"type":"icon"},{"attributes":{"id":"fonticons-fi","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a2","voted":false},"id":"fonticons-fi","links":{"self":"/api/icons/fonticons-fi"},"type":"icon"},{"attributes":{"id":"football-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f44e","voted":false},"id":"football-ball","links":{"self":"/api/icons/football-ball"},"type":"icon"},{"attributes":{"id":"football-helmet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f44f","voted":false},"id":"football-helmet","links":{"self":"/api/icons/football-helmet"},"type":"icon"},{"attributes":{"id":"forklift","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47a","voted":false},"id":"forklift","links":{"self":"/api/icons/forklift"},"type":"icon"},{"attributes":{"id":"fort-awesome","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f286","voted":false},"id":"fort-awesome","links":{"self":"/api/icons/fort-awesome"},"type":"icon"},{"attributes":{"id":"fort-awesome-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a3","voted":false},"id":"fort-awesome-alt","links":{"self":"/api/icons/fort-awesome-alt"},"type":"icon"},{"attributes":{"id":"forumbee","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f211","voted":false},"id":"forumbee","links":{"self":"/api/icons/forumbee"},"type":"icon"},{"attributes":{"id":"forward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f04e","voted":false},"id":"forward","links":{"self":"/api/icons/forward"},"type":"icon"},{"attributes":{"id":"foursquare","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f180","voted":false},"id":"foursquare","links":{"self":"/api/icons/foursquare"},"type":"icon"},{"attributes":{"id":"fragile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4bb","voted":false},"id":"fragile","links":{"self":"/api/icons/fragile"},"type":"icon"},{"attributes":{"id":"free-code-camp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2c5","voted":false},"id":"free-code-camp","links":{"self":"/api/icons/free-code-camp"},"type":"icon"},{"attributes":{"id":"freebsd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a4","voted":false},"id":"freebsd","links":{"self":"/api/icons/freebsd"},"type":"icon"},{"attributes":{"id":"french-fries","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f803","voted":false},"id":"french-fries","links":{"self":"/api/icons/french-fries"},"type":"icon"},{"attributes":{"id":"frog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52e","voted":false},"id":"frog","links":{"self":"/api/icons/frog"},"type":"icon"},{"attributes":{"id":"frosty-head","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79b","voted":false},"id":"frosty-head","links":{"self":"/api/icons/frosty-head"},"type":"icon"},{"attributes":{"id":"frown","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f119","voted":false},"id":"frown","links":{"self":"/api/icons/frown"},"type":"icon"},{"attributes":{"id":"frown-open","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57a","voted":false},"id":"frown-open","links":{"self":"/api/icons/frown-open"},"type":"icon"},{"attributes":{"id":"fulcrum","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50b","voted":false},"id":"fulcrum","links":{"self":"/api/icons/fulcrum"},"type":"icon"},{"attributes":{"id":"function","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f661","voted":false},"id":"function","links":{"self":"/api/icons/function"},"type":"icon"},{"attributes":{"id":"funnel-dollar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f662","voted":false},"id":"funnel-dollar","links":{"self":"/api/icons/funnel-dollar"},"type":"icon"},{"attributes":{"id":"futbol","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e3","voted":false},"id":"futbol","links":{"self":"/api/icons/futbol"},"type":"icon"},{"attributes":{"id":"galactic-republic","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50c","voted":false},"id":"galactic-republic","links":{"self":"/api/icons/galactic-republic"},"type":"icon"},{"attributes":{"id":"galactic-senate","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50d","voted":false},"id":"galactic-senate","links":{"self":"/api/icons/galactic-senate"},"type":"icon"},{"attributes":{"id":"galaxy","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f908","voted":false},"id":"galaxy","links":{"self":"/api/icons/galaxy"},"type":"icon"},{"attributes":{"id":"game-board","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f867","voted":false},"id":"game-board","links":{"self":"/api/icons/game-board"},"type":"icon"},{"attributes":{"id":"game-board-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f868","voted":false},"id":"game-board-alt","links":{"self":"/api/icons/game-board-alt"},"type":"icon"},{"attributes":{"id":"game-console-handheld","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8bb","voted":false},"id":"game-console-handheld","links":{"self":"/api/icons/game-console-handheld"},"type":"icon"},{"attributes":{"id":"gamepad","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f11b","voted":false},"id":"gamepad","links":{"self":"/api/icons/gamepad"},"type":"icon"},{"attributes":{"id":"gamepad-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8bc","voted":false},"id":"gamepad-alt","links":{"self":"/api/icons/gamepad-alt"},"type":"icon"},{"attributes":{"id":"garage","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f909","voted":false},"id":"garage","links":{"self":"/api/icons/garage"},"type":"icon"},{"attributes":{"id":"garage-car","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90a","voted":false},"id":"garage-car","links":{"self":"/api/icons/garage-car"},"type":"icon"},{"attributes":{"id":"garage-open","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90b","voted":false},"id":"garage-open","links":{"self":"/api/icons/garage-open"},"type":"icon"},{"attributes":{"id":"gas-pump","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f52f","voted":true},"id":"gas-pump","links":{"self":"/api/icons/gas-pump"},"type":"icon"},{"attributes":{"id":"gas-pump-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f4","voted":true},"id":"gas-pump-slash","links":{"self":"/api/icons/gas-pump-slash"},"type":"icon"},{"attributes":{"id":"gavel","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e3","voted":false},"id":"gavel","links":{"self":"/api/icons/gavel"},"type":"icon"},{"attributes":{"id":"gem","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3a5","voted":false},"id":"gem","links":{"self":"/api/icons/gem"},"type":"icon"},{"attributes":{"id":"genderless","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f22d","voted":false},"id":"genderless","links":{"self":"/api/icons/genderless"},"type":"icon"},{"attributes":{"id":"get-pocket","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f265","voted":false},"id":"get-pocket","links":{"self":"/api/icons/get-pocket"},"type":"icon"},{"attributes":{"id":"gg","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f260","voted":false},"id":"gg","links":{"self":"/api/icons/gg"},"type":"icon"},{"attributes":{"id":"gg-circle","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f261","voted":false},"id":"gg-circle","links":{"self":"/api/icons/gg-circle"},"type":"icon"},{"attributes":{"id":"ghost","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e2","voted":false},"id":"ghost","links":{"self":"/api/icons/ghost"},"type":"icon"},{"attributes":{"id":"gift","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f06b","voted":false},"id":"gift","links":{"self":"/api/icons/gift"},"type":"icon"},{"attributes":{"id":"gift-card","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f663","voted":false},"id":"gift-card","links":{"self":"/api/icons/gift-card"},"type":"icon"},{"attributes":{"id":"gifts","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79c","voted":false},"id":"gifts","links":{"self":"/api/icons/gifts"},"type":"icon"},{"attributes":{"id":"gingerbread-man","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79d","voted":false},"id":"gingerbread-man","links":{"self":"/api/icons/gingerbread-man"},"type":"icon"},{"attributes":{"id":"git","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d3","voted":false},"id":"git","links":{"self":"/api/icons/git"},"type":"icon"},{"attributes":{"id":"git-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f841","voted":false},"id":"git-alt","links":{"self":"/api/icons/git-alt"},"type":"icon"},{"attributes":{"id":"git-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d2","voted":false},"id":"git-square","links":{"self":"/api/icons/git-square"},"type":"icon"},{"attributes":{"id":"github","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f09b","voted":false},"id":"github","links":{"self":"/api/icons/github"},"type":"icon"},{"attributes":{"id":"github-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f113","voted":false},"id":"github-alt","links":{"self":"/api/icons/github-alt"},"type":"icon"},{"attributes":{"id":"github-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f092","voted":false},"id":"github-square","links":{"self":"/api/icons/github-square"},"type":"icon"},{"attributes":{"id":"gitkraken","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a6","voted":false},"id":"gitkraken","links":{"self":"/api/icons/gitkraken"},"type":"icon"},{"attributes":{"id":"gitlab","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f296","voted":false},"id":"gitlab","links":{"self":"/api/icons/gitlab"},"type":"icon"},{"attributes":{"id":"gitter","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f426","voted":false},"id":"gitter","links":{"self":"/api/icons/gitter"},"type":"icon"},{"attributes":{"id":"glass","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f804","voted":true},"id":"glass","links":{"self":"/api/icons/glass"},"type":"icon"},{"attributes":{"id":"glass-champagne","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79e","voted":false},"id":"glass-champagne","links":{"self":"/api/icons/glass-champagne"},"type":"icon"},{"attributes":{"id":"glass-cheers","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f79f","voted":false},"id":"glass-cheers","links":{"self":"/api/icons/glass-cheers"},"type":"icon"},{"attributes":{"id":"glass-citrus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f869","voted":false},"id":"glass-citrus","links":{"self":"/api/icons/glass-citrus"},"type":"icon"},{"attributes":{"id":"glass-martini","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f000","voted":false},"id":"glass-martini","links":{"self":"/api/icons/glass-martini"},"type":"icon"},{"attributes":{"id":"glass-martini-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57b","voted":false},"id":"glass-martini-alt","links":{"self":"/api/icons/glass-martini-alt"},"type":"icon"},{"attributes":{"id":"glass-whiskey","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a0","voted":false},"id":"glass-whiskey","links":{"self":"/api/icons/glass-whiskey"},"type":"icon"},{"attributes":{"id":"glass-whiskey-rocks","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a1","voted":false},"id":"glass-whiskey-rocks","links":{"self":"/api/icons/glass-whiskey-rocks"},"type":"icon"},{"attributes":{"id":"glasses","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f530","voted":true},"id":"glasses","links":{"self":"/api/icons/glasses"},"type":"icon"},{"attributes":{"id":"glasses-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f5","voted":false},"id":"glasses-alt","links":{"self":"/api/icons/glasses-alt"},"type":"icon"},{"attributes":{"id":"glide","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2a5","voted":false},"id":"glide","links":{"self":"/api/icons/glide"},"type":"icon"},{"attributes":{"id":"glide-g","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2a6","voted":false},"id":"glide-g","links":{"self":"/api/icons/glide-g"},"type":"icon"},{"attributes":{"id":"globe","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ac","voted":false},"id":"globe","links":{"self":"/api/icons/globe"},"type":"icon"},{"attributes":{"id":"globe-africa","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57c","voted":false},"id":"globe-africa","links":{"self":"/api/icons/globe-africa"},"type":"icon"},{"attributes":{"id":"globe-americas","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57d","voted":false},"id":"globe-americas","links":{"self":"/api/icons/globe-americas"},"type":"icon"},{"attributes":{"id":"globe-asia","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57e","voted":false},"id":"globe-asia","links":{"self":"/api/icons/globe-asia"},"type":"icon"},{"attributes":{"id":"globe-europe","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a2","voted":true},"id":"globe-europe","links":{"self":"/api/icons/globe-europe"},"type":"icon"},{"attributes":{"id":"globe-snow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a3","voted":false},"id":"globe-snow","links":{"self":"/api/icons/globe-snow"},"type":"icon"},{"attributes":{"id":"globe-stand","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f6","voted":false},"id":"globe-stand","links":{"self":"/api/icons/globe-stand"},"type":"icon"},{"attributes":{"id":"gofore","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a7","voted":false},"id":"gofore","links":{"self":"/api/icons/gofore"},"type":"icon"},{"attributes":{"id":"golf-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f450","voted":false},"id":"golf-ball","links":{"self":"/api/icons/golf-ball"},"type":"icon"},{"attributes":{"id":"golf-club","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f451","voted":false},"id":"golf-club","links":{"self":"/api/icons/golf-club"},"type":"icon"},{"attributes":{"id":"goodreads","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a8","voted":false},"id":"goodreads","links":{"self":"/api/icons/goodreads"},"type":"icon"},{"attributes":{"id":"goodreads-g","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3a9","voted":false},"id":"goodreads-g","links":{"self":"/api/icons/goodreads-g"},"type":"icon"},{"attributes":{"id":"google","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a0","voted":false},"id":"google","links":{"self":"/api/icons/google"},"type":"icon"},{"attributes":{"id":"google-drive","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3aa","voted":false},"id":"google-drive","links":{"self":"/api/icons/google-drive"},"type":"icon"},{"attributes":{"id":"google-play","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ab","voted":false},"id":"google-play","links":{"self":"/api/icons/google-play"},"type":"icon"},{"attributes":{"id":"google-plus","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b3","voted":false},"id":"google-plus","links":{"self":"/api/icons/google-plus"},"type":"icon"},{"attributes":{"id":"google-plus-g","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f0d5","voted":false},"id":"google-plus-g","links":{"self":"/api/icons/google-plus-g"},"type":"icon"},{"attributes":{"id":"google-plus-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f0d4","voted":false},"id":"google-plus-square","links":{"self":"/api/icons/google-plus-square"},"type":"icon"},{"attributes":{"id":"google-wallet","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1ee","voted":false},"id":"google-wallet","links":{"self":"/api/icons/google-wallet"},"type":"icon"},{"attributes":{"id":"gopuram","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f664","voted":false},"id":"gopuram","links":{"self":"/api/icons/gopuram"},"type":"icon"},{"attributes":{"id":"graduation-cap","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f19d","voted":false},"id":"graduation-cap","links":{"self":"/api/icons/graduation-cap"},"type":"icon"},{"attributes":{"id":"gramophone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8bd","voted":false},"id":"gramophone","links":{"self":"/api/icons/gramophone"},"type":"icon"},{"attributes":{"id":"gratipay","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f184","voted":false},"id":"gratipay","links":{"self":"/api/icons/gratipay"},"type":"icon"},{"attributes":{"id":"grav","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2d6","voted":false},"id":"grav","links":{"self":"/api/icons/grav"},"type":"icon"},{"attributes":{"id":"greater-than","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f531","voted":true},"id":"greater-than","links":{"self":"/api/icons/greater-than"},"type":"icon"},{"attributes":{"id":"greater-than-equal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f532","voted":true},"id":"greater-than-equal","links":{"self":"/api/icons/greater-than-equal"},"type":"icon"},{"attributes":{"id":"grimace","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f57f","voted":false},"id":"grimace","links":{"self":"/api/icons/grimace"},"type":"icon"},{"attributes":{"id":"grin","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f580","voted":false},"id":"grin","links":{"self":"/api/icons/grin"},"type":"icon"},{"attributes":{"id":"grin-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f581","voted":false},"id":"grin-alt","links":{"self":"/api/icons/grin-alt"},"type":"icon"},{"attributes":{"id":"grin-beam","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f582","voted":false},"id":"grin-beam","links":{"self":"/api/icons/grin-beam"},"type":"icon"},{"attributes":{"id":"grin-beam-sweat","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f583","voted":false},"id":"grin-beam-sweat","links":{"self":"/api/icons/grin-beam-sweat"},"type":"icon"},{"attributes":{"id":"grin-hearts","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f584","voted":false},"id":"grin-hearts","links":{"self":"/api/icons/grin-hearts"},"type":"icon"},{"attributes":{"id":"grin-squint","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f585","voted":false},"id":"grin-squint","links":{"self":"/api/icons/grin-squint"},"type":"icon"},{"attributes":{"id":"grin-squint-tears","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f586","voted":false},"id":"grin-squint-tears","links":{"self":"/api/icons/grin-squint-tears"},"type":"icon"},{"attributes":{"id":"grin-stars","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f587","voted":false},"id":"grin-stars","links":{"self":"/api/icons/grin-stars"},"type":"icon"},{"attributes":{"id":"grin-tears","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f588","voted":false},"id":"grin-tears","links":{"self":"/api/icons/grin-tears"},"type":"icon"},{"attributes":{"id":"grin-tongue","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f589","voted":false},"id":"grin-tongue","links":{"self":"/api/icons/grin-tongue"},"type":"icon"},{"attributes":{"id":"grin-tongue-squint","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58a","voted":false},"id":"grin-tongue-squint","links":{"self":"/api/icons/grin-tongue-squint"},"type":"icon"},{"attributes":{"id":"grin-tongue-wink","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58b","voted":false},"id":"grin-tongue-wink","links":{"self":"/api/icons/grin-tongue-wink"},"type":"icon"},{"attributes":{"id":"grin-wink","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58c","voted":false},"id":"grin-wink","links":{"self":"/api/icons/grin-wink"},"type":"icon"},{"attributes":{"id":"grip-horizontal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58d","voted":true},"id":"grip-horizontal","links":{"self":"/api/icons/grip-horizontal"},"type":"icon"},{"attributes":{"id":"grip-lines","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a4","voted":true},"id":"grip-lines","links":{"self":"/api/icons/grip-lines"},"type":"icon"},{"attributes":{"id":"grip-lines-vertical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a5","voted":true},"id":"grip-lines-vertical","links":{"self":"/api/icons/grip-lines-vertical"},"type":"icon"},{"attributes":{"id":"grip-vertical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58e","voted":true},"id":"grip-vertical","links":{"self":"/api/icons/grip-vertical"},"type":"icon"},{"attributes":{"id":"gripfire","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ac","voted":false},"id":"gripfire","links":{"self":"/api/icons/gripfire"},"type":"icon"},{"attributes":{"id":"grunt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ad","voted":false},"id":"grunt","links":{"self":"/api/icons/grunt"},"type":"icon"},{"attributes":{"id":"guitar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a6","voted":true},"id":"guitar","links":{"self":"/api/icons/guitar"},"type":"icon"},{"attributes":{"id":"guitar-electric","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8be","voted":false},"id":"guitar-electric","links":{"self":"/api/icons/guitar-electric"},"type":"icon"},{"attributes":{"id":"guitars","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8bf","voted":false},"id":"guitars","links":{"self":"/api/icons/guitars"},"type":"icon"},{"attributes":{"id":"gulp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ae","voted":false},"id":"gulp","links":{"self":"/api/icons/gulp"},"type":"icon"},{"attributes":{"id":"h-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0fd","voted":false},"id":"h-square","links":{"self":"/api/icons/h-square"},"type":"icon"},{"attributes":{"id":"h1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f313","voted":false},"id":"h1","links":{"self":"/api/icons/h1"},"type":"icon"},{"attributes":{"id":"h2","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f314","voted":false},"id":"h2","links":{"self":"/api/icons/h2"},"type":"icon"},{"attributes":{"id":"h3","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f315","voted":false},"id":"h3","links":{"self":"/api/icons/h3"},"type":"icon"},{"attributes":{"id":"h4","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86a","voted":false},"id":"h4","links":{"self":"/api/icons/h4"},"type":"icon"},{"attributes":{"id":"hacker-news","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d4","voted":false},"id":"hacker-news","links":{"self":"/api/icons/hacker-news"},"type":"icon"},{"attributes":{"id":"hacker-news-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3af","voted":false},"id":"hacker-news-square","links":{"self":"/api/icons/hacker-news-square"},"type":"icon"},{"attributes":{"id":"hackerrank","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5f7","voted":true},"id":"hackerrank","links":{"self":"/api/icons/hackerrank"},"type":"icon"},{"attributes":{"id":"hamburger","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f805","voted":false},"id":"hamburger","links":{"self":"/api/icons/hamburger"},"type":"icon"},{"attributes":{"id":"hammer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e3","voted":true},"id":"hammer","links":{"self":"/api/icons/hammer"},"type":"icon"},{"attributes":{"id":"hammer-war","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e4","voted":false},"id":"hammer-war","links":{"self":"/api/icons/hammer-war"},"type":"icon"},{"attributes":{"id":"hamsa","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f665","voted":false},"id":"hamsa","links":{"self":"/api/icons/hamsa"},"type":"icon"},{"attributes":{"id":"hand-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4bc","voted":false},"id":"hand-heart","links":{"self":"/api/icons/hand-heart"},"type":"icon"},{"attributes":{"id":"hand-holding","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4bd","voted":false},"id":"hand-holding","links":{"self":"/api/icons/hand-holding"},"type":"icon"},{"attributes":{"id":"hand-holding-box","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47b","voted":false},"id":"hand-holding-box","links":{"self":"/api/icons/hand-holding-box"},"type":"icon"},{"attributes":{"id":"hand-holding-heart","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4be","voted":false},"id":"hand-holding-heart","links":{"self":"/api/icons/hand-holding-heart"},"type":"icon"},{"attributes":{"id":"hand-holding-magic","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e5","voted":false},"id":"hand-holding-magic","links":{"self":"/api/icons/hand-holding-magic"},"type":"icon"},{"attributes":{"id":"hand-holding-medical","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95c","voted":false},"id":"hand-holding-medical","links":{"self":"/api/icons/hand-holding-medical"},"type":"icon"},{"attributes":{"id":"hand-holding-seedling","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4bf","voted":false},"id":"hand-holding-seedling","links":{"self":"/api/icons/hand-holding-seedling"},"type":"icon"},{"attributes":{"id":"hand-holding-usd","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c0","voted":false},"id":"hand-holding-usd","links":{"self":"/api/icons/hand-holding-usd"},"type":"icon"},{"attributes":{"id":"hand-holding-water","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c1","voted":false},"id":"hand-holding-water","links":{"self":"/api/icons/hand-holding-water"},"type":"icon"},{"attributes":{"id":"hand-lizard","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f258","voted":false},"id":"hand-lizard","links":{"self":"/api/icons/hand-lizard"},"type":"icon"},{"attributes":{"id":"hand-middle-finger","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f806","voted":true},"id":"hand-middle-finger","links":{"self":"/api/icons/hand-middle-finger"},"type":"icon"},{"attributes":{"id":"hand-paper","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f256","voted":false},"id":"hand-paper","links":{"self":"/api/icons/hand-paper"},"type":"icon"},{"attributes":{"id":"hand-peace","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f25b","voted":false},"id":"hand-peace","links":{"self":"/api/icons/hand-peace"},"type":"icon"},{"attributes":{"id":"hand-point-down","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a7","voted":false},"id":"hand-point-down","links":{"self":"/api/icons/hand-point-down"},"type":"icon"},{"attributes":{"id":"hand-point-left","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a5","voted":false},"id":"hand-point-left","links":{"self":"/api/icons/hand-point-left"},"type":"icon"},{"attributes":{"id":"hand-point-right","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a4","voted":false},"id":"hand-point-right","links":{"self":"/api/icons/hand-point-right"},"type":"icon"},{"attributes":{"id":"hand-point-up","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a6","voted":false},"id":"hand-point-up","links":{"self":"/api/icons/hand-point-up"},"type":"icon"},{"attributes":{"id":"hand-pointer","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f25a","voted":false},"id":"hand-pointer","links":{"self":"/api/icons/hand-pointer"},"type":"icon"},{"attributes":{"id":"hand-receiving","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47c","voted":false},"id":"hand-receiving","links":{"self":"/api/icons/hand-receiving"},"type":"icon"},{"attributes":{"id":"hand-rock","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f255","voted":false},"id":"hand-rock","links":{"self":"/api/icons/hand-rock"},"type":"icon"},{"attributes":{"id":"hand-scissors","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f257","voted":false},"id":"hand-scissors","links":{"self":"/api/icons/hand-scissors"},"type":"icon"},{"attributes":{"id":"hand-sparkles","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95d","voted":false},"id":"hand-sparkles","links":{"self":"/api/icons/hand-sparkles"},"type":"icon"},{"attributes":{"id":"hand-spock","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f259","voted":false},"id":"hand-spock","links":{"self":"/api/icons/hand-spock"},"type":"icon"},{"attributes":{"id":"hands","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c2","voted":false},"id":"hands","links":{"self":"/api/icons/hands"},"type":"icon"},{"attributes":{"id":"hands-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c3","voted":false},"id":"hands-heart","links":{"self":"/api/icons/hands-heart"},"type":"icon"},{"attributes":{"id":"hands-helping","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c4","voted":false},"id":"hands-helping","links":{"self":"/api/icons/hands-helping"},"type":"icon"},{"attributes":{"id":"hands-usd","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c5","voted":false},"id":"hands-usd","links":{"self":"/api/icons/hands-usd"},"type":"icon"},{"attributes":{"id":"hands-wash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95e","voted":false},"id":"hands-wash","links":{"self":"/api/icons/hands-wash"},"type":"icon"},{"attributes":{"id":"handshake","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2b5","voted":false},"id":"handshake","links":{"self":"/api/icons/handshake"},"type":"icon"},{"attributes":{"id":"handshake-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c6","voted":false},"id":"handshake-alt","links":{"self":"/api/icons/handshake-alt"},"type":"icon"},{"attributes":{"id":"handshake-alt-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f95f","voted":false},"id":"handshake-alt-slash","links":{"self":"/api/icons/handshake-alt-slash"},"type":"icon"},{"attributes":{"id":"handshake-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f960","voted":false},"id":"handshake-slash","links":{"self":"/api/icons/handshake-slash"},"type":"icon"},{"attributes":{"id":"hanukiah","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e6","voted":false},"id":"hanukiah","links":{"self":"/api/icons/hanukiah"},"type":"icon"},{"attributes":{"id":"hard-hat","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f807","voted":true},"id":"hard-hat","links":{"self":"/api/icons/hard-hat"},"type":"icon"},{"attributes":{"id":"hashtag","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f292","voted":false},"id":"hashtag","links":{"self":"/api/icons/hashtag"},"type":"icon"},{"attributes":{"id":"hat-chef","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86b","voted":true},"id":"hat-chef","links":{"self":"/api/icons/hat-chef"},"type":"icon"},{"attributes":{"id":"hat-cowboy","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8c0","voted":false},"id":"hat-cowboy","links":{"self":"/api/icons/hat-cowboy"},"type":"icon"},{"attributes":{"id":"hat-cowboy-side","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8c1","voted":false},"id":"hat-cowboy-side","links":{"self":"/api/icons/hat-cowboy-side"},"type":"icon"},{"attributes":{"id":"hat-santa","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a7","voted":false},"id":"hat-santa","links":{"self":"/api/icons/hat-santa"},"type":"icon"},{"attributes":{"id":"hat-winter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a8","voted":false},"id":"hat-winter","links":{"self":"/api/icons/hat-winter"},"type":"icon"},{"attributes":{"id":"hat-witch","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e7","voted":false},"id":"hat-witch","links":{"self":"/api/icons/hat-witch"},"type":"icon"},{"attributes":{"id":"hat-wizard","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e8","voted":false},"id":"hat-wizard","links":{"self":"/api/icons/hat-wizard"},"type":"icon"},{"attributes":{"id":"hdd","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0a0","voted":false},"id":"hdd","links":{"self":"/api/icons/hdd"},"type":"icon"},{"attributes":{"id":"head-side","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6e9","voted":false},"id":"head-side","links":{"self":"/api/icons/head-side"},"type":"icon"},{"attributes":{"id":"head-side-brain","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f808","voted":false},"id":"head-side-brain","links":{"self":"/api/icons/head-side-brain"},"type":"icon"},{"attributes":{"id":"head-side-cough","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f961","voted":false},"id":"head-side-cough","links":{"self":"/api/icons/head-side-cough"},"type":"icon"},{"attributes":{"id":"head-side-cough-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f962","voted":false},"id":"head-side-cough-slash","links":{"self":"/api/icons/head-side-cough-slash"},"type":"icon"},{"attributes":{"id":"head-side-headphones","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8c2","voted":false},"id":"head-side-headphones","links":{"self":"/api/icons/head-side-headphones"},"type":"icon"},{"attributes":{"id":"head-side-mask","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f963","voted":false},"id":"head-side-mask","links":{"self":"/api/icons/head-side-mask"},"type":"icon"},{"attributes":{"id":"head-side-medical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f809","voted":false},"id":"head-side-medical","links":{"self":"/api/icons/head-side-medical"},"type":"icon"},{"attributes":{"id":"head-side-virus","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f964","voted":false},"id":"head-side-virus","links":{"self":"/api/icons/head-side-virus"},"type":"icon"},{"attributes":{"id":"head-vr","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ea","voted":true},"id":"head-vr","links":{"self":"/api/icons/head-vr"},"type":"icon"},{"attributes":{"id":"heading","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1dc","voted":false},"id":"heading","links":{"self":"/api/icons/heading"},"type":"icon"},{"attributes":{"id":"headphones","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f025","voted":false},"id":"headphones","links":{"self":"/api/icons/headphones"},"type":"icon"},{"attributes":{"id":"headphones-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f58f","voted":true},"id":"headphones-alt","links":{"self":"/api/icons/headphones-alt"},"type":"icon"},{"attributes":{"id":"headset","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f590","voted":true},"id":"headset","links":{"self":"/api/icons/headset"},"type":"icon"},{"attributes":{"id":"heart","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f004","voted":false},"id":"heart","links":{"self":"/api/icons/heart"},"type":"icon"},{"attributes":{"id":"heart-broken","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7a9","voted":true},"id":"heart-broken","links":{"self":"/api/icons/heart-broken"},"type":"icon"},{"attributes":{"id":"heart-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c7","voted":false},"id":"heart-circle","links":{"self":"/api/icons/heart-circle"},"type":"icon"},{"attributes":{"id":"heart-rate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f8","voted":false},"id":"heart-rate","links":{"self":"/api/icons/heart-rate"},"type":"icon"},{"attributes":{"id":"heart-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c8","voted":false},"id":"heart-square","links":{"self":"/api/icons/heart-square"},"type":"icon"},{"attributes":{"id":"heartbeat","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f21e","voted":false},"id":"heartbeat","links":{"self":"/api/icons/heartbeat"},"type":"icon"},{"attributes":{"id":"heat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90c","voted":false},"id":"heat","links":{"self":"/api/icons/heat"},"type":"icon"},{"attributes":{"id":"helicopter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f533","voted":true},"id":"helicopter","links":{"self":"/api/icons/helicopter"},"type":"icon"},{"attributes":{"id":"helmet-battle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6eb","voted":false},"id":"helmet-battle","links":{"self":"/api/icons/helmet-battle"},"type":"icon"},{"attributes":{"id":"hexagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f312","voted":false},"id":"hexagon","links":{"self":"/api/icons/hexagon"},"type":"icon"},{"attributes":{"id":"highlighter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f591","voted":true},"id":"highlighter","links":{"self":"/api/icons/highlighter"},"type":"icon"},{"attributes":{"id":"hiking","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ec","voted":false},"id":"hiking","links":{"self":"/api/icons/hiking"},"type":"icon"},{"attributes":{"id":"hippo","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ed","voted":false},"id":"hippo","links":{"self":"/api/icons/hippo"},"type":"icon"},{"attributes":{"id":"hips","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f452","voted":false},"id":"hips","links":{"self":"/api/icons/hips"},"type":"icon"},{"attributes":{"id":"hire-a-helper","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b0","voted":false},"id":"hire-a-helper","links":{"self":"/api/icons/hire-a-helper"},"type":"icon"},{"attributes":{"id":"history","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1da","voted":false},"id":"history","links":{"self":"/api/icons/history"},"type":"icon"},{"attributes":{"id":"hockey-mask","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ee","voted":false},"id":"hockey-mask","links":{"self":"/api/icons/hockey-mask"},"type":"icon"},{"attributes":{"id":"hockey-puck","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f453","voted":false},"id":"hockey-puck","links":{"self":"/api/icons/hockey-puck"},"type":"icon"},{"attributes":{"id":"hockey-sticks","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f454","voted":false},"id":"hockey-sticks","links":{"self":"/api/icons/hockey-sticks"},"type":"icon"},{"attributes":{"id":"holly-berry","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7aa","voted":false},"id":"holly-berry","links":{"self":"/api/icons/holly-berry"},"type":"icon"},{"attributes":{"id":"home","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f015","voted":false},"id":"home","links":{"self":"/api/icons/home"},"type":"icon"},{"attributes":{"id":"home-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80a","voted":false},"id":"home-alt","links":{"self":"/api/icons/home-alt"},"type":"icon"},{"attributes":{"id":"home-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4c9","voted":false},"id":"home-heart","links":{"self":"/api/icons/home-heart"},"type":"icon"},{"attributes":{"id":"home-lg","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80b","voted":false},"id":"home-lg","links":{"self":"/api/icons/home-lg"},"type":"icon"},{"attributes":{"id":"home-lg-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80c","voted":false},"id":"home-lg-alt","links":{"self":"/api/icons/home-lg-alt"},"type":"icon"},{"attributes":{"id":"hood-cloak","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ef","voted":false},"id":"hood-cloak","links":{"self":"/api/icons/hood-cloak"},"type":"icon"},{"attributes":{"id":"hooli","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f427","voted":false},"id":"hooli","links":{"self":"/api/icons/hooli"},"type":"icon"},{"attributes":{"id":"horizontal-rule","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86c","voted":false},"id":"horizontal-rule","links":{"self":"/api/icons/horizontal-rule"},"type":"icon"},{"attributes":{"id":"hornbill","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f592","voted":false},"id":"hornbill","links":{"self":"/api/icons/hornbill"},"type":"icon"},{"attributes":{"id":"horse","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f0","voted":false},"id":"horse","links":{"self":"/api/icons/horse"},"type":"icon"},{"attributes":{"id":"horse-head","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ab","voted":false},"id":"horse-head","links":{"self":"/api/icons/horse-head"},"type":"icon"},{"attributes":{"id":"horse-saddle","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8c3","voted":false},"id":"horse-saddle","links":{"self":"/api/icons/horse-saddle"},"type":"icon"},{"attributes":{"id":"hospital","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f8","voted":false},"id":"hospital","links":{"self":"/api/icons/hospital"},"type":"icon"},{"attributes":{"id":"hospital-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47d","voted":false},"id":"hospital-alt","links":{"self":"/api/icons/hospital-alt"},"type":"icon"},{"attributes":{"id":"hospital-symbol","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47e","voted":false},"id":"hospital-symbol","links":{"self":"/api/icons/hospital-symbol"},"type":"icon"},{"attributes":{"id":"hospital-user","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80d","voted":false},"id":"hospital-user","links":{"self":"/api/icons/hospital-user"},"type":"icon"},{"attributes":{"id":"hospitals","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80e","voted":false},"id":"hospitals","links":{"self":"/api/icons/hospitals"},"type":"icon"},{"attributes":{"id":"hot-tub","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f593","voted":false},"id":"hot-tub","links":{"self":"/api/icons/hot-tub"},"type":"icon"},{"attributes":{"id":"hotdog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f80f","voted":false},"id":"hotdog","links":{"self":"/api/icons/hotdog"},"type":"icon"},{"attributes":{"id":"hotel","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f594","voted":false},"id":"hotel","links":{"self":"/api/icons/hotel"},"type":"icon"},{"attributes":{"id":"hotjar","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b1","voted":false},"id":"hotjar","links":{"self":"/api/icons/hotjar"},"type":"icon"},{"attributes":{"id":"hourglass","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f254","voted":false},"id":"hourglass","links":{"self":"/api/icons/hourglass"},"type":"icon"},{"attributes":{"id":"hourglass-end","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f253","voted":false},"id":"hourglass-end","links":{"self":"/api/icons/hourglass-end"},"type":"icon"},{"attributes":{"id":"hourglass-half","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f252","voted":false},"id":"hourglass-half","links":{"self":"/api/icons/hourglass-half"},"type":"icon"},{"attributes":{"id":"hourglass-start","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f251","voted":false},"id":"hourglass-start","links":{"self":"/api/icons/hourglass-start"},"type":"icon"},{"attributes":{"id":"house","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90d","voted":false},"id":"house","links":{"self":"/api/icons/house"},"type":"icon"},{"attributes":{"id":"house-damage","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f1","voted":false},"id":"house-damage","links":{"self":"/api/icons/house-damage"},"type":"icon"},{"attributes":{"id":"house-day","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90e","voted":false},"id":"house-day","links":{"self":"/api/icons/house-day"},"type":"icon"},{"attributes":{"id":"house-flood","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f74f","voted":false},"id":"house-flood","links":{"self":"/api/icons/house-flood"},"type":"icon"},{"attributes":{"id":"house-leave","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f90f","voted":false},"id":"house-leave","links":{"self":"/api/icons/house-leave"},"type":"icon"},{"attributes":{"id":"house-night","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f910","voted":false},"id":"house-night","links":{"self":"/api/icons/house-night"},"type":"icon"},{"attributes":{"id":"house-return","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f911","voted":false},"id":"house-return","links":{"self":"/api/icons/house-return"},"type":"icon"},{"attributes":{"id":"house-signal","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f912","voted":false},"id":"house-signal","links":{"self":"/api/icons/house-signal"},"type":"icon"},{"attributes":{"id":"house-user","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f965","voted":false},"id":"house-user","links":{"self":"/api/icons/house-user"},"type":"icon"},{"attributes":{"id":"houzz","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f27c","voted":false},"id":"houzz","links":{"self":"/api/icons/houzz"},"type":"icon"},{"attributes":{"id":"hryvnia","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f2","voted":true},"id":"hryvnia","links":{"self":"/api/icons/hryvnia"},"type":"icon"},{"attributes":{"id":"html5","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f13b","voted":false},"id":"html5","links":{"self":"/api/icons/html5"},"type":"icon"},{"attributes":{"id":"hubspot","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b2","voted":false},"id":"hubspot","links":{"self":"/api/icons/hubspot"},"type":"icon"},{"attributes":{"id":"humidity","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f750","voted":false},"id":"humidity","links":{"self":"/api/icons/humidity"},"type":"icon"},{"attributes":{"id":"hurricane","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f751","voted":false},"id":"hurricane","links":{"self":"/api/icons/hurricane"},"type":"icon"},{"attributes":{"id":"i-cursor","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f246","voted":false},"id":"i-cursor","links":{"self":"/api/icons/i-cursor"},"type":"icon"},{"attributes":{"id":"ice-cream","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f810","voted":false},"id":"ice-cream","links":{"self":"/api/icons/ice-cream"},"type":"icon"},{"attributes":{"id":"ice-skate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ac","voted":false},"id":"ice-skate","links":{"self":"/api/icons/ice-skate"},"type":"icon"},{"attributes":{"id":"icicles","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ad","voted":false},"id":"icicles","links":{"self":"/api/icons/icicles"},"type":"icon"},{"attributes":{"id":"icons","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86d","voted":false},"id":"icons","links":{"self":"/api/icons/icons"},"type":"icon"},{"attributes":{"id":"icons-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86e","voted":false},"id":"icons-alt","links":{"self":"/api/icons/icons-alt"},"type":"icon"},{"attributes":{"id":"id-badge","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2c1","voted":false},"id":"id-badge","links":{"self":"/api/icons/id-badge"},"type":"icon"},{"attributes":{"id":"id-card","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2c2","voted":false},"id":"id-card","links":{"self":"/api/icons/id-card"},"type":"icon"},{"attributes":{"id":"id-card-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f47f","voted":false},"id":"id-card-alt","links":{"self":"/api/icons/id-card-alt"},"type":"icon"},{"attributes":{"id":"ideal","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f913","voted":true},"id":"ideal","links":{"self":"/api/icons/ideal"},"type":"icon"},{"attributes":{"id":"igloo","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ae","voted":false},"id":"igloo","links":{"self":"/api/icons/igloo"},"type":"icon"},{"attributes":{"id":"image","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f03e","voted":false},"id":"image","links":{"self":"/api/icons/image"},"type":"icon"},{"attributes":{"id":"image-polaroid","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8c4","voted":false},"id":"image-polaroid","links":{"self":"/api/icons/image-polaroid"},"type":"icon"},{"attributes":{"id":"images","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f302","voted":false},"id":"images","links":{"self":"/api/icons/images"},"type":"icon"},{"attributes":{"id":"imdb","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2d8","voted":false},"id":"imdb","links":{"self":"/api/icons/imdb"},"type":"icon"},{"attributes":{"id":"inbox","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f01c","voted":false},"id":"inbox","links":{"self":"/api/icons/inbox"},"type":"icon"},{"attributes":{"id":"inbox-in","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f310","voted":false},"id":"inbox-in","links":{"self":"/api/icons/inbox-in"},"type":"icon"},{"attributes":{"id":"inbox-out","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f311","voted":false},"id":"inbox-out","links":{"self":"/api/icons/inbox-out"},"type":"icon"},{"attributes":{"id":"indent","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f03c","voted":false},"id":"indent","links":{"self":"/api/icons/indent"},"type":"icon"},{"attributes":{"id":"industry","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f275","voted":false},"id":"industry","links":{"self":"/api/icons/industry"},"type":"icon"},{"attributes":{"id":"industry-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3b3","voted":false},"id":"industry-alt","links":{"self":"/api/icons/industry-alt"},"type":"icon"},{"attributes":{"id":"infinity","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f534","voted":true},"id":"infinity","links":{"self":"/api/icons/infinity"},"type":"icon"},{"attributes":{"id":"info","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f129","voted":false},"id":"info","links":{"self":"/api/icons/info"},"type":"icon"},{"attributes":{"id":"info-circle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f05a","voted":false},"id":"info-circle","links":{"self":"/api/icons/info-circle"},"type":"icon"},{"attributes":{"id":"info-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30f","voted":false},"id":"info-square","links":{"self":"/api/icons/info-square"},"type":"icon"},{"attributes":{"id":"inhaler","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5f9","voted":false},"id":"inhaler","links":{"self":"/api/icons/inhaler"},"type":"icon"},{"attributes":{"id":"instagram","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f16d","voted":false},"id":"instagram","links":{"self":"/api/icons/instagram"},"type":"icon"},{"attributes":{"id":"instagram-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f955","voted":true},"id":"instagram-square","links":{"self":"/api/icons/instagram-square"},"type":"icon"},{"attributes":{"id":"integral","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f667","voted":false},"id":"integral","links":{"self":"/api/icons/integral"},"type":"icon"},{"attributes":{"id":"intercom","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7af","voted":false},"id":"intercom","links":{"self":"/api/icons/intercom"},"type":"icon"},{"attributes":{"id":"internet-explorer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f26b","voted":false},"id":"internet-explorer","links":{"self":"/api/icons/internet-explorer"},"type":"icon"},{"attributes":{"id":"intersection","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f668","voted":false},"id":"intersection","links":{"self":"/api/icons/intersection"},"type":"icon"},{"attributes":{"id":"inventory","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f480","voted":false},"id":"inventory","links":{"self":"/api/icons/inventory"},"type":"icon"},{"attributes":{"id":"invision","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7b0","voted":false},"id":"invision","links":{"self":"/api/icons/invision"},"type":"icon"},{"attributes":{"id":"ioxhost","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f208","voted":false},"id":"ioxhost","links":{"self":"/api/icons/ioxhost"},"type":"icon"},{"attributes":{"id":"island-tropical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f811","voted":true},"id":"island-tropical","links":{"self":"/api/icons/island-tropical"},"type":"icon"},{"attributes":{"id":"italic","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f033","voted":false},"id":"italic","links":{"self":"/api/icons/italic"},"type":"icon"},{"attributes":{"id":"itch-io","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f83a","voted":false},"id":"itch-io","links":{"self":"/api/icons/itch-io"},"type":"icon"},{"attributes":{"id":"itunes","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b4","voted":false},"id":"itunes","links":{"self":"/api/icons/itunes"},"type":"icon"},{"attributes":{"id":"itunes-note","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b5","voted":false},"id":"itunes-note","links":{"self":"/api/icons/itunes-note"},"type":"icon"},{"attributes":{"id":"jack-o-lantern","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30e","voted":false},"id":"jack-o-lantern","links":{"self":"/api/icons/jack-o-lantern"},"type":"icon"},{"attributes":{"id":"java","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4e4","voted":false},"id":"java","links":{"self":"/api/icons/java"},"type":"icon"},{"attributes":{"id":"jedi","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f669","voted":false},"id":"jedi","links":{"self":"/api/icons/jedi"},"type":"icon"},{"attributes":{"id":"jedi-order","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50e","voted":false},"id":"jedi-order","links":{"self":"/api/icons/jedi-order"},"type":"icon"},{"attributes":{"id":"jenkins","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b6","voted":false},"id":"jenkins","links":{"self":"/api/icons/jenkins"},"type":"icon"},{"attributes":{"id":"jira","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7b1","voted":true},"id":"jira","links":{"self":"/api/icons/jira"},"type":"icon"},{"attributes":{"id":"joget","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b7","voted":false},"id":"joget","links":{"self":"/api/icons/joget"},"type":"icon"},{"attributes":{"id":"joint","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f595","voted":false},"id":"joint","links":{"self":"/api/icons/joint"},"type":"icon"},{"attributes":{"id":"joomla","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1aa","voted":false},"id":"joomla","links":{"self":"/api/icons/joomla"},"type":"icon"},{"attributes":{"id":"journal-whills","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66a","voted":false},"id":"journal-whills","links":{"self":"/api/icons/journal-whills"},"type":"icon"},{"attributes":{"id":"joystick","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8c5","voted":false},"id":"joystick","links":{"self":"/api/icons/joystick"},"type":"icon"},{"attributes":{"id":"js","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b8","voted":false},"id":"js","links":{"self":"/api/icons/js"},"type":"icon"},{"attributes":{"id":"js-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3b9","voted":false},"id":"js-square","links":{"self":"/api/icons/js-square"},"type":"icon"},{"attributes":{"id":"jsfiddle","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1cc","voted":false},"id":"jsfiddle","links":{"self":"/api/icons/jsfiddle"},"type":"icon"},{"attributes":{"id":"jug","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8c6","voted":false},"id":"jug","links":{"self":"/api/icons/jug"},"type":"icon"},{"attributes":{"id":"kaaba","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66b","voted":false},"id":"kaaba","links":{"self":"/api/icons/kaaba"},"type":"icon"},{"attributes":{"id":"kaggle","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5fa","voted":true},"id":"kaggle","links":{"self":"/api/icons/kaggle"},"type":"icon"},{"attributes":{"id":"kazoo","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8c7","voted":false},"id":"kazoo","links":{"self":"/api/icons/kazoo"},"type":"icon"},{"attributes":{"id":"kerning","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f86f","voted":false},"id":"kerning","links":{"self":"/api/icons/kerning"},"type":"icon"},{"attributes":{"id":"key","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f084","voted":false},"id":"key","links":{"self":"/api/icons/key"},"type":"icon"},{"attributes":{"id":"key-skeleton","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f3","voted":false},"id":"key-skeleton","links":{"self":"/api/icons/key-skeleton"},"type":"icon"},{"attributes":{"id":"keybase","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f5","voted":true},"id":"keybase","links":{"self":"/api/icons/keybase"},"type":"icon"},{"attributes":{"id":"keyboard","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f11c","voted":false},"id":"keyboard","links":{"self":"/api/icons/keyboard"},"type":"icon"},{"attributes":{"id":"keycdn","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ba","voted":false},"id":"keycdn","links":{"self":"/api/icons/keycdn"},"type":"icon"},{"attributes":{"id":"keynote","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66c","voted":false},"id":"keynote","links":{"self":"/api/icons/keynote"},"type":"icon"},{"attributes":{"id":"khanda","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66d","voted":false},"id":"khanda","links":{"self":"/api/icons/khanda"},"type":"icon"},{"attributes":{"id":"kickstarter","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3bb","voted":false},"id":"kickstarter","links":{"self":"/api/icons/kickstarter"},"type":"icon"},{"attributes":{"id":"kickstarter-k","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3bc","voted":false},"id":"kickstarter-k","links":{"self":"/api/icons/kickstarter-k"},"type":"icon"},{"attributes":{"id":"kidneys","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5fb","voted":false},"id":"kidneys","links":{"self":"/api/icons/kidneys"},"type":"icon"},{"attributes":{"id":"kiss","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f596","voted":false},"id":"kiss","links":{"self":"/api/icons/kiss"},"type":"icon"},{"attributes":{"id":"kiss-beam","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f597","voted":false},"id":"kiss-beam","links":{"self":"/api/icons/kiss-beam"},"type":"icon"},{"attributes":{"id":"kiss-wink-heart","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f598","voted":false},"id":"kiss-wink-heart","links":{"self":"/api/icons/kiss-wink-heart"},"type":"icon"},{"attributes":{"id":"kite","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f4","voted":false},"id":"kite","links":{"self":"/api/icons/kite"},"type":"icon"},{"attributes":{"id":"kiwi-bird","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f535","voted":false},"id":"kiwi-bird","links":{"self":"/api/icons/kiwi-bird"},"type":"icon"},{"attributes":{"id":"knife-kitchen","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f5","voted":false},"id":"knife-kitchen","links":{"self":"/api/icons/knife-kitchen"},"type":"icon"},{"attributes":{"id":"korvue","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42f","voted":false},"id":"korvue","links":{"self":"/api/icons/korvue"},"type":"icon"},{"attributes":{"id":"lambda","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66e","voted":false},"id":"lambda","links":{"self":"/api/icons/lambda"},"type":"icon"},{"attributes":{"id":"lamp","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ca","voted":false},"id":"lamp","links":{"self":"/api/icons/lamp"},"type":"icon"},{"attributes":{"id":"lamp-desk","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f914","voted":false},"id":"lamp-desk","links":{"self":"/api/icons/lamp-desk"},"type":"icon"},{"attributes":{"id":"lamp-floor","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f915","voted":false},"id":"lamp-floor","links":{"self":"/api/icons/lamp-floor"},"type":"icon"},{"attributes":{"id":"landmark","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f66f","voted":false},"id":"landmark","links":{"self":"/api/icons/landmark"},"type":"icon"},{"attributes":{"id":"landmark-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f752","voted":false},"id":"landmark-alt","links":{"self":"/api/icons/landmark-alt"},"type":"icon"},{"attributes":{"id":"language","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ab","voted":false},"id":"language","links":{"self":"/api/icons/language"},"type":"icon"},{"attributes":{"id":"laptop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f109","voted":false},"id":"laptop","links":{"self":"/api/icons/laptop"},"type":"icon"},{"attributes":{"id":"laptop-code","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5fc","voted":false},"id":"laptop-code","links":{"self":"/api/icons/laptop-code"},"type":"icon"},{"attributes":{"id":"laptop-house","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f966","voted":false},"id":"laptop-house","links":{"self":"/api/icons/laptop-house"},"type":"icon"},{"attributes":{"id":"laptop-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f812","voted":false},"id":"laptop-medical","links":{"self":"/api/icons/laptop-medical"},"type":"icon"},{"attributes":{"id":"laravel","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3bd","voted":false},"id":"laravel","links":{"self":"/api/icons/laravel"},"type":"icon"},{"attributes":{"id":"lasso","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8c8","voted":false},"id":"lasso","links":{"self":"/api/icons/lasso"},"type":"icon"},{"attributes":{"id":"lastfm","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f202","voted":false},"id":"lastfm","links":{"self":"/api/icons/lastfm"},"type":"icon"},{"attributes":{"id":"lastfm-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f203","voted":false},"id":"lastfm-square","links":{"self":"/api/icons/lastfm-square"},"type":"icon"},{"attributes":{"id":"laugh","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f599","voted":false},"id":"laugh","links":{"self":"/api/icons/laugh"},"type":"icon"},{"attributes":{"id":"laugh-beam","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f59a","voted":false},"id":"laugh-beam","links":{"self":"/api/icons/laugh-beam"},"type":"icon"},{"attributes":{"id":"laugh-squint","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f59b","voted":false},"id":"laugh-squint","links":{"self":"/api/icons/laugh-squint"},"type":"icon"},{"attributes":{"id":"laugh-wink","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f59c","voted":false},"id":"laugh-wink","links":{"self":"/api/icons/laugh-wink"},"type":"icon"},{"attributes":{"id":"layer-group","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5fd","voted":false},"id":"layer-group","links":{"self":"/api/icons/layer-group"},"type":"icon"},{"attributes":{"id":"layer-minus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5fe","voted":false},"id":"layer-minus","links":{"self":"/api/icons/layer-minus"},"type":"icon"},{"attributes":{"id":"layer-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ff","voted":false},"id":"layer-plus","links":{"self":"/api/icons/layer-plus"},"type":"icon"},{"attributes":{"id":"leaf","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f06c","voted":false},"id":"leaf","links":{"self":"/api/icons/leaf"},"type":"icon"},{"attributes":{"id":"leaf-heart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4cb","voted":false},"id":"leaf-heart","links":{"self":"/api/icons/leaf-heart"},"type":"icon"},{"attributes":{"id":"leaf-maple","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f6","voted":false},"id":"leaf-maple","links":{"self":"/api/icons/leaf-maple"},"type":"icon"},{"attributes":{"id":"leaf-oak","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f7","voted":false},"id":"leaf-oak","links":{"self":"/api/icons/leaf-oak"},"type":"icon"},{"attributes":{"id":"leanpub","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f212","voted":false},"id":"leanpub","links":{"self":"/api/icons/leanpub"},"type":"icon"},{"attributes":{"id":"lemon","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f094","voted":false},"id":"lemon","links":{"self":"/api/icons/lemon"},"type":"icon"},{"attributes":{"id":"less","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41d","voted":false},"id":"less","links":{"self":"/api/icons/less"},"type":"icon"},{"attributes":{"id":"less-than","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f536","voted":true},"id":"less-than","links":{"self":"/api/icons/less-than"},"type":"icon"},{"attributes":{"id":"less-than-equal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f537","voted":true},"id":"less-than-equal","links":{"self":"/api/icons/less-than-equal"},"type":"icon"},{"attributes":{"id":"level-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f149","voted":false},"id":"level-down","links":{"self":"/api/icons/level-down"},"type":"icon"},{"attributes":{"id":"level-down-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3be","voted":false},"id":"level-down-alt","links":{"self":"/api/icons/level-down-alt"},"type":"icon"},{"attributes":{"id":"level-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f148","voted":false},"id":"level-up","links":{"self":"/api/icons/level-up"},"type":"icon"},{"attributes":{"id":"level-up-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3bf","voted":false},"id":"level-up-alt","links":{"self":"/api/icons/level-up-alt"},"type":"icon"},{"attributes":{"id":"life-ring","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1cd","voted":false},"id":"life-ring","links":{"self":"/api/icons/life-ring"},"type":"icon"},{"attributes":{"id":"light-ceiling","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f916","voted":false},"id":"light-ceiling","links":{"self":"/api/icons/light-ceiling"},"type":"icon"},{"attributes":{"id":"light-switch","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f917","voted":false},"id":"light-switch","links":{"self":"/api/icons/light-switch"},"type":"icon"},{"attributes":{"id":"light-switch-off","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f918","voted":false},"id":"light-switch-off","links":{"self":"/api/icons/light-switch-off"},"type":"icon"},{"attributes":{"id":"light-switch-on","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f919","voted":false},"id":"light-switch-on","links":{"self":"/api/icons/light-switch-on"},"type":"icon"},{"attributes":{"id":"lightbulb","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0eb","voted":false},"id":"lightbulb","links":{"self":"/api/icons/lightbulb"},"type":"icon"},{"attributes":{"id":"lightbulb-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f670","voted":false},"id":"lightbulb-dollar","links":{"self":"/api/icons/lightbulb-dollar"},"type":"icon"},{"attributes":{"id":"lightbulb-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f671","voted":false},"id":"lightbulb-exclamation","links":{"self":"/api/icons/lightbulb-exclamation"},"type":"icon"},{"attributes":{"id":"lightbulb-on","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f672","voted":false},"id":"lightbulb-on","links":{"self":"/api/icons/lightbulb-on"},"type":"icon"},{"attributes":{"id":"lightbulb-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f673","voted":false},"id":"lightbulb-slash","links":{"self":"/api/icons/lightbulb-slash"},"type":"icon"},{"attributes":{"id":"lights-holiday","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b2","voted":false},"id":"lights-holiday","links":{"self":"/api/icons/lights-holiday"},"type":"icon"},{"attributes":{"id":"line","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c0","voted":false},"id":"line","links":{"self":"/api/icons/line"},"type":"icon"},{"attributes":{"id":"line-columns","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f870","voted":false},"id":"line-columns","links":{"self":"/api/icons/line-columns"},"type":"icon"},{"attributes":{"id":"line-height","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f871","voted":false},"id":"line-height","links":{"self":"/api/icons/line-height"},"type":"icon"},{"attributes":{"id":"link","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c1","voted":false},"id":"link","links":{"self":"/api/icons/link"},"type":"icon"},{"attributes":{"id":"linkedin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f08c","voted":false},"id":"linkedin","links":{"self":"/api/icons/linkedin"},"type":"icon"},{"attributes":{"id":"linkedin-in","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f0e1","voted":false},"id":"linkedin-in","links":{"self":"/api/icons/linkedin-in"},"type":"icon"},{"attributes":{"id":"linode","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b8","voted":false},"id":"linode","links":{"self":"/api/icons/linode"},"type":"icon"},{"attributes":{"id":"linux","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f17c","voted":false},"id":"linux","links":{"self":"/api/icons/linux"},"type":"icon"},{"attributes":{"id":"lips","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f600","voted":false},"id":"lips","links":{"self":"/api/icons/lips"},"type":"icon"},{"attributes":{"id":"lira-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f195","voted":false},"id":"lira-sign","links":{"self":"/api/icons/lira-sign"},"type":"icon"},{"attributes":{"id":"list","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f03a","voted":false},"id":"list","links":{"self":"/api/icons/list"},"type":"icon"},{"attributes":{"id":"list-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f022","voted":false},"id":"list-alt","links":{"self":"/api/icons/list-alt"},"type":"icon"},{"attributes":{"id":"list-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8c9","voted":false},"id":"list-music","links":{"self":"/api/icons/list-music"},"type":"icon"},{"attributes":{"id":"list-ol","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0cb","voted":false},"id":"list-ol","links":{"self":"/api/icons/list-ol"},"type":"icon"},{"attributes":{"id":"list-ul","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ca","voted":false},"id":"list-ul","links":{"self":"/api/icons/list-ul"},"type":"icon"},{"attributes":{"id":"location","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f601","voted":false},"id":"location","links":{"self":"/api/icons/location"},"type":"icon"},{"attributes":{"id":"location-arrow","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f124","voted":false},"id":"location-arrow","links":{"self":"/api/icons/location-arrow"},"type":"icon"},{"attributes":{"id":"location-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f602","voted":false},"id":"location-circle","links":{"self":"/api/icons/location-circle"},"type":"icon"},{"attributes":{"id":"location-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f603","voted":false},"id":"location-slash","links":{"self":"/api/icons/location-slash"},"type":"icon"},{"attributes":{"id":"lock","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f023","voted":false},"id":"lock","links":{"self":"/api/icons/lock"},"type":"icon"},{"attributes":{"id":"lock-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30d","voted":false},"id":"lock-alt","links":{"self":"/api/icons/lock-alt"},"type":"icon"},{"attributes":{"id":"lock-open","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3c1","voted":false},"id":"lock-open","links":{"self":"/api/icons/lock-open"},"type":"icon"},{"attributes":{"id":"lock-open-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3c2","voted":false},"id":"lock-open-alt","links":{"self":"/api/icons/lock-open-alt"},"type":"icon"},{"attributes":{"id":"long-arrow-alt-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f309","voted":false},"id":"long-arrow-alt-down","links":{"self":"/api/icons/long-arrow-alt-down"},"type":"icon"},{"attributes":{"id":"long-arrow-alt-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30a","voted":false},"id":"long-arrow-alt-left","links":{"self":"/api/icons/long-arrow-alt-left"},"type":"icon"},{"attributes":{"id":"long-arrow-alt-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30b","voted":false},"id":"long-arrow-alt-right","links":{"self":"/api/icons/long-arrow-alt-right"},"type":"icon"},{"attributes":{"id":"long-arrow-alt-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f30c","voted":false},"id":"long-arrow-alt-up","links":{"self":"/api/icons/long-arrow-alt-up"},"type":"icon"},{"attributes":{"id":"long-arrow-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f175","voted":false},"id":"long-arrow-down","links":{"self":"/api/icons/long-arrow-down"},"type":"icon"},{"attributes":{"id":"long-arrow-left","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f177","voted":false},"id":"long-arrow-left","links":{"self":"/api/icons/long-arrow-left"},"type":"icon"},{"attributes":{"id":"long-arrow-right","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f178","voted":false},"id":"long-arrow-right","links":{"self":"/api/icons/long-arrow-right"},"type":"icon"},{"attributes":{"id":"long-arrow-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f176","voted":false},"id":"long-arrow-up","links":{"self":"/api/icons/long-arrow-up"},"type":"icon"},{"attributes":{"id":"loveseat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4cc","voted":false},"id":"loveseat","links":{"self":"/api/icons/loveseat"},"type":"icon"},{"attributes":{"id":"low-vision","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a8","voted":false},"id":"low-vision","links":{"self":"/api/icons/low-vision"},"type":"icon"},{"attributes":{"id":"luchador","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f455","voted":false},"id":"luchador","links":{"self":"/api/icons/luchador"},"type":"icon"},{"attributes":{"id":"luggage-cart","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f59d","voted":false},"id":"luggage-cart","links":{"self":"/api/icons/luggage-cart"},"type":"icon"},{"attributes":{"id":"lungs","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f604","voted":false},"id":"lungs","links":{"self":"/api/icons/lungs"},"type":"icon"},{"attributes":{"id":"lungs-virus","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f967","voted":false},"id":"lungs-virus","links":{"self":"/api/icons/lungs-virus"},"type":"icon"},{"attributes":{"id":"lyft","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c3","voted":false},"id":"lyft","links":{"self":"/api/icons/lyft"},"type":"icon"},{"attributes":{"id":"mace","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f8","voted":false},"id":"mace","links":{"self":"/api/icons/mace"},"type":"icon"},{"attributes":{"id":"magento","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c4","voted":false},"id":"magento","links":{"self":"/api/icons/magento"},"type":"icon"},{"attributes":{"id":"magic","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d0","voted":false},"id":"magic","links":{"self":"/api/icons/magic"},"type":"icon"},{"attributes":{"id":"magnet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f076","voted":false},"id":"magnet","links":{"self":"/api/icons/magnet"},"type":"icon"},{"attributes":{"id":"mail-bulk","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f674","voted":false},"id":"mail-bulk","links":{"self":"/api/icons/mail-bulk"},"type":"icon"},{"attributes":{"id":"mailbox","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f813","voted":true},"id":"mailbox","links":{"self":"/api/icons/mailbox"},"type":"icon"},{"attributes":{"id":"mailchimp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f59e","voted":true},"id":"mailchimp","links":{"self":"/api/icons/mailchimp"},"type":"icon"},{"attributes":{"id":"male","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f183","voted":false},"id":"male","links":{"self":"/api/icons/male"},"type":"icon"},{"attributes":{"id":"mandalorian","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f50f","voted":false},"id":"mandalorian","links":{"self":"/api/icons/mandalorian"},"type":"icon"},{"attributes":{"id":"mandolin","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6f9","voted":false},"id":"mandolin","links":{"self":"/api/icons/mandolin"},"type":"icon"},{"attributes":{"id":"map","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f279","voted":false},"id":"map","links":{"self":"/api/icons/map"},"type":"icon"},{"attributes":{"id":"map-marked","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f59f","voted":false},"id":"map-marked","links":{"self":"/api/icons/map-marked"},"type":"icon"},{"attributes":{"id":"map-marked-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a0","voted":false},"id":"map-marked-alt","links":{"self":"/api/icons/map-marked-alt"},"type":"icon"},{"attributes":{"id":"map-marker","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f041","voted":false},"id":"map-marker","links":{"self":"/api/icons/map-marker"},"type":"icon"},{"attributes":{"id":"map-marker-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3c5","voted":false},"id":"map-marker-alt","links":{"self":"/api/icons/map-marker-alt"},"type":"icon"},{"attributes":{"id":"map-marker-alt-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f605","voted":false},"id":"map-marker-alt-slash","links":{"self":"/api/icons/map-marker-alt-slash"},"type":"icon"},{"attributes":{"id":"map-marker-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f606","voted":false},"id":"map-marker-check","links":{"self":"/api/icons/map-marker-check"},"type":"icon"},{"attributes":{"id":"map-marker-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f607","voted":false},"id":"map-marker-edit","links":{"self":"/api/icons/map-marker-edit"},"type":"icon"},{"attributes":{"id":"map-marker-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f608","voted":false},"id":"map-marker-exclamation","links":{"self":"/api/icons/map-marker-exclamation"},"type":"icon"},{"attributes":{"id":"map-marker-minus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f609","voted":false},"id":"map-marker-minus","links":{"self":"/api/icons/map-marker-minus"},"type":"icon"},{"attributes":{"id":"map-marker-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f60a","voted":false},"id":"map-marker-plus","links":{"self":"/api/icons/map-marker-plus"},"type":"icon"},{"attributes":{"id":"map-marker-question","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f60b","voted":false},"id":"map-marker-question","links":{"self":"/api/icons/map-marker-question"},"type":"icon"},{"attributes":{"id":"map-marker-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f60c","voted":false},"id":"map-marker-slash","links":{"self":"/api/icons/map-marker-slash"},"type":"icon"},{"attributes":{"id":"map-marker-smile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f60d","voted":false},"id":"map-marker-smile","links":{"self":"/api/icons/map-marker-smile"},"type":"icon"},{"attributes":{"id":"map-marker-times","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f60e","voted":false},"id":"map-marker-times","links":{"self":"/api/icons/map-marker-times"},"type":"icon"},{"attributes":{"id":"map-pin","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f276","voted":false},"id":"map-pin","links":{"self":"/api/icons/map-pin"},"type":"icon"},{"attributes":{"id":"map-signs","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f277","voted":false},"id":"map-signs","links":{"self":"/api/icons/map-signs"},"type":"icon"},{"attributes":{"id":"markdown","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f60f","voted":true},"id":"markdown","links":{"self":"/api/icons/markdown"},"type":"icon"},{"attributes":{"id":"marker","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a1","voted":true},"id":"marker","links":{"self":"/api/icons/marker"},"type":"icon"},{"attributes":{"id":"mars","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f222","voted":false},"id":"mars","links":{"self":"/api/icons/mars"},"type":"icon"},{"attributes":{"id":"mars-double","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f227","voted":false},"id":"mars-double","links":{"self":"/api/icons/mars-double"},"type":"icon"},{"attributes":{"id":"mars-stroke","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f229","voted":false},"id":"mars-stroke","links":{"self":"/api/icons/mars-stroke"},"type":"icon"},{"attributes":{"id":"mars-stroke-h","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f22b","voted":false},"id":"mars-stroke-h","links":{"self":"/api/icons/mars-stroke-h"},"type":"icon"},{"attributes":{"id":"mars-stroke-v","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f22a","voted":false},"id":"mars-stroke-v","links":{"self":"/api/icons/mars-stroke-v"},"type":"icon"},{"attributes":{"id":"mask","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6fa","voted":false},"id":"mask","links":{"self":"/api/icons/mask"},"type":"icon"},{"attributes":{"id":"mastodon","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f6","voted":true},"id":"mastodon","links":{"self":"/api/icons/mastodon"},"type":"icon"},{"attributes":{"id":"maxcdn","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f136","voted":false},"id":"maxcdn","links":{"self":"/api/icons/maxcdn"},"type":"icon"},{"attributes":{"id":"mdb","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f8ca","voted":false},"id":"mdb","links":{"self":"/api/icons/mdb"},"type":"icon"},{"attributes":{"id":"meat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f814","voted":false},"id":"meat","links":{"self":"/api/icons/meat"},"type":"icon"},{"attributes":{"id":"medal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a2","voted":true},"id":"medal","links":{"self":"/api/icons/medal"},"type":"icon"},{"attributes":{"id":"medapps","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c6","voted":false},"id":"medapps","links":{"self":"/api/icons/medapps"},"type":"icon"},{"attributes":{"id":"medium","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f23a","voted":false},"id":"medium","links":{"self":"/api/icons/medium"},"type":"icon"},{"attributes":{"id":"medium-m","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c7","voted":false},"id":"medium-m","links":{"self":"/api/icons/medium-m"},"type":"icon"},{"attributes":{"id":"medkit","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0fa","voted":false},"id":"medkit","links":{"self":"/api/icons/medkit"},"type":"icon"},{"attributes":{"id":"medrt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3c8","voted":false},"id":"medrt","links":{"self":"/api/icons/medrt"},"type":"icon"},{"attributes":{"id":"meetup","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2e0","voted":false},"id":"meetup","links":{"self":"/api/icons/meetup"},"type":"icon"},{"attributes":{"id":"megaphone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f675","voted":false},"id":"megaphone","links":{"self":"/api/icons/megaphone"},"type":"icon"},{"attributes":{"id":"megaport","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5a3","voted":false},"id":"megaport","links":{"self":"/api/icons/megaport"},"type":"icon"},{"attributes":{"id":"meh","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f11a","voted":false},"id":"meh","links":{"self":"/api/icons/meh"},"type":"icon"},{"attributes":{"id":"meh-blank","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a4","voted":false},"id":"meh-blank","links":{"self":"/api/icons/meh-blank"},"type":"icon"},{"attributes":{"id":"meh-rolling-eyes","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a5","voted":false},"id":"meh-rolling-eyes","links":{"self":"/api/icons/meh-rolling-eyes"},"type":"icon"},{"attributes":{"id":"memory","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f538","voted":true},"id":"memory","links":{"self":"/api/icons/memory"},"type":"icon"},{"attributes":{"id":"mendeley","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7b3","voted":true},"id":"mendeley","links":{"self":"/api/icons/mendeley"},"type":"icon"},{"attributes":{"id":"menorah","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f676","voted":false},"id":"menorah","links":{"self":"/api/icons/menorah"},"type":"icon"},{"attributes":{"id":"mercury","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f223","voted":false},"id":"mercury","links":{"self":"/api/icons/mercury"},"type":"icon"},{"attributes":{"id":"meteor","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f753","voted":false},"id":"meteor","links":{"self":"/api/icons/meteor"},"type":"icon"},{"attributes":{"id":"microblog","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f91a","voted":true},"id":"microblog","links":{"self":"/api/icons/microblog"},"type":"icon"},{"attributes":{"id":"microchip","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2db","voted":false},"id":"microchip","links":{"self":"/api/icons/microchip"},"type":"icon"},{"attributes":{"id":"microphone","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f130","voted":false},"id":"microphone","links":{"self":"/api/icons/microphone"},"type":"icon"},{"attributes":{"id":"microphone-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3c9","voted":false},"id":"microphone-alt","links":{"self":"/api/icons/microphone-alt"},"type":"icon"},{"attributes":{"id":"microphone-alt-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f539","voted":false},"id":"microphone-alt-slash","links":{"self":"/api/icons/microphone-alt-slash"},"type":"icon"},{"attributes":{"id":"microphone-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f131","voted":false},"id":"microphone-slash","links":{"self":"/api/icons/microphone-slash"},"type":"icon"},{"attributes":{"id":"microphone-stand","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8cb","voted":false},"id":"microphone-stand","links":{"self":"/api/icons/microphone-stand"},"type":"icon"},{"attributes":{"id":"microscope","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f610","voted":false},"id":"microscope","links":{"self":"/api/icons/microscope"},"type":"icon"},{"attributes":{"id":"microsoft","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ca","voted":true},"id":"microsoft","links":{"self":"/api/icons/microsoft"},"type":"icon"},{"attributes":{"id":"microwave","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f91b","voted":false},"id":"microwave","links":{"self":"/api/icons/microwave"},"type":"icon"},{"attributes":{"id":"mind-share","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f677","voted":false},"id":"mind-share","links":{"self":"/api/icons/mind-share"},"type":"icon"},{"attributes":{"id":"minus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f068","voted":false},"id":"minus","links":{"self":"/api/icons/minus"},"type":"icon"},{"attributes":{"id":"minus-circle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f056","voted":false},"id":"minus-circle","links":{"self":"/api/icons/minus-circle"},"type":"icon"},{"attributes":{"id":"minus-hexagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f307","voted":false},"id":"minus-hexagon","links":{"self":"/api/icons/minus-hexagon"},"type":"icon"},{"attributes":{"id":"minus-octagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f308","voted":false},"id":"minus-octagon","links":{"self":"/api/icons/minus-octagon"},"type":"icon"},{"attributes":{"id":"minus-square","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f146","voted":false},"id":"minus-square","links":{"self":"/api/icons/minus-square"},"type":"icon"},{"attributes":{"id":"mistletoe","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b4","voted":false},"id":"mistletoe","links":{"self":"/api/icons/mistletoe"},"type":"icon"},{"attributes":{"id":"mitten","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b5","voted":false},"id":"mitten","links":{"self":"/api/icons/mitten"},"type":"icon"},{"attributes":{"id":"mix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3cb","voted":false},"id":"mix","links":{"self":"/api/icons/mix"},"type":"icon"},{"attributes":{"id":"mixcloud","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f289","voted":false},"id":"mixcloud","links":{"self":"/api/icons/mixcloud"},"type":"icon"},{"attributes":{"id":"mixer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f956","voted":true},"id":"mixer","links":{"self":"/api/icons/mixer"},"type":"icon"},{"attributes":{"id":"mizuni","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3cc","voted":false},"id":"mizuni","links":{"self":"/api/icons/mizuni"},"type":"icon"},{"attributes":{"id":"mobile","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f10b","voted":false},"id":"mobile","links":{"self":"/api/icons/mobile"},"type":"icon"},{"attributes":{"id":"mobile-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3cd","voted":false},"id":"mobile-alt","links":{"self":"/api/icons/mobile-alt"},"type":"icon"},{"attributes":{"id":"mobile-android","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3ce","voted":false},"id":"mobile-android","links":{"self":"/api/icons/mobile-android"},"type":"icon"},{"attributes":{"id":"mobile-android-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3cf","voted":false},"id":"mobile-android-alt","links":{"self":"/api/icons/mobile-android-alt"},"type":"icon"},{"attributes":{"id":"modx","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f285","voted":false},"id":"modx","links":{"self":"/api/icons/modx"},"type":"icon"},{"attributes":{"id":"monero","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d0","voted":false},"id":"monero","links":{"self":"/api/icons/monero"},"type":"icon"},{"attributes":{"id":"money-bill","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d6","voted":false},"id":"money-bill","links":{"self":"/api/icons/money-bill"},"type":"icon"},{"attributes":{"id":"money-bill-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3d1","voted":false},"id":"money-bill-alt","links":{"self":"/api/icons/money-bill-alt"},"type":"icon"},{"attributes":{"id":"money-bill-wave","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53a","voted":true},"id":"money-bill-wave","links":{"self":"/api/icons/money-bill-wave"},"type":"icon"},{"attributes":{"id":"money-bill-wave-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53b","voted":true},"id":"money-bill-wave-alt","links":{"self":"/api/icons/money-bill-wave-alt"},"type":"icon"},{"attributes":{"id":"money-check","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53c","voted":true},"id":"money-check","links":{"self":"/api/icons/money-check"},"type":"icon"},{"attributes":{"id":"money-check-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53d","voted":true},"id":"money-check-alt","links":{"self":"/api/icons/money-check-alt"},"type":"icon"},{"attributes":{"id":"money-check-edit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f872","voted":true},"id":"money-check-edit","links":{"self":"/api/icons/money-check-edit"},"type":"icon"},{"attributes":{"id":"money-check-edit-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f873","voted":true},"id":"money-check-edit-alt","links":{"self":"/api/icons/money-check-edit-alt"},"type":"icon"},{"attributes":{"id":"monitor-heart-rate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f611","voted":false},"id":"monitor-heart-rate","links":{"self":"/api/icons/monitor-heart-rate"},"type":"icon"},{"attributes":{"id":"monkey","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6fb","voted":false},"id":"monkey","links":{"self":"/api/icons/monkey"},"type":"icon"},{"attributes":{"id":"monument","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a6","voted":false},"id":"monument","links":{"self":"/api/icons/monument"},"type":"icon"},{"attributes":{"id":"moon","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f186","voted":false},"id":"moon","links":{"self":"/api/icons/moon"},"type":"icon"},{"attributes":{"id":"moon-cloud","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f754","voted":false},"id":"moon-cloud","links":{"self":"/api/icons/moon-cloud"},"type":"icon"},{"attributes":{"id":"moon-stars","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f755","voted":false},"id":"moon-stars","links":{"self":"/api/icons/moon-stars"},"type":"icon"},{"attributes":{"id":"mortar-pestle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a7","voted":false},"id":"mortar-pestle","links":{"self":"/api/icons/mortar-pestle"},"type":"icon"},{"attributes":{"id":"mosque","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f678","voted":false},"id":"mosque","links":{"self":"/api/icons/mosque"},"type":"icon"},{"attributes":{"id":"motorcycle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f21c","voted":false},"id":"motorcycle","links":{"self":"/api/icons/motorcycle"},"type":"icon"},{"attributes":{"id":"mountain","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6fc","voted":false},"id":"mountain","links":{"self":"/api/icons/mountain"},"type":"icon"},{"attributes":{"id":"mountains","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6fd","voted":false},"id":"mountains","links":{"self":"/api/icons/mountains"},"type":"icon"},{"attributes":{"id":"mouse","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8cc","voted":true},"id":"mouse","links":{"self":"/api/icons/mouse"},"type":"icon"},{"attributes":{"id":"mouse-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8cd","voted":false},"id":"mouse-alt","links":{"self":"/api/icons/mouse-alt"},"type":"icon"},{"attributes":{"id":"mouse-pointer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f245","voted":false},"id":"mouse-pointer","links":{"self":"/api/icons/mouse-pointer"},"type":"icon"},{"attributes":{"id":"mp3-player","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ce","voted":false},"id":"mp3-player","links":{"self":"/api/icons/mp3-player"},"type":"icon"},{"attributes":{"id":"mug","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f874","voted":false},"id":"mug","links":{"self":"/api/icons/mug"},"type":"icon"},{"attributes":{"id":"mug-hot","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b6","voted":false},"id":"mug-hot","links":{"self":"/api/icons/mug-hot"},"type":"icon"},{"attributes":{"id":"mug-marshmallows","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b7","voted":false},"id":"mug-marshmallows","links":{"self":"/api/icons/mug-marshmallows"},"type":"icon"},{"attributes":{"id":"mug-tea","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f875","voted":false},"id":"mug-tea","links":{"self":"/api/icons/mug-tea"},"type":"icon"},{"attributes":{"id":"music","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f001","voted":false},"id":"music","links":{"self":"/api/icons/music"},"type":"icon"},{"attributes":{"id":"music-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8cf","voted":false},"id":"music-alt","links":{"self":"/api/icons/music-alt"},"type":"icon"},{"attributes":{"id":"music-alt-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d0","voted":false},"id":"music-alt-slash","links":{"self":"/api/icons/music-alt-slash"},"type":"icon"},{"attributes":{"id":"music-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d1","voted":false},"id":"music-slash","links":{"self":"/api/icons/music-slash"},"type":"icon"},{"attributes":{"id":"napster","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d2","voted":false},"id":"napster","links":{"self":"/api/icons/napster"},"type":"icon"},{"attributes":{"id":"narwhal","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6fe","voted":false},"id":"narwhal","links":{"self":"/api/icons/narwhal"},"type":"icon"},{"attributes":{"id":"neos","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f612","voted":true},"id":"neos","links":{"self":"/api/icons/neos"},"type":"icon"},{"attributes":{"id":"network-wired","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ff","voted":true},"id":"network-wired","links":{"self":"/api/icons/network-wired"},"type":"icon"},{"attributes":{"id":"neuter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f22c","voted":false},"id":"neuter","links":{"self":"/api/icons/neuter"},"type":"icon"},{"attributes":{"id":"newspaper","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ea","voted":false},"id":"newspaper","links":{"self":"/api/icons/newspaper"},"type":"icon"},{"attributes":{"id":"nimblr","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5a8","voted":false},"id":"nimblr","links":{"self":"/api/icons/nimblr"},"type":"icon"},{"attributes":{"id":"node","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f419","voted":true},"id":"node","links":{"self":"/api/icons/node"},"type":"icon"},{"attributes":{"id":"node-js","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d3","voted":false},"id":"node-js","links":{"self":"/api/icons/node-js"},"type":"icon"},{"attributes":{"id":"not-equal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53e","voted":true},"id":"not-equal","links":{"self":"/api/icons/not-equal"},"type":"icon"},{"attributes":{"id":"notes-medical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f481","voted":false},"id":"notes-medical","links":{"self":"/api/icons/notes-medical"},"type":"icon"},{"attributes":{"id":"npm","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d4","voted":false},"id":"npm","links":{"self":"/api/icons/npm"},"type":"icon"},{"attributes":{"id":"ns8","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d5","voted":false},"id":"ns8","links":{"self":"/api/icons/ns8"},"type":"icon"},{"attributes":{"id":"nutritionix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d6","voted":false},"id":"nutritionix","links":{"self":"/api/icons/nutritionix"},"type":"icon"},{"attributes":{"id":"object-group","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f247","voted":false},"id":"object-group","links":{"self":"/api/icons/object-group"},"type":"icon"},{"attributes":{"id":"object-ungroup","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f248","voted":false},"id":"object-ungroup","links":{"self":"/api/icons/object-ungroup"},"type":"icon"},{"attributes":{"id":"octagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f306","voted":false},"id":"octagon","links":{"self":"/api/icons/octagon"},"type":"icon"},{"attributes":{"id":"odnoklassniki","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f263","voted":false},"id":"odnoklassniki","links":{"self":"/api/icons/odnoklassniki"},"type":"icon"},{"attributes":{"id":"odnoklassniki-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f264","voted":false},"id":"odnoklassniki-square","links":{"self":"/api/icons/odnoklassniki-square"},"type":"icon"},{"attributes":{"id":"oil-can","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f613","voted":false},"id":"oil-can","links":{"self":"/api/icons/oil-can"},"type":"icon"},{"attributes":{"id":"oil-temp","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f614","voted":false},"id":"oil-temp","links":{"self":"/api/icons/oil-temp"},"type":"icon"},{"attributes":{"id":"old-republic","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f510","voted":false},"id":"old-republic","links":{"self":"/api/icons/old-republic"},"type":"icon"},{"attributes":{"id":"om","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f679","voted":false},"id":"om","links":{"self":"/api/icons/om"},"type":"icon"},{"attributes":{"id":"omega","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67a","voted":false},"id":"omega","links":{"self":"/api/icons/omega"},"type":"icon"},{"attributes":{"id":"opencart","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f23d","voted":false},"id":"opencart","links":{"self":"/api/icons/opencart"},"type":"icon"},{"attributes":{"id":"openid","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f19b","voted":false},"id":"openid","links":{"self":"/api/icons/openid"},"type":"icon"},{"attributes":{"id":"opera","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f26a","voted":false},"id":"opera","links":{"self":"/api/icons/opera"},"type":"icon"},{"attributes":{"id":"optin-monster","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f23c","voted":false},"id":"optin-monster","links":{"self":"/api/icons/optin-monster"},"type":"icon"},{"attributes":{"id":"orcid","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f8d2","voted":false},"id":"orcid","links":{"self":"/api/icons/orcid"},"type":"icon"},{"attributes":{"id":"ornament","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b8","voted":false},"id":"ornament","links":{"self":"/api/icons/ornament"},"type":"icon"},{"attributes":{"id":"osi","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41a","voted":false},"id":"osi","links":{"self":"/api/icons/osi"},"type":"icon"},{"attributes":{"id":"otter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f700","voted":false},"id":"otter","links":{"self":"/api/icons/otter"},"type":"icon"},{"attributes":{"id":"outdent","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f03b","voted":false},"id":"outdent","links":{"self":"/api/icons/outdent"},"type":"icon"},{"attributes":{"id":"outlet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f91c","voted":false},"id":"outlet","links":{"self":"/api/icons/outlet"},"type":"icon"},{"attributes":{"id":"oven","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f91d","voted":false},"id":"oven","links":{"self":"/api/icons/oven"},"type":"icon"},{"attributes":{"id":"overline","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f876","voted":false},"id":"overline","links":{"self":"/api/icons/overline"},"type":"icon"},{"attributes":{"id":"page-break","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f877","voted":false},"id":"page-break","links":{"self":"/api/icons/page-break"},"type":"icon"},{"attributes":{"id":"page4","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d7","voted":false},"id":"page4","links":{"self":"/api/icons/page4"},"type":"icon"},{"attributes":{"id":"pagelines","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f18c","voted":false},"id":"pagelines","links":{"self":"/api/icons/pagelines"},"type":"icon"},{"attributes":{"id":"pager","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f815","voted":false},"id":"pager","links":{"self":"/api/icons/pager"},"type":"icon"},{"attributes":{"id":"paint-brush","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1fc","voted":false},"id":"paint-brush","links":{"self":"/api/icons/paint-brush"},"type":"icon"},{"attributes":{"id":"paint-brush-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5a9","voted":false},"id":"paint-brush-alt","links":{"self":"/api/icons/paint-brush-alt"},"type":"icon"},{"attributes":{"id":"paint-roller","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5aa","voted":false},"id":"paint-roller","links":{"self":"/api/icons/paint-roller"},"type":"icon"},{"attributes":{"id":"palette","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f53f","voted":true},"id":"palette","links":{"self":"/api/icons/palette"},"type":"icon"},{"attributes":{"id":"palfed","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d8","voted":false},"id":"palfed","links":{"self":"/api/icons/palfed"},"type":"icon"},{"attributes":{"id":"pallet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f482","voted":false},"id":"pallet","links":{"self":"/api/icons/pallet"},"type":"icon"},{"attributes":{"id":"pallet-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f483","voted":false},"id":"pallet-alt","links":{"self":"/api/icons/pallet-alt"},"type":"icon"},{"attributes":{"id":"paper-plane","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1d8","voted":false},"id":"paper-plane","links":{"self":"/api/icons/paper-plane"},"type":"icon"},{"attributes":{"id":"paperclip","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c6","voted":false},"id":"paperclip","links":{"self":"/api/icons/paperclip"},"type":"icon"},{"attributes":{"id":"parachute-box","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4cd","voted":false},"id":"parachute-box","links":{"self":"/api/icons/parachute-box"},"type":"icon"},{"attributes":{"id":"paragraph","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1dd","voted":false},"id":"paragraph","links":{"self":"/api/icons/paragraph"},"type":"icon"},{"attributes":{"id":"paragraph-rtl","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f878","voted":false},"id":"paragraph-rtl","links":{"self":"/api/icons/paragraph-rtl"},"type":"icon"},{"attributes":{"id":"parking","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f540","voted":true},"id":"parking","links":{"self":"/api/icons/parking"},"type":"icon"},{"attributes":{"id":"parking-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f615","voted":false},"id":"parking-circle","links":{"self":"/api/icons/parking-circle"},"type":"icon"},{"attributes":{"id":"parking-circle-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f616","voted":false},"id":"parking-circle-slash","links":{"self":"/api/icons/parking-circle-slash"},"type":"icon"},{"attributes":{"id":"parking-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f617","voted":false},"id":"parking-slash","links":{"self":"/api/icons/parking-slash"},"type":"icon"},{"attributes":{"id":"passport","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ab","voted":false},"id":"passport","links":{"self":"/api/icons/passport"},"type":"icon"},{"attributes":{"id":"pastafarianism","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67b","voted":false},"id":"pastafarianism","links":{"self":"/api/icons/pastafarianism"},"type":"icon"},{"attributes":{"id":"paste","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ea","voted":false},"id":"paste","links":{"self":"/api/icons/paste"},"type":"icon"},{"attributes":{"id":"patreon","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3d9","voted":false},"id":"patreon","links":{"self":"/api/icons/patreon"},"type":"icon"},{"attributes":{"id":"pause","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f04c","voted":false},"id":"pause","links":{"self":"/api/icons/pause"},"type":"icon"},{"attributes":{"id":"pause-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f28b","voted":false},"id":"pause-circle","links":{"self":"/api/icons/pause-circle"},"type":"icon"},{"attributes":{"id":"paw","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1b0","voted":false},"id":"paw","links":{"self":"/api/icons/paw"},"type":"icon"},{"attributes":{"id":"paw-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f701","voted":false},"id":"paw-alt","links":{"self":"/api/icons/paw-alt"},"type":"icon"},{"attributes":{"id":"paw-claws","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f702","voted":false},"id":"paw-claws","links":{"self":"/api/icons/paw-claws"},"type":"icon"},{"attributes":{"id":"paypal","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1ed","voted":false},"id":"paypal","links":{"self":"/api/icons/paypal"},"type":"icon"},{"attributes":{"id":"peace","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67c","voted":false},"id":"peace","links":{"self":"/api/icons/peace"},"type":"icon"},{"attributes":{"id":"pegasus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f703","voted":false},"id":"pegasus","links":{"self":"/api/icons/pegasus"},"type":"icon"},{"attributes":{"id":"pen","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f304","voted":false},"id":"pen","links":{"self":"/api/icons/pen"},"type":"icon"},{"attributes":{"id":"pen-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f305","voted":false},"id":"pen-alt","links":{"self":"/api/icons/pen-alt"},"type":"icon"},{"attributes":{"id":"pen-fancy","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ac","voted":false},"id":"pen-fancy","links":{"self":"/api/icons/pen-fancy"},"type":"icon"},{"attributes":{"id":"pen-nib","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ad","voted":true},"id":"pen-nib","links":{"self":"/api/icons/pen-nib"},"type":"icon"},{"attributes":{"id":"pen-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f14b","voted":false},"id":"pen-square","links":{"self":"/api/icons/pen-square"},"type":"icon"},{"attributes":{"id":"pencil","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f040","voted":false},"id":"pencil","links":{"self":"/api/icons/pencil"},"type":"icon"},{"attributes":{"id":"pencil-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f303","voted":false},"id":"pencil-alt","links":{"self":"/api/icons/pencil-alt"},"type":"icon"},{"attributes":{"id":"pencil-paintbrush","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f618","voted":false},"id":"pencil-paintbrush","links":{"self":"/api/icons/pencil-paintbrush"},"type":"icon"},{"attributes":{"id":"pencil-ruler","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ae","voted":false},"id":"pencil-ruler","links":{"self":"/api/icons/pencil-ruler"},"type":"icon"},{"attributes":{"id":"pennant","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f456","voted":false},"id":"pennant","links":{"self":"/api/icons/pennant"},"type":"icon"},{"attributes":{"id":"penny-arcade","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f704","voted":false},"id":"penny-arcade","links":{"self":"/api/icons/penny-arcade"},"type":"icon"},{"attributes":{"id":"people-arrows","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f968","voted":false},"id":"people-arrows","links":{"self":"/api/icons/people-arrows"},"type":"icon"},{"attributes":{"id":"people-carry","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ce","voted":false},"id":"people-carry","links":{"self":"/api/icons/people-carry"},"type":"icon"},{"attributes":{"id":"pepper-hot","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f816","voted":true},"id":"pepper-hot","links":{"self":"/api/icons/pepper-hot"},"type":"icon"},{"attributes":{"id":"percent","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f295","voted":false},"id":"percent","links":{"self":"/api/icons/percent"},"type":"icon"},{"attributes":{"id":"percentage","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f541","voted":true},"id":"percentage","links":{"self":"/api/icons/percentage"},"type":"icon"},{"attributes":{"id":"periscope","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3da","voted":false},"id":"periscope","links":{"self":"/api/icons/periscope"},"type":"icon"},{"attributes":{"id":"person-booth","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f756","voted":false},"id":"person-booth","links":{"self":"/api/icons/person-booth"},"type":"icon"},{"attributes":{"id":"person-carry","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4cf","voted":false},"id":"person-carry","links":{"self":"/api/icons/person-carry"},"type":"icon"},{"attributes":{"id":"person-dolly","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d0","voted":false},"id":"person-dolly","links":{"self":"/api/icons/person-dolly"},"type":"icon"},{"attributes":{"id":"person-dolly-empty","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d1","voted":false},"id":"person-dolly-empty","links":{"self":"/api/icons/person-dolly-empty"},"type":"icon"},{"attributes":{"id":"person-sign","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f757","voted":false},"id":"person-sign","links":{"self":"/api/icons/person-sign"},"type":"icon"},{"attributes":{"id":"phabricator","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3db","voted":false},"id":"phabricator","links":{"self":"/api/icons/phabricator"},"type":"icon"},{"attributes":{"id":"phoenix-framework","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3dc","voted":false},"id":"phoenix-framework","links":{"self":"/api/icons/phoenix-framework"},"type":"icon"},{"attributes":{"id":"phoenix-squadron","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f511","voted":false},"id":"phoenix-squadron","links":{"self":"/api/icons/phoenix-squadron"},"type":"icon"},{"attributes":{"id":"phone","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f095","voted":false},"id":"phone","links":{"self":"/api/icons/phone"},"type":"icon"},{"attributes":{"id":"phone-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f879","voted":false},"id":"phone-alt","links":{"self":"/api/icons/phone-alt"},"type":"icon"},{"attributes":{"id":"phone-laptop","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87a","voted":false},"id":"phone-laptop","links":{"self":"/api/icons/phone-laptop"},"type":"icon"},{"attributes":{"id":"phone-office","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67d","voted":false},"id":"phone-office","links":{"self":"/api/icons/phone-office"},"type":"icon"},{"attributes":{"id":"phone-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d2","voted":false},"id":"phone-plus","links":{"self":"/api/icons/phone-plus"},"type":"icon"},{"attributes":{"id":"phone-rotary","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d3","voted":false},"id":"phone-rotary","links":{"self":"/api/icons/phone-rotary"},"type":"icon"},{"attributes":{"id":"phone-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3dd","voted":false},"id":"phone-slash","links":{"self":"/api/icons/phone-slash"},"type":"icon"},{"attributes":{"id":"phone-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f098","voted":false},"id":"phone-square","links":{"self":"/api/icons/phone-square"},"type":"icon"},{"attributes":{"id":"phone-square-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87b","voted":false},"id":"phone-square-alt","links":{"self":"/api/icons/phone-square-alt"},"type":"icon"},{"attributes":{"id":"phone-volume","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a0","voted":false},"id":"phone-volume","links":{"self":"/api/icons/phone-volume"},"type":"icon"},{"attributes":{"id":"photo-video","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87c","voted":false},"id":"photo-video","links":{"self":"/api/icons/photo-video"},"type":"icon"},{"attributes":{"id":"php","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f457","voted":true},"id":"php","links":{"self":"/api/icons/php"},"type":"icon"},{"attributes":{"id":"pi","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67e","voted":false},"id":"pi","links":{"self":"/api/icons/pi"},"type":"icon"},{"attributes":{"id":"piano","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d4","voted":false},"id":"piano","links":{"self":"/api/icons/piano"},"type":"icon"},{"attributes":{"id":"piano-keyboard","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d5","voted":false},"id":"piano-keyboard","links":{"self":"/api/icons/piano-keyboard"},"type":"icon"},{"attributes":{"id":"pie","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f705","voted":false},"id":"pie","links":{"self":"/api/icons/pie"},"type":"icon"},{"attributes":{"id":"pied-piper","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2ae","voted":false},"id":"pied-piper","links":{"self":"/api/icons/pied-piper"},"type":"icon"},{"attributes":{"id":"pied-piper-alt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a8","voted":false},"id":"pied-piper-alt","links":{"self":"/api/icons/pied-piper-alt"},"type":"icon"},{"attributes":{"id":"pied-piper-hat","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4e5","voted":false},"id":"pied-piper-hat","links":{"self":"/api/icons/pied-piper-hat"},"type":"icon"},{"attributes":{"id":"pied-piper-pp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a7","voted":false},"id":"pied-piper-pp","links":{"self":"/api/icons/pied-piper-pp"},"type":"icon"},{"attributes":{"id":"pied-piper-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f91e","voted":false},"id":"pied-piper-square","links":{"self":"/api/icons/pied-piper-square"},"type":"icon"},{"attributes":{"id":"pig","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f706","voted":false},"id":"pig","links":{"self":"/api/icons/pig"},"type":"icon"},{"attributes":{"id":"piggy-bank","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d3","voted":false},"id":"piggy-bank","links":{"self":"/api/icons/piggy-bank"},"type":"icon"},{"attributes":{"id":"pills","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f484","voted":false},"id":"pills","links":{"self":"/api/icons/pills"},"type":"icon"},{"attributes":{"id":"pinterest","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f0d2","voted":false},"id":"pinterest","links":{"self":"/api/icons/pinterest"},"type":"icon"},{"attributes":{"id":"pinterest-p","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f231","voted":false},"id":"pinterest-p","links":{"self":"/api/icons/pinterest-p"},"type":"icon"},{"attributes":{"id":"pinterest-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f0d3","voted":false},"id":"pinterest-square","links":{"self":"/api/icons/pinterest-square"},"type":"icon"},{"attributes":{"id":"pizza","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f817","voted":false},"id":"pizza","links":{"self":"/api/icons/pizza"},"type":"icon"},{"attributes":{"id":"pizza-slice","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f818","voted":true},"id":"pizza-slice","links":{"self":"/api/icons/pizza-slice"},"type":"icon"},{"attributes":{"id":"place-of-worship","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f67f","voted":false},"id":"place-of-worship","links":{"self":"/api/icons/place-of-worship"},"type":"icon"},{"attributes":{"id":"plane","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f072","voted":false},"id":"plane","links":{"self":"/api/icons/plane"},"type":"icon"},{"attributes":{"id":"plane-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3de","voted":false},"id":"plane-alt","links":{"self":"/api/icons/plane-alt"},"type":"icon"},{"attributes":{"id":"plane-arrival","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5af","voted":false},"id":"plane-arrival","links":{"self":"/api/icons/plane-arrival"},"type":"icon"},{"attributes":{"id":"plane-departure","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b0","voted":false},"id":"plane-departure","links":{"self":"/api/icons/plane-departure"},"type":"icon"},{"attributes":{"id":"plane-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f969","voted":false},"id":"plane-slash","links":{"self":"/api/icons/plane-slash"},"type":"icon"},{"attributes":{"id":"planet-moon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f91f","voted":false},"id":"planet-moon","links":{"self":"/api/icons/planet-moon"},"type":"icon"},{"attributes":{"id":"planet-ringed","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f920","voted":false},"id":"planet-ringed","links":{"self":"/api/icons/planet-ringed"},"type":"icon"},{"attributes":{"id":"play","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f04b","voted":false},"id":"play","links":{"self":"/api/icons/play"},"type":"icon"},{"attributes":{"id":"play-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f144","voted":false},"id":"play-circle","links":{"self":"/api/icons/play-circle"},"type":"icon"},{"attributes":{"id":"playstation","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3df","voted":false},"id":"playstation","links":{"self":"/api/icons/playstation"},"type":"icon"},{"attributes":{"id":"plug","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e6","voted":false},"id":"plug","links":{"self":"/api/icons/plug"},"type":"icon"},{"attributes":{"id":"plus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f067","voted":false},"id":"plus","links":{"self":"/api/icons/plus"},"type":"icon"},{"attributes":{"id":"plus-circle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f055","voted":false},"id":"plus-circle","links":{"self":"/api/icons/plus-circle"},"type":"icon"},{"attributes":{"id":"plus-hexagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f300","voted":false},"id":"plus-hexagon","links":{"self":"/api/icons/plus-hexagon"},"type":"icon"},{"attributes":{"id":"plus-octagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f301","voted":false},"id":"plus-octagon","links":{"self":"/api/icons/plus-octagon"},"type":"icon"},{"attributes":{"id":"plus-square","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0fe","voted":false},"id":"plus-square","links":{"self":"/api/icons/plus-square"},"type":"icon"},{"attributes":{"id":"podcast","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ce","voted":false},"id":"podcast","links":{"self":"/api/icons/podcast"},"type":"icon"},{"attributes":{"id":"podium","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f680","voted":false},"id":"podium","links":{"self":"/api/icons/podium"},"type":"icon"},{"attributes":{"id":"podium-star","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f758","voted":false},"id":"podium-star","links":{"self":"/api/icons/podium-star"},"type":"icon"},{"attributes":{"id":"police-box","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f921","voted":false},"id":"police-box","links":{"self":"/api/icons/police-box"},"type":"icon"},{"attributes":{"id":"poll","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f681","voted":false},"id":"poll","links":{"self":"/api/icons/poll"},"type":"icon"},{"attributes":{"id":"poll-h","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f682","voted":false},"id":"poll-h","links":{"self":"/api/icons/poll-h"},"type":"icon"},{"attributes":{"id":"poll-people","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f759","voted":false},"id":"poll-people","links":{"self":"/api/icons/poll-people"},"type":"icon"},{"attributes":{"id":"poo","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2fe","voted":false},"id":"poo","links":{"self":"/api/icons/poo"},"type":"icon"},{"attributes":{"id":"poo-storm","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f75a","voted":false},"id":"poo-storm","links":{"self":"/api/icons/poo-storm"},"type":"icon"},{"attributes":{"id":"poop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f619","voted":false},"id":"poop","links":{"self":"/api/icons/poop"},"type":"icon"},{"attributes":{"id":"popcorn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f819","voted":false},"id":"popcorn","links":{"self":"/api/icons/popcorn"},"type":"icon"},{"attributes":{"id":"portal-enter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f922","voted":false},"id":"portal-enter","links":{"self":"/api/icons/portal-enter"},"type":"icon"},{"attributes":{"id":"portal-exit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f923","voted":false},"id":"portal-exit","links":{"self":"/api/icons/portal-exit"},"type":"icon"},{"attributes":{"id":"portrait","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3e0","voted":false},"id":"portrait","links":{"self":"/api/icons/portrait"},"type":"icon"},{"attributes":{"id":"pound-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f154","voted":false},"id":"pound-sign","links":{"self":"/api/icons/pound-sign"},"type":"icon"},{"attributes":{"id":"power-off","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f011","voted":false},"id":"power-off","links":{"self":"/api/icons/power-off"},"type":"icon"},{"attributes":{"id":"pray","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f683","voted":false},"id":"pray","links":{"self":"/api/icons/pray"},"type":"icon"},{"attributes":{"id":"praying-hands","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f684","voted":false},"id":"praying-hands","links":{"self":"/api/icons/praying-hands"},"type":"icon"},{"attributes":{"id":"prescription","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b1","voted":false},"id":"prescription","links":{"self":"/api/icons/prescription"},"type":"icon"},{"attributes":{"id":"prescription-bottle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f485","voted":false},"id":"prescription-bottle","links":{"self":"/api/icons/prescription-bottle"},"type":"icon"},{"attributes":{"id":"prescription-bottle-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f486","voted":false},"id":"prescription-bottle-alt","links":{"self":"/api/icons/prescription-bottle-alt"},"type":"icon"},{"attributes":{"id":"presentation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f685","voted":false},"id":"presentation","links":{"self":"/api/icons/presentation"},"type":"icon"},{"attributes":{"id":"print","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02f","voted":false},"id":"print","links":{"self":"/api/icons/print"},"type":"icon"},{"attributes":{"id":"print-search","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81a","voted":true},"id":"print-search","links":{"self":"/api/icons/print-search"},"type":"icon"},{"attributes":{"id":"print-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f686","voted":false},"id":"print-slash","links":{"self":"/api/icons/print-slash"},"type":"icon"},{"attributes":{"id":"procedures","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f487","voted":false},"id":"procedures","links":{"self":"/api/icons/procedures"},"type":"icon"},{"attributes":{"id":"product-hunt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f288","voted":false},"id":"product-hunt","links":{"self":"/api/icons/product-hunt"},"type":"icon"},{"attributes":{"id":"project-diagram","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f542","voted":false},"id":"project-diagram","links":{"self":"/api/icons/project-diagram"},"type":"icon"},{"attributes":{"id":"projector","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d6","voted":false},"id":"projector","links":{"self":"/api/icons/projector"},"type":"icon"},{"attributes":{"id":"pump-medical","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96a","voted":false},"id":"pump-medical","links":{"self":"/api/icons/pump-medical"},"type":"icon"},{"attributes":{"id":"pump-soap","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96b","voted":false},"id":"pump-soap","links":{"self":"/api/icons/pump-soap"},"type":"icon"},{"attributes":{"id":"pumpkin","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f707","voted":false},"id":"pumpkin","links":{"self":"/api/icons/pumpkin"},"type":"icon"},{"attributes":{"id":"pushed","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e1","voted":false},"id":"pushed","links":{"self":"/api/icons/pushed"},"type":"icon"},{"attributes":{"id":"puzzle-piece","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f12e","voted":false},"id":"puzzle-piece","links":{"self":"/api/icons/puzzle-piece"},"type":"icon"},{"attributes":{"id":"python","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e2","voted":false},"id":"python","links":{"self":"/api/icons/python"},"type":"icon"},{"attributes":{"id":"qq","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d6","voted":false},"id":"qq","links":{"self":"/api/icons/qq"},"type":"icon"},{"attributes":{"id":"qrcode","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f029","voted":false},"id":"qrcode","links":{"self":"/api/icons/qrcode"},"type":"icon"},{"attributes":{"id":"question","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f128","voted":false},"id":"question","links":{"self":"/api/icons/question"},"type":"icon"},{"attributes":{"id":"question-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f059","voted":false},"id":"question-circle","links":{"self":"/api/icons/question-circle"},"type":"icon"},{"attributes":{"id":"question-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2fd","voted":false},"id":"question-square","links":{"self":"/api/icons/question-square"},"type":"icon"},{"attributes":{"id":"quidditch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f458","voted":false},"id":"quidditch","links":{"self":"/api/icons/quidditch"},"type":"icon"},{"attributes":{"id":"quinscape","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f459","voted":false},"id":"quinscape","links":{"self":"/api/icons/quinscape"},"type":"icon"},{"attributes":{"id":"quora","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2c4","voted":false},"id":"quora","links":{"self":"/api/icons/quora"},"type":"icon"},{"attributes":{"id":"quote-left","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f10d","voted":false},"id":"quote-left","links":{"self":"/api/icons/quote-left"},"type":"icon"},{"attributes":{"id":"quote-right","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f10e","voted":false},"id":"quote-right","links":{"self":"/api/icons/quote-right"},"type":"icon"},{"attributes":{"id":"quran","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f687","voted":false},"id":"quran","links":{"self":"/api/icons/quran"},"type":"icon"},{"attributes":{"id":"r-project","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f7","voted":true},"id":"r-project","links":{"self":"/api/icons/r-project"},"type":"icon"},{"attributes":{"id":"rabbit","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f708","voted":true},"id":"rabbit","links":{"self":"/api/icons/rabbit"},"type":"icon"},{"attributes":{"id":"rabbit-fast","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f709","voted":true},"id":"rabbit-fast","links":{"self":"/api/icons/rabbit-fast"},"type":"icon"},{"attributes":{"id":"racquet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45a","voted":false},"id":"racquet","links":{"self":"/api/icons/racquet"},"type":"icon"},{"attributes":{"id":"radar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f924","voted":false},"id":"radar","links":{"self":"/api/icons/radar"},"type":"icon"},{"attributes":{"id":"radiation","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7b9","voted":true},"id":"radiation","links":{"self":"/api/icons/radiation"},"type":"icon"},{"attributes":{"id":"radiation-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ba","voted":true},"id":"radiation-alt","links":{"self":"/api/icons/radiation-alt"},"type":"icon"},{"attributes":{"id":"radio","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d7","voted":false},"id":"radio","links":{"self":"/api/icons/radio"},"type":"icon"},{"attributes":{"id":"radio-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d8","voted":false},"id":"radio-alt","links":{"self":"/api/icons/radio-alt"},"type":"icon"},{"attributes":{"id":"rainbow","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f75b","voted":false},"id":"rainbow","links":{"self":"/api/icons/rainbow"},"type":"icon"},{"attributes":{"id":"raindrops","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f75c","voted":false},"id":"raindrops","links":{"self":"/api/icons/raindrops"},"type":"icon"},{"attributes":{"id":"ram","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70a","voted":false},"id":"ram","links":{"self":"/api/icons/ram"},"type":"icon"},{"attributes":{"id":"ramp-loading","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d4","voted":false},"id":"ramp-loading","links":{"self":"/api/icons/ramp-loading"},"type":"icon"},{"attributes":{"id":"random","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f074","voted":false},"id":"random","links":{"self":"/api/icons/random"},"type":"icon"},{"attributes":{"id":"raspberry-pi","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7bb","voted":true},"id":"raspberry-pi","links":{"self":"/api/icons/raspberry-pi"},"type":"icon"},{"attributes":{"id":"ravelry","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2d9","voted":false},"id":"ravelry","links":{"self":"/api/icons/ravelry"},"type":"icon"},{"attributes":{"id":"raygun","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f925","voted":false},"id":"raygun","links":{"self":"/api/icons/raygun"},"type":"icon"},{"attributes":{"id":"react","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41b","voted":false},"id":"react","links":{"self":"/api/icons/react"},"type":"icon"},{"attributes":{"id":"reacteurope","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f75d","voted":false},"id":"reacteurope","links":{"self":"/api/icons/reacteurope"},"type":"icon"},{"attributes":{"id":"readme","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4d5","voted":false},"id":"readme","links":{"self":"/api/icons/readme"},"type":"icon"},{"attributes":{"id":"rebel","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d0","voted":false},"id":"rebel","links":{"self":"/api/icons/rebel"},"type":"icon"},{"attributes":{"id":"receipt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f543","voted":true},"id":"receipt","links":{"self":"/api/icons/receipt"},"type":"icon"},{"attributes":{"id":"record-vinyl","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8d9","voted":false},"id":"record-vinyl","links":{"self":"/api/icons/record-vinyl"},"type":"icon"},{"attributes":{"id":"rectangle-landscape","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2fa","voted":false},"id":"rectangle-landscape","links":{"self":"/api/icons/rectangle-landscape"},"type":"icon"},{"attributes":{"id":"rectangle-portrait","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2fb","voted":false},"id":"rectangle-portrait","links":{"self":"/api/icons/rectangle-portrait"},"type":"icon"},{"attributes":{"id":"rectangle-wide","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2fc","voted":false},"id":"rectangle-wide","links":{"self":"/api/icons/rectangle-wide"},"type":"icon"},{"attributes":{"id":"recycle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1b8","voted":false},"id":"recycle","links":{"self":"/api/icons/recycle"},"type":"icon"},{"attributes":{"id":"red-river","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e3","voted":false},"id":"red-river","links":{"self":"/api/icons/red-river"},"type":"icon"},{"attributes":{"id":"reddit","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a1","voted":false},"id":"reddit","links":{"self":"/api/icons/reddit"},"type":"icon"},{"attributes":{"id":"reddit-alien","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f281","voted":false},"id":"reddit-alien","links":{"self":"/api/icons/reddit-alien"},"type":"icon"},{"attributes":{"id":"reddit-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a2","voted":false},"id":"reddit-square","links":{"self":"/api/icons/reddit-square"},"type":"icon"},{"attributes":{"id":"redhat","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7bc","voted":true},"id":"redhat","links":{"self":"/api/icons/redhat"},"type":"icon"},{"attributes":{"id":"redo","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f01e","voted":false},"id":"redo","links":{"self":"/api/icons/redo"},"type":"icon"},{"attributes":{"id":"redo-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f9","voted":false},"id":"redo-alt","links":{"self":"/api/icons/redo-alt"},"type":"icon"},{"attributes":{"id":"refrigerator","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f926","voted":false},"id":"refrigerator","links":{"self":"/api/icons/refrigerator"},"type":"icon"},{"attributes":{"id":"registered","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f25d","voted":false},"id":"registered","links":{"self":"/api/icons/registered"},"type":"icon"},{"attributes":{"id":"remove-format","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87d","voted":false},"id":"remove-format","links":{"self":"/api/icons/remove-format"},"type":"icon"},{"attributes":{"id":"renren","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f18b","voted":false},"id":"renren","links":{"self":"/api/icons/renren"},"type":"icon"},{"attributes":{"id":"repeat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f363","voted":false},"id":"repeat","links":{"self":"/api/icons/repeat"},"type":"icon"},{"attributes":{"id":"repeat-1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f365","voted":false},"id":"repeat-1","links":{"self":"/api/icons/repeat-1"},"type":"icon"},{"attributes":{"id":"repeat-1-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f366","voted":false},"id":"repeat-1-alt","links":{"self":"/api/icons/repeat-1-alt"},"type":"icon"},{"attributes":{"id":"repeat-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f364","voted":false},"id":"repeat-alt","links":{"self":"/api/icons/repeat-alt"},"type":"icon"},{"attributes":{"id":"reply","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3e5","voted":false},"id":"reply","links":{"self":"/api/icons/reply"},"type":"icon"},{"attributes":{"id":"reply-all","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f122","voted":false},"id":"reply-all","links":{"self":"/api/icons/reply-all"},"type":"icon"},{"attributes":{"id":"replyd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e6","voted":false},"id":"replyd","links":{"self":"/api/icons/replyd"},"type":"icon"},{"attributes":{"id":"republican","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f75e","voted":false},"id":"republican","links":{"self":"/api/icons/republican"},"type":"icon"},{"attributes":{"id":"researchgate","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f8","voted":true},"id":"researchgate","links":{"self":"/api/icons/researchgate"},"type":"icon"},{"attributes":{"id":"resolving","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e7","voted":false},"id":"resolving","links":{"self":"/api/icons/resolving"},"type":"icon"},{"attributes":{"id":"restroom","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7bd","voted":true},"id":"restroom","links":{"self":"/api/icons/restroom"},"type":"icon"},{"attributes":{"id":"retweet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f079","voted":false},"id":"retweet","links":{"self":"/api/icons/retweet"},"type":"icon"},{"attributes":{"id":"retweet-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f361","voted":false},"id":"retweet-alt","links":{"self":"/api/icons/retweet-alt"},"type":"icon"},{"attributes":{"id":"rev","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5b2","voted":false},"id":"rev","links":{"self":"/api/icons/rev"},"type":"icon"},{"attributes":{"id":"ribbon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d6","voted":false},"id":"ribbon","links":{"self":"/api/icons/ribbon"},"type":"icon"},{"attributes":{"id":"ring","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70b","voted":false},"id":"ring","links":{"self":"/api/icons/ring"},"type":"icon"},{"attributes":{"id":"rings-wedding","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81b","voted":true},"id":"rings-wedding","links":{"self":"/api/icons/rings-wedding"},"type":"icon"},{"attributes":{"id":"road","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f018","voted":false},"id":"road","links":{"self":"/api/icons/road"},"type":"icon"},{"attributes":{"id":"robot","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f544","voted":true},"id":"robot","links":{"self":"/api/icons/robot"},"type":"icon"},{"attributes":{"id":"rocket","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f135","voted":false},"id":"rocket","links":{"self":"/api/icons/rocket"},"type":"icon"},{"attributes":{"id":"rocket-launch","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f927","voted":false},"id":"rocket-launch","links":{"self":"/api/icons/rocket-launch"},"type":"icon"},{"attributes":{"id":"rocketchat","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e8","voted":false},"id":"rocketchat","links":{"self":"/api/icons/rocketchat"},"type":"icon"},{"attributes":{"id":"rockrms","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e9","voted":false},"id":"rockrms","links":{"self":"/api/icons/rockrms"},"type":"icon"},{"attributes":{"id":"route","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d7","voted":false},"id":"route","links":{"self":"/api/icons/route"},"type":"icon"},{"attributes":{"id":"route-highway","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61a","voted":false},"id":"route-highway","links":{"self":"/api/icons/route-highway"},"type":"icon"},{"attributes":{"id":"route-interstate","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61b","voted":false},"id":"route-interstate","links":{"self":"/api/icons/route-interstate"},"type":"icon"},{"attributes":{"id":"router","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8da","voted":false},"id":"router","links":{"self":"/api/icons/router"},"type":"icon"},{"attributes":{"id":"rss","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f09e","voted":false},"id":"rss","links":{"self":"/api/icons/rss"},"type":"icon"},{"attributes":{"id":"rss-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f143","voted":false},"id":"rss-square","links":{"self":"/api/icons/rss-square"},"type":"icon"},{"attributes":{"id":"ruble-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f158","voted":false},"id":"ruble-sign","links":{"self":"/api/icons/ruble-sign"},"type":"icon"},{"attributes":{"id":"ruler","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f545","voted":true},"id":"ruler","links":{"self":"/api/icons/ruler"},"type":"icon"},{"attributes":{"id":"ruler-combined","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f546","voted":true},"id":"ruler-combined","links":{"self":"/api/icons/ruler-combined"},"type":"icon"},{"attributes":{"id":"ruler-horizontal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f547","voted":true},"id":"ruler-horizontal","links":{"self":"/api/icons/ruler-horizontal"},"type":"icon"},{"attributes":{"id":"ruler-triangle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61c","voted":false},"id":"ruler-triangle","links":{"self":"/api/icons/ruler-triangle"},"type":"icon"},{"attributes":{"id":"ruler-vertical","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f548","voted":true},"id":"ruler-vertical","links":{"self":"/api/icons/ruler-vertical"},"type":"icon"},{"attributes":{"id":"running","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70c","voted":true},"id":"running","links":{"self":"/api/icons/running"},"type":"icon"},{"attributes":{"id":"rupee-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f156","voted":false},"id":"rupee-sign","links":{"self":"/api/icons/rupee-sign"},"type":"icon"},{"attributes":{"id":"rv","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7be","voted":false},"id":"rv","links":{"self":"/api/icons/rv"},"type":"icon"},{"attributes":{"id":"sack","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81c","voted":false},"id":"sack","links":{"self":"/api/icons/sack"},"type":"icon"},{"attributes":{"id":"sack-dollar","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81d","voted":true},"id":"sack-dollar","links":{"self":"/api/icons/sack-dollar"},"type":"icon"},{"attributes":{"id":"sad-cry","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b3","voted":false},"id":"sad-cry","links":{"self":"/api/icons/sad-cry"},"type":"icon"},{"attributes":{"id":"sad-tear","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b4","voted":false},"id":"sad-tear","links":{"self":"/api/icons/sad-tear"},"type":"icon"},{"attributes":{"id":"safari","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f267","voted":false},"id":"safari","links":{"self":"/api/icons/safari"},"type":"icon"},{"attributes":{"id":"salad","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81e","voted":false},"id":"salad","links":{"self":"/api/icons/salad"},"type":"icon"},{"attributes":{"id":"salesforce","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f83b","voted":false},"id":"salesforce","links":{"self":"/api/icons/salesforce"},"type":"icon"},{"attributes":{"id":"sandwich","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f81f","voted":false},"id":"sandwich","links":{"self":"/api/icons/sandwich"},"type":"icon"},{"attributes":{"id":"sass","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41e","voted":false},"id":"sass","links":{"self":"/api/icons/sass"},"type":"icon"},{"attributes":{"id":"satellite","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7bf","voted":true},"id":"satellite","links":{"self":"/api/icons/satellite"},"type":"icon"},{"attributes":{"id":"satellite-dish","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c0","voted":true},"id":"satellite-dish","links":{"self":"/api/icons/satellite-dish"},"type":"icon"},{"attributes":{"id":"sausage","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f820","voted":false},"id":"sausage","links":{"self":"/api/icons/sausage"},"type":"icon"},{"attributes":{"id":"save","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c7","voted":false},"id":"save","links":{"self":"/api/icons/save"},"type":"icon"},{"attributes":{"id":"sax-hot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8db","voted":false},"id":"sax-hot","links":{"self":"/api/icons/sax-hot"},"type":"icon"},{"attributes":{"id":"saxophone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8dc","voted":false},"id":"saxophone","links":{"self":"/api/icons/saxophone"},"type":"icon"},{"attributes":{"id":"scalpel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61d","voted":false},"id":"scalpel","links":{"self":"/api/icons/scalpel"},"type":"icon"},{"attributes":{"id":"scalpel-path","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61e","voted":false},"id":"scalpel-path","links":{"self":"/api/icons/scalpel-path"},"type":"icon"},{"attributes":{"id":"scanner","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f488","voted":false},"id":"scanner","links":{"self":"/api/icons/scanner"},"type":"icon"},{"attributes":{"id":"scanner-image","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f3","voted":false},"id":"scanner-image","links":{"self":"/api/icons/scanner-image"},"type":"icon"},{"attributes":{"id":"scanner-keyboard","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f489","voted":false},"id":"scanner-keyboard","links":{"self":"/api/icons/scanner-keyboard"},"type":"icon"},{"attributes":{"id":"scanner-touchscreen","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48a","voted":false},"id":"scanner-touchscreen","links":{"self":"/api/icons/scanner-touchscreen"},"type":"icon"},{"attributes":{"id":"scarecrow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70d","voted":false},"id":"scarecrow","links":{"self":"/api/icons/scarecrow"},"type":"icon"},{"attributes":{"id":"scarf","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c1","voted":false},"id":"scarf","links":{"self":"/api/icons/scarf"},"type":"icon"},{"attributes":{"id":"schlix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ea","voted":false},"id":"schlix","links":{"self":"/api/icons/schlix"},"type":"icon"},{"attributes":{"id":"school","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f549","voted":true},"id":"school","links":{"self":"/api/icons/school"},"type":"icon"},{"attributes":{"id":"screwdriver","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54a","voted":true},"id":"screwdriver","links":{"self":"/api/icons/screwdriver"},"type":"icon"},{"attributes":{"id":"scribd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f28a","voted":false},"id":"scribd","links":{"self":"/api/icons/scribd"},"type":"icon"},{"attributes":{"id":"scroll","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70e","voted":false},"id":"scroll","links":{"self":"/api/icons/scroll"},"type":"icon"},{"attributes":{"id":"scroll-old","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f70f","voted":false},"id":"scroll-old","links":{"self":"/api/icons/scroll-old"},"type":"icon"},{"attributes":{"id":"scrubber","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f8","voted":false},"id":"scrubber","links":{"self":"/api/icons/scrubber"},"type":"icon"},{"attributes":{"id":"scythe","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f710","voted":false},"id":"scythe","links":{"self":"/api/icons/scythe"},"type":"icon"},{"attributes":{"id":"sd-card","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c2","voted":true},"id":"sd-card","links":{"self":"/api/icons/sd-card"},"type":"icon"},{"attributes":{"id":"search","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f002","voted":false},"id":"search","links":{"self":"/api/icons/search"},"type":"icon"},{"attributes":{"id":"search-dollar","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f688","voted":false},"id":"search-dollar","links":{"self":"/api/icons/search-dollar"},"type":"icon"},{"attributes":{"id":"search-location","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f689","voted":false},"id":"search-location","links":{"self":"/api/icons/search-location"},"type":"icon"},{"attributes":{"id":"search-minus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f010","voted":false},"id":"search-minus","links":{"self":"/api/icons/search-minus"},"type":"icon"},{"attributes":{"id":"search-plus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f00e","voted":false},"id":"search-plus","links":{"self":"/api/icons/search-plus"},"type":"icon"},{"attributes":{"id":"searchengin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3eb","voted":false},"id":"searchengin","links":{"self":"/api/icons/searchengin"},"type":"icon"},{"attributes":{"id":"seedling","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d8","voted":false},"id":"seedling","links":{"self":"/api/icons/seedling"},"type":"icon"},{"attributes":{"id":"sellcast","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2da","voted":false},"id":"sellcast","links":{"self":"/api/icons/sellcast"},"type":"icon"},{"attributes":{"id":"sellsy","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f213","voted":false},"id":"sellsy","links":{"self":"/api/icons/sellsy"},"type":"icon"},{"attributes":{"id":"send-back","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87e","voted":true},"id":"send-back","links":{"self":"/api/icons/send-back"},"type":"icon"},{"attributes":{"id":"send-backward","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f87f","voted":true},"id":"send-backward","links":{"self":"/api/icons/send-backward"},"type":"icon"},{"attributes":{"id":"sensor","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f928","voted":false},"id":"sensor","links":{"self":"/api/icons/sensor"},"type":"icon"},{"attributes":{"id":"sensor-alert","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f929","voted":false},"id":"sensor-alert","links":{"self":"/api/icons/sensor-alert"},"type":"icon"},{"attributes":{"id":"sensor-fire","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92a","voted":false},"id":"sensor-fire","links":{"self":"/api/icons/sensor-fire"},"type":"icon"},{"attributes":{"id":"sensor-on","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92b","voted":false},"id":"sensor-on","links":{"self":"/api/icons/sensor-on"},"type":"icon"},{"attributes":{"id":"sensor-smoke","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92c","voted":false},"id":"sensor-smoke","links":{"self":"/api/icons/sensor-smoke"},"type":"icon"},{"attributes":{"id":"server","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f233","voted":false},"id":"server","links":{"self":"/api/icons/server"},"type":"icon"},{"attributes":{"id":"servicestack","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ec","voted":false},"id":"servicestack","links":{"self":"/api/icons/servicestack"},"type":"icon"},{"attributes":{"id":"shapes","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f61f","voted":false},"id":"shapes","links":{"self":"/api/icons/shapes"},"type":"icon"},{"attributes":{"id":"share","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f064","voted":false},"id":"share","links":{"self":"/api/icons/share"},"type":"icon"},{"attributes":{"id":"share-all","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f367","voted":false},"id":"share-all","links":{"self":"/api/icons/share-all"},"type":"icon"},{"attributes":{"id":"share-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e0","voted":false},"id":"share-alt","links":{"self":"/api/icons/share-alt"},"type":"icon"},{"attributes":{"id":"share-alt-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e1","voted":false},"id":"share-alt-square","links":{"self":"/api/icons/share-alt-square"},"type":"icon"},{"attributes":{"id":"share-square","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f14d","voted":false},"id":"share-square","links":{"self":"/api/icons/share-square"},"type":"icon"},{"attributes":{"id":"sheep","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f711","voted":false},"id":"sheep","links":{"self":"/api/icons/sheep"},"type":"icon"},{"attributes":{"id":"shekel-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f20b","voted":true},"id":"shekel-sign","links":{"self":"/api/icons/shekel-sign"},"type":"icon"},{"attributes":{"id":"shield","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f132","voted":false},"id":"shield","links":{"self":"/api/icons/shield"},"type":"icon"},{"attributes":{"id":"shield-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3ed","voted":false},"id":"shield-alt","links":{"self":"/api/icons/shield-alt"},"type":"icon"},{"attributes":{"id":"shield-check","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f7","voted":false},"id":"shield-check","links":{"self":"/api/icons/shield-check"},"type":"icon"},{"attributes":{"id":"shield-cross","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f712","voted":false},"id":"shield-cross","links":{"self":"/api/icons/shield-cross"},"type":"icon"},{"attributes":{"id":"shield-virus","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96c","voted":false},"id":"shield-virus","links":{"self":"/api/icons/shield-virus"},"type":"icon"},{"attributes":{"id":"ship","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f21a","voted":false},"id":"ship","links":{"self":"/api/icons/ship"},"type":"icon"},{"attributes":{"id":"shipping-fast","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48b","voted":false},"id":"shipping-fast","links":{"self":"/api/icons/shipping-fast"},"type":"icon"},{"attributes":{"id":"shipping-timed","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48c","voted":false},"id":"shipping-timed","links":{"self":"/api/icons/shipping-timed"},"type":"icon"},{"attributes":{"id":"shirtsinbulk","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f214","voted":false},"id":"shirtsinbulk","links":{"self":"/api/icons/shirtsinbulk"},"type":"icon"},{"attributes":{"id":"shish-kebab","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f821","voted":false},"id":"shish-kebab","links":{"self":"/api/icons/shish-kebab"},"type":"icon"},{"attributes":{"id":"shoe-prints","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54b","voted":true},"id":"shoe-prints","links":{"self":"/api/icons/shoe-prints"},"type":"icon"},{"attributes":{"id":"shopify","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f957","voted":false},"id":"shopify","links":{"self":"/api/icons/shopify"},"type":"icon"},{"attributes":{"id":"shopping-bag","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f290","voted":false},"id":"shopping-bag","links":{"self":"/api/icons/shopping-bag"},"type":"icon"},{"attributes":{"id":"shopping-basket","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f291","voted":false},"id":"shopping-basket","links":{"self":"/api/icons/shopping-basket"},"type":"icon"},{"attributes":{"id":"shopping-cart","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f07a","voted":false},"id":"shopping-cart","links":{"self":"/api/icons/shopping-cart"},"type":"icon"},{"attributes":{"id":"shopware","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5b5","voted":false},"id":"shopware","links":{"self":"/api/icons/shopware"},"type":"icon"},{"attributes":{"id":"shovel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f713","voted":false},"id":"shovel","links":{"self":"/api/icons/shovel"},"type":"icon"},{"attributes":{"id":"shovel-snow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c3","voted":false},"id":"shovel-snow","links":{"self":"/api/icons/shovel-snow"},"type":"icon"},{"attributes":{"id":"shower","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2cc","voted":false},"id":"shower","links":{"self":"/api/icons/shower"},"type":"icon"},{"attributes":{"id":"shredder","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68a","voted":false},"id":"shredder","links":{"self":"/api/icons/shredder"},"type":"icon"},{"attributes":{"id":"shuttle-van","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b6","voted":false},"id":"shuttle-van","links":{"self":"/api/icons/shuttle-van"},"type":"icon"},{"attributes":{"id":"shuttlecock","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45b","voted":false},"id":"shuttlecock","links":{"self":"/api/icons/shuttlecock"},"type":"icon"},{"attributes":{"id":"sickle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f822","voted":false},"id":"sickle","links":{"self":"/api/icons/sickle"},"type":"icon"},{"attributes":{"id":"sigma","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68b","voted":false},"id":"sigma","links":{"self":"/api/icons/sigma"},"type":"icon"},{"attributes":{"id":"sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4d9","voted":false},"id":"sign","links":{"self":"/api/icons/sign"},"type":"icon"},{"attributes":{"id":"sign-in","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f090","voted":false},"id":"sign-in","links":{"self":"/api/icons/sign-in"},"type":"icon"},{"attributes":{"id":"sign-in-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f6","voted":false},"id":"sign-in-alt","links":{"self":"/api/icons/sign-in-alt"},"type":"icon"},{"attributes":{"id":"sign-language","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2a7","voted":false},"id":"sign-language","links":{"self":"/api/icons/sign-language"},"type":"icon"},{"attributes":{"id":"sign-out","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f08b","voted":false},"id":"sign-out","links":{"self":"/api/icons/sign-out"},"type":"icon"},{"attributes":{"id":"sign-out-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f5","voted":false},"id":"sign-out-alt","links":{"self":"/api/icons/sign-out-alt"},"type":"icon"},{"attributes":{"id":"signal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f012","voted":false},"id":"signal","links":{"self":"/api/icons/signal"},"type":"icon"},{"attributes":{"id":"signal-1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68c","voted":true},"id":"signal-1","links":{"self":"/api/icons/signal-1"},"type":"icon"},{"attributes":{"id":"signal-2","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68d","voted":true},"id":"signal-2","links":{"self":"/api/icons/signal-2"},"type":"icon"},{"attributes":{"id":"signal-3","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68e","voted":true},"id":"signal-3","links":{"self":"/api/icons/signal-3"},"type":"icon"},{"attributes":{"id":"signal-4","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f68f","voted":true},"id":"signal-4","links":{"self":"/api/icons/signal-4"},"type":"icon"},{"attributes":{"id":"signal-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f690","voted":true},"id":"signal-alt","links":{"self":"/api/icons/signal-alt"},"type":"icon"},{"attributes":{"id":"signal-alt-1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f691","voted":true},"id":"signal-alt-1","links":{"self":"/api/icons/signal-alt-1"},"type":"icon"},{"attributes":{"id":"signal-alt-2","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f692","voted":true},"id":"signal-alt-2","links":{"self":"/api/icons/signal-alt-2"},"type":"icon"},{"attributes":{"id":"signal-alt-3","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f693","voted":true},"id":"signal-alt-3","links":{"self":"/api/icons/signal-alt-3"},"type":"icon"},{"attributes":{"id":"signal-alt-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f694","voted":true},"id":"signal-alt-slash","links":{"self":"/api/icons/signal-alt-slash"},"type":"icon"},{"attributes":{"id":"signal-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f695","voted":true},"id":"signal-slash","links":{"self":"/api/icons/signal-slash"},"type":"icon"},{"attributes":{"id":"signal-stream","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8dd","voted":false},"id":"signal-stream","links":{"self":"/api/icons/signal-stream"},"type":"icon"},{"attributes":{"id":"signature","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b7","voted":true},"id":"signature","links":{"self":"/api/icons/signature"},"type":"icon"},{"attributes":{"id":"sim-card","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c4","voted":true},"id":"sim-card","links":{"self":"/api/icons/sim-card"},"type":"icon"},{"attributes":{"id":"simplybuilt","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f215","voted":false},"id":"simplybuilt","links":{"self":"/api/icons/simplybuilt"},"type":"icon"},{"attributes":{"id":"sink","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96d","voted":false},"id":"sink","links":{"self":"/api/icons/sink"},"type":"icon"},{"attributes":{"id":"siren","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92d","voted":false},"id":"siren","links":{"self":"/api/icons/siren"},"type":"icon"},{"attributes":{"id":"siren-on","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92e","voted":false},"id":"siren-on","links":{"self":"/api/icons/siren-on"},"type":"icon"},{"attributes":{"id":"sistrix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ee","voted":false},"id":"sistrix","links":{"self":"/api/icons/sistrix"},"type":"icon"},{"attributes":{"id":"sitemap","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e8","voted":false},"id":"sitemap","links":{"self":"/api/icons/sitemap"},"type":"icon"},{"attributes":{"id":"sith","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f512","voted":false},"id":"sith","links":{"self":"/api/icons/sith"},"type":"icon"},{"attributes":{"id":"skating","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c5","voted":false},"id":"skating","links":{"self":"/api/icons/skating"},"type":"icon"},{"attributes":{"id":"skeleton","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f620","voted":false},"id":"skeleton","links":{"self":"/api/icons/skeleton"},"type":"icon"},{"attributes":{"id":"sketch","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7c6","voted":false},"id":"sketch","links":{"self":"/api/icons/sketch"},"type":"icon"},{"attributes":{"id":"ski-jump","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c7","voted":false},"id":"ski-jump","links":{"self":"/api/icons/ski-jump"},"type":"icon"},{"attributes":{"id":"ski-lift","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c8","voted":false},"id":"ski-lift","links":{"self":"/api/icons/ski-lift"},"type":"icon"},{"attributes":{"id":"skiing","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7c9","voted":false},"id":"skiing","links":{"self":"/api/icons/skiing"},"type":"icon"},{"attributes":{"id":"skiing-nordic","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ca","voted":false},"id":"skiing-nordic","links":{"self":"/api/icons/skiing-nordic"},"type":"icon"},{"attributes":{"id":"skull","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54c","voted":true},"id":"skull","links":{"self":"/api/icons/skull"},"type":"icon"},{"attributes":{"id":"skull-cow","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8de","voted":false},"id":"skull-cow","links":{"self":"/api/icons/skull-cow"},"type":"icon"},{"attributes":{"id":"skull-crossbones","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f714","voted":false},"id":"skull-crossbones","links":{"self":"/api/icons/skull-crossbones"},"type":"icon"},{"attributes":{"id":"skyatlas","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f216","voted":false},"id":"skyatlas","links":{"self":"/api/icons/skyatlas"},"type":"icon"},{"attributes":{"id":"skype","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f17e","voted":false},"id":"skype","links":{"self":"/api/icons/skype"},"type":"icon"},{"attributes":{"id":"slack","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f198","voted":false},"id":"slack","links":{"self":"/api/icons/slack"},"type":"icon"},{"attributes":{"id":"slack-hash","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3ef","voted":false},"id":"slack-hash","links":{"self":"/api/icons/slack-hash"},"type":"icon"},{"attributes":{"id":"slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f715","voted":true},"id":"slash","links":{"self":"/api/icons/slash"},"type":"icon"},{"attributes":{"id":"sledding","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7cb","voted":false},"id":"sledding","links":{"self":"/api/icons/sledding"},"type":"icon"},{"attributes":{"id":"sleigh","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7cc","voted":false},"id":"sleigh","links":{"self":"/api/icons/sleigh"},"type":"icon"},{"attributes":{"id":"sliders-h","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1de","voted":false},"id":"sliders-h","links":{"self":"/api/icons/sliders-h"},"type":"icon"},{"attributes":{"id":"sliders-h-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3f0","voted":false},"id":"sliders-h-square","links":{"self":"/api/icons/sliders-h-square"},"type":"icon"},{"attributes":{"id":"sliders-v","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3f1","voted":false},"id":"sliders-v","links":{"self":"/api/icons/sliders-v"},"type":"icon"},{"attributes":{"id":"sliders-v-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3f2","voted":false},"id":"sliders-v-square","links":{"self":"/api/icons/sliders-v-square"},"type":"icon"},{"attributes":{"id":"slideshare","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1e7","voted":false},"id":"slideshare","links":{"self":"/api/icons/slideshare"},"type":"icon"},{"attributes":{"id":"smile","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f118","voted":false},"id":"smile","links":{"self":"/api/icons/smile"},"type":"icon"},{"attributes":{"id":"smile-beam","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b8","voted":false},"id":"smile-beam","links":{"self":"/api/icons/smile-beam"},"type":"icon"},{"attributes":{"id":"smile-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5b9","voted":false},"id":"smile-plus","links":{"self":"/api/icons/smile-plus"},"type":"icon"},{"attributes":{"id":"smile-wink","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4da","voted":false},"id":"smile-wink","links":{"self":"/api/icons/smile-wink"},"type":"icon"},{"attributes":{"id":"smog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f75f","voted":false},"id":"smog","links":{"self":"/api/icons/smog"},"type":"icon"},{"attributes":{"id":"smoke","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f760","voted":false},"id":"smoke","links":{"self":"/api/icons/smoke"},"type":"icon"},{"attributes":{"id":"smoking","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48d","voted":true},"id":"smoking","links":{"self":"/api/icons/smoking"},"type":"icon"},{"attributes":{"id":"smoking-ban","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54d","voted":true},"id":"smoking-ban","links":{"self":"/api/icons/smoking-ban"},"type":"icon"},{"attributes":{"id":"sms","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7cd","voted":true},"id":"sms","links":{"self":"/api/icons/sms"},"type":"icon"},{"attributes":{"id":"snake","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f716","voted":false},"id":"snake","links":{"self":"/api/icons/snake"},"type":"icon"},{"attributes":{"id":"snapchat","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2ab","voted":false},"id":"snapchat","links":{"self":"/api/icons/snapchat"},"type":"icon"},{"attributes":{"id":"snapchat-ghost","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2ac","voted":false},"id":"snapchat-ghost","links":{"self":"/api/icons/snapchat-ghost"},"type":"icon"},{"attributes":{"id":"snapchat-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2ad","voted":false},"id":"snapchat-square","links":{"self":"/api/icons/snapchat-square"},"type":"icon"},{"attributes":{"id":"snooze","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f880","voted":true},"id":"snooze","links":{"self":"/api/icons/snooze"},"type":"icon"},{"attributes":{"id":"snow-blowing","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f761","voted":false},"id":"snow-blowing","links":{"self":"/api/icons/snow-blowing"},"type":"icon"},{"attributes":{"id":"snowboarding","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7ce","voted":false},"id":"snowboarding","links":{"self":"/api/icons/snowboarding"},"type":"icon"},{"attributes":{"id":"snowflake","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2dc","voted":false},"id":"snowflake","links":{"self":"/api/icons/snowflake"},"type":"icon"},{"attributes":{"id":"snowflakes","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7cf","voted":false},"id":"snowflakes","links":{"self":"/api/icons/snowflakes"},"type":"icon"},{"attributes":{"id":"snowman","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d0","voted":false},"id":"snowman","links":{"self":"/api/icons/snowman"},"type":"icon"},{"attributes":{"id":"snowmobile","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d1","voted":false},"id":"snowmobile","links":{"self":"/api/icons/snowmobile"},"type":"icon"},{"attributes":{"id":"snowplow","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d2","voted":false},"id":"snowplow","links":{"self":"/api/icons/snowplow"},"type":"icon"},{"attributes":{"id":"soap","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96e","voted":false},"id":"soap","links":{"self":"/api/icons/soap"},"type":"icon"},{"attributes":{"id":"socks","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f696","voted":false},"id":"socks","links":{"self":"/api/icons/socks"},"type":"icon"},{"attributes":{"id":"solar-panel","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ba","voted":false},"id":"solar-panel","links":{"self":"/api/icons/solar-panel"},"type":"icon"},{"attributes":{"id":"solar-system","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f92f","voted":false},"id":"solar-system","links":{"self":"/api/icons/solar-system"},"type":"icon"},{"attributes":{"id":"sort","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0dc","voted":false},"id":"sort","links":{"self":"/api/icons/sort"},"type":"icon"},{"attributes":{"id":"sort-alpha-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f15d","voted":false},"id":"sort-alpha-down","links":{"self":"/api/icons/sort-alpha-down"},"type":"icon"},{"attributes":{"id":"sort-alpha-down-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f881","voted":false},"id":"sort-alpha-down-alt","links":{"self":"/api/icons/sort-alpha-down-alt"},"type":"icon"},{"attributes":{"id":"sort-alpha-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f15e","voted":false},"id":"sort-alpha-up","links":{"self":"/api/icons/sort-alpha-up"},"type":"icon"},{"attributes":{"id":"sort-alpha-up-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f882","voted":false},"id":"sort-alpha-up-alt","links":{"self":"/api/icons/sort-alpha-up-alt"},"type":"icon"},{"attributes":{"id":"sort-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f883","voted":false},"id":"sort-alt","links":{"self":"/api/icons/sort-alt"},"type":"icon"},{"attributes":{"id":"sort-amount-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f160","voted":false},"id":"sort-amount-down","links":{"self":"/api/icons/sort-amount-down"},"type":"icon"},{"attributes":{"id":"sort-amount-down-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f884","voted":false},"id":"sort-amount-down-alt","links":{"self":"/api/icons/sort-amount-down-alt"},"type":"icon"},{"attributes":{"id":"sort-amount-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f161","voted":false},"id":"sort-amount-up","links":{"self":"/api/icons/sort-amount-up"},"type":"icon"},{"attributes":{"id":"sort-amount-up-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f885","voted":false},"id":"sort-amount-up-alt","links":{"self":"/api/icons/sort-amount-up-alt"},"type":"icon"},{"attributes":{"id":"sort-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f930","voted":false},"id":"sort-circle","links":{"self":"/api/icons/sort-circle"},"type":"icon"},{"attributes":{"id":"sort-circle-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f931","voted":false},"id":"sort-circle-down","links":{"self":"/api/icons/sort-circle-down"},"type":"icon"},{"attributes":{"id":"sort-circle-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f932","voted":false},"id":"sort-circle-up","links":{"self":"/api/icons/sort-circle-up"},"type":"icon"},{"attributes":{"id":"sort-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0dd","voted":false},"id":"sort-down","links":{"self":"/api/icons/sort-down"},"type":"icon"},{"attributes":{"id":"sort-numeric-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f162","voted":false},"id":"sort-numeric-down","links":{"self":"/api/icons/sort-numeric-down"},"type":"icon"},{"attributes":{"id":"sort-numeric-down-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f886","voted":false},"id":"sort-numeric-down-alt","links":{"self":"/api/icons/sort-numeric-down-alt"},"type":"icon"},{"attributes":{"id":"sort-numeric-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f163","voted":false},"id":"sort-numeric-up","links":{"self":"/api/icons/sort-numeric-up"},"type":"icon"},{"attributes":{"id":"sort-numeric-up-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f887","voted":false},"id":"sort-numeric-up-alt","links":{"self":"/api/icons/sort-numeric-up-alt"},"type":"icon"},{"attributes":{"id":"sort-shapes-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f888","voted":false},"id":"sort-shapes-down","links":{"self":"/api/icons/sort-shapes-down"},"type":"icon"},{"attributes":{"id":"sort-shapes-down-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f889","voted":false},"id":"sort-shapes-down-alt","links":{"self":"/api/icons/sort-shapes-down-alt"},"type":"icon"},{"attributes":{"id":"sort-shapes-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88a","voted":false},"id":"sort-shapes-up","links":{"self":"/api/icons/sort-shapes-up"},"type":"icon"},{"attributes":{"id":"sort-shapes-up-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88b","voted":false},"id":"sort-shapes-up-alt","links":{"self":"/api/icons/sort-shapes-up-alt"},"type":"icon"},{"attributes":{"id":"sort-size-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88c","voted":false},"id":"sort-size-down","links":{"self":"/api/icons/sort-size-down"},"type":"icon"},{"attributes":{"id":"sort-size-down-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88d","voted":false},"id":"sort-size-down-alt","links":{"self":"/api/icons/sort-size-down-alt"},"type":"icon"},{"attributes":{"id":"sort-size-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88e","voted":false},"id":"sort-size-up","links":{"self":"/api/icons/sort-size-up"},"type":"icon"},{"attributes":{"id":"sort-size-up-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f88f","voted":false},"id":"sort-size-up-alt","links":{"self":"/api/icons/sort-size-up-alt"},"type":"icon"},{"attributes":{"id":"sort-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0de","voted":false},"id":"sort-up","links":{"self":"/api/icons/sort-up"},"type":"icon"},{"attributes":{"id":"soundcloud","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1be","voted":false},"id":"soundcloud","links":{"self":"/api/icons/soundcloud"},"type":"icon"},{"attributes":{"id":"soup","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f823","voted":false},"id":"soup","links":{"self":"/api/icons/soup"},"type":"icon"},{"attributes":{"id":"sourcetree","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7d3","voted":true},"id":"sourcetree","links":{"self":"/api/icons/sourcetree"},"type":"icon"},{"attributes":{"id":"spa","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5bb","voted":false},"id":"spa","links":{"self":"/api/icons/spa"},"type":"icon"},{"attributes":{"id":"space-shuttle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f197","voted":false},"id":"space-shuttle","links":{"self":"/api/icons/space-shuttle"},"type":"icon"},{"attributes":{"id":"space-station-moon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f933","voted":false},"id":"space-station-moon","links":{"self":"/api/icons/space-station-moon"},"type":"icon"},{"attributes":{"id":"space-station-moon-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f934","voted":false},"id":"space-station-moon-alt","links":{"self":"/api/icons/space-station-moon-alt"},"type":"icon"},{"attributes":{"id":"spade","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f4","voted":false},"id":"spade","links":{"self":"/api/icons/spade"},"type":"icon"},{"attributes":{"id":"sparkles","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f890","voted":false},"id":"sparkles","links":{"self":"/api/icons/sparkles"},"type":"icon"},{"attributes":{"id":"speakap","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f3","voted":false},"id":"speakap","links":{"self":"/api/icons/speakap"},"type":"icon"},{"attributes":{"id":"speaker","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8df","voted":false},"id":"speaker","links":{"self":"/api/icons/speaker"},"type":"icon"},{"attributes":{"id":"speaker-deck","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f83c","voted":false},"id":"speaker-deck","links":{"self":"/api/icons/speaker-deck"},"type":"icon"},{"attributes":{"id":"speakers","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e0","voted":false},"id":"speakers","links":{"self":"/api/icons/speakers"},"type":"icon"},{"attributes":{"id":"spell-check","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f891","voted":false},"id":"spell-check","links":{"self":"/api/icons/spell-check"},"type":"icon"},{"attributes":{"id":"spider","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f717","voted":true},"id":"spider","links":{"self":"/api/icons/spider"},"type":"icon"},{"attributes":{"id":"spider-black-widow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f718","voted":false},"id":"spider-black-widow","links":{"self":"/api/icons/spider-black-widow"},"type":"icon"},{"attributes":{"id":"spider-web","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f719","voted":false},"id":"spider-web","links":{"self":"/api/icons/spider-web"},"type":"icon"},{"attributes":{"id":"spinner","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f110","voted":false},"id":"spinner","links":{"self":"/api/icons/spinner"},"type":"icon"},{"attributes":{"id":"spinner-third","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3f4","voted":false},"id":"spinner-third","links":{"self":"/api/icons/spinner-third"},"type":"icon"},{"attributes":{"id":"splotch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5bc","voted":false},"id":"splotch","links":{"self":"/api/icons/splotch"},"type":"icon"},{"attributes":{"id":"spotify","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1bc","voted":false},"id":"spotify","links":{"self":"/api/icons/spotify"},"type":"icon"},{"attributes":{"id":"spray-can","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5bd","voted":false},"id":"spray-can","links":{"self":"/api/icons/spray-can"},"type":"icon"},{"attributes":{"id":"sprinkler","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f935","voted":false},"id":"sprinkler","links":{"self":"/api/icons/sprinkler"},"type":"icon"},{"attributes":{"id":"square","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c8","voted":false},"id":"square","links":{"self":"/api/icons/square"},"type":"icon"},{"attributes":{"id":"square-full","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45c","voted":false},"id":"square-full","links":{"self":"/api/icons/square-full"},"type":"icon"},{"attributes":{"id":"square-root","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f697","voted":false},"id":"square-root","links":{"self":"/api/icons/square-root"},"type":"icon"},{"attributes":{"id":"square-root-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f698","voted":false},"id":"square-root-alt","links":{"self":"/api/icons/square-root-alt"},"type":"icon"},{"attributes":{"id":"squarespace","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5be","voted":true},"id":"squarespace","links":{"self":"/api/icons/squarespace"},"type":"icon"},{"attributes":{"id":"squirrel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71a","voted":false},"id":"squirrel","links":{"self":"/api/icons/squirrel"},"type":"icon"},{"attributes":{"id":"stack-exchange","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f18d","voted":false},"id":"stack-exchange","links":{"self":"/api/icons/stack-exchange"},"type":"icon"},{"attributes":{"id":"stack-overflow","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f16c","voted":false},"id":"stack-overflow","links":{"self":"/api/icons/stack-overflow"},"type":"icon"},{"attributes":{"id":"stackpath","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f842","voted":false},"id":"stackpath","links":{"self":"/api/icons/stackpath"},"type":"icon"},{"attributes":{"id":"staff","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71b","voted":false},"id":"staff","links":{"self":"/api/icons/staff"},"type":"icon"},{"attributes":{"id":"stamp","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5bf","voted":false},"id":"stamp","links":{"self":"/api/icons/stamp"},"type":"icon"},{"attributes":{"id":"star","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f005","voted":false},"id":"star","links":{"self":"/api/icons/star"},"type":"icon"},{"attributes":{"id":"star-and-crescent","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f699","voted":false},"id":"star-and-crescent","links":{"self":"/api/icons/star-and-crescent"},"type":"icon"},{"attributes":{"id":"star-christmas","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d4","voted":false},"id":"star-christmas","links":{"self":"/api/icons/star-christmas"},"type":"icon"},{"attributes":{"id":"star-exclamation","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f3","voted":false},"id":"star-exclamation","links":{"self":"/api/icons/star-exclamation"},"type":"icon"},{"attributes":{"id":"star-half","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f089","voted":false},"id":"star-half","links":{"self":"/api/icons/star-half"},"type":"icon"},{"attributes":{"id":"star-half-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c0","voted":true},"id":"star-half-alt","links":{"self":"/api/icons/star-half-alt"},"type":"icon"},{"attributes":{"id":"star-of-david","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f69a","voted":false},"id":"star-of-david","links":{"self":"/api/icons/star-of-david"},"type":"icon"},{"attributes":{"id":"star-of-life","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f621","voted":false},"id":"star-of-life","links":{"self":"/api/icons/star-of-life"},"type":"icon"},{"attributes":{"id":"star-shooting","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f936","voted":false},"id":"star-shooting","links":{"self":"/api/icons/star-shooting"},"type":"icon"},{"attributes":{"id":"starfighter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f937","voted":false},"id":"starfighter","links":{"self":"/api/icons/starfighter"},"type":"icon"},{"attributes":{"id":"starfighter-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f938","voted":false},"id":"starfighter-alt","links":{"self":"/api/icons/starfighter-alt"},"type":"icon"},{"attributes":{"id":"stars","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f762","voted":false},"id":"stars","links":{"self":"/api/icons/stars"},"type":"icon"},{"attributes":{"id":"starship","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f939","voted":false},"id":"starship","links":{"self":"/api/icons/starship"},"type":"icon"},{"attributes":{"id":"starship-freighter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93a","voted":false},"id":"starship-freighter","links":{"self":"/api/icons/starship-freighter"},"type":"icon"},{"attributes":{"id":"staylinked","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f5","voted":false},"id":"staylinked","links":{"self":"/api/icons/staylinked"},"type":"icon"},{"attributes":{"id":"steak","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f824","voted":false},"id":"steak","links":{"self":"/api/icons/steak"},"type":"icon"},{"attributes":{"id":"steam","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1b6","voted":false},"id":"steam","links":{"self":"/api/icons/steam"},"type":"icon"},{"attributes":{"id":"steam-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1b7","voted":false},"id":"steam-square","links":{"self":"/api/icons/steam-square"},"type":"icon"},{"attributes":{"id":"steam-symbol","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f6","voted":false},"id":"steam-symbol","links":{"self":"/api/icons/steam-symbol"},"type":"icon"},{"attributes":{"id":"steering-wheel","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f622","voted":false},"id":"steering-wheel","links":{"self":"/api/icons/steering-wheel"},"type":"icon"},{"attributes":{"id":"step-backward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f048","voted":false},"id":"step-backward","links":{"self":"/api/icons/step-backward"},"type":"icon"},{"attributes":{"id":"step-forward","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f051","voted":false},"id":"step-forward","links":{"self":"/api/icons/step-forward"},"type":"icon"},{"attributes":{"id":"stethoscope","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f1","voted":false},"id":"stethoscope","links":{"self":"/api/icons/stethoscope"},"type":"icon"},{"attributes":{"id":"sticker-mule","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f7","voted":false},"id":"sticker-mule","links":{"self":"/api/icons/sticker-mule"},"type":"icon"},{"attributes":{"id":"sticky-note","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f249","voted":false},"id":"sticky-note","links":{"self":"/api/icons/sticky-note"},"type":"icon"},{"attributes":{"id":"stocking","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d5","voted":false},"id":"stocking","links":{"self":"/api/icons/stocking"},"type":"icon"},{"attributes":{"id":"stomach","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f623","voted":false},"id":"stomach","links":{"self":"/api/icons/stomach"},"type":"icon"},{"attributes":{"id":"stop","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f04d","voted":false},"id":"stop","links":{"self":"/api/icons/stop"},"type":"icon"},{"attributes":{"id":"stop-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f28d","voted":false},"id":"stop-circle","links":{"self":"/api/icons/stop-circle"},"type":"icon"},{"attributes":{"id":"stopwatch","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f2","voted":false},"id":"stopwatch","links":{"self":"/api/icons/stopwatch"},"type":"icon"},{"attributes":{"id":"stopwatch-20","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f96f","voted":false},"id":"stopwatch-20","links":{"self":"/api/icons/stopwatch-20"},"type":"icon"},{"attributes":{"id":"store","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54e","voted":true},"id":"store","links":{"self":"/api/icons/store"},"type":"icon"},{"attributes":{"id":"store-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f54f","voted":true},"id":"store-alt","links":{"self":"/api/icons/store-alt"},"type":"icon"},{"attributes":{"id":"store-alt-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f970","voted":false},"id":"store-alt-slash","links":{"self":"/api/icons/store-alt-slash"},"type":"icon"},{"attributes":{"id":"store-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f971","voted":false},"id":"store-slash","links":{"self":"/api/icons/store-slash"},"type":"icon"},{"attributes":{"id":"strava","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f428","voted":false},"id":"strava","links":{"self":"/api/icons/strava"},"type":"icon"},{"attributes":{"id":"stream","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f550","voted":false},"id":"stream","links":{"self":"/api/icons/stream"},"type":"icon"},{"attributes":{"id":"street-view","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f21d","voted":false},"id":"street-view","links":{"self":"/api/icons/street-view"},"type":"icon"},{"attributes":{"id":"stretcher","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f825","voted":false},"id":"stretcher","links":{"self":"/api/icons/stretcher"},"type":"icon"},{"attributes":{"id":"strikethrough","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0cc","voted":false},"id":"strikethrough","links":{"self":"/api/icons/strikethrough"},"type":"icon"},{"attributes":{"id":"stripe","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f429","voted":false},"id":"stripe","links":{"self":"/api/icons/stripe"},"type":"icon"},{"attributes":{"id":"stripe-s","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42a","voted":false},"id":"stripe-s","links":{"self":"/api/icons/stripe-s"},"type":"icon"},{"attributes":{"id":"stroopwafel","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f551","voted":false},"id":"stroopwafel","links":{"self":"/api/icons/stroopwafel"},"type":"icon"},{"attributes":{"id":"studiovinari","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f8","voted":false},"id":"studiovinari","links":{"self":"/api/icons/studiovinari"},"type":"icon"},{"attributes":{"id":"stumbleupon","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a4","voted":false},"id":"stumbleupon","links":{"self":"/api/icons/stumbleupon"},"type":"icon"},{"attributes":{"id":"stumbleupon-circle","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1a3","voted":false},"id":"stumbleupon-circle","links":{"self":"/api/icons/stumbleupon-circle"},"type":"icon"},{"attributes":{"id":"subscript","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f12c","voted":false},"id":"subscript","links":{"self":"/api/icons/subscript"},"type":"icon"},{"attributes":{"id":"subway","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f239","voted":false},"id":"subway","links":{"self":"/api/icons/subway"},"type":"icon"},{"attributes":{"id":"suitcase","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f2","voted":false},"id":"suitcase","links":{"self":"/api/icons/suitcase"},"type":"icon"},{"attributes":{"id":"suitcase-rolling","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c1","voted":false},"id":"suitcase-rolling","links":{"self":"/api/icons/suitcase-rolling"},"type":"icon"},{"attributes":{"id":"sun","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f185","voted":false},"id":"sun","links":{"self":"/api/icons/sun"},"type":"icon"},{"attributes":{"id":"sun-cloud","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f763","voted":false},"id":"sun-cloud","links":{"self":"/api/icons/sun-cloud"},"type":"icon"},{"attributes":{"id":"sun-dust","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f764","voted":false},"id":"sun-dust","links":{"self":"/api/icons/sun-dust"},"type":"icon"},{"attributes":{"id":"sun-haze","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f765","voted":false},"id":"sun-haze","links":{"self":"/api/icons/sun-haze"},"type":"icon"},{"attributes":{"id":"sunglasses","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f892","voted":true},"id":"sunglasses","links":{"self":"/api/icons/sunglasses"},"type":"icon"},{"attributes":{"id":"sunrise","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f766","voted":false},"id":"sunrise","links":{"self":"/api/icons/sunrise"},"type":"icon"},{"attributes":{"id":"sunset","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f767","voted":false},"id":"sunset","links":{"self":"/api/icons/sunset"},"type":"icon"},{"attributes":{"id":"superpowers","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2dd","voted":false},"id":"superpowers","links":{"self":"/api/icons/superpowers"},"type":"icon"},{"attributes":{"id":"superscript","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f12b","voted":false},"id":"superscript","links":{"self":"/api/icons/superscript"},"type":"icon"},{"attributes":{"id":"supple","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3f9","voted":false},"id":"supple","links":{"self":"/api/icons/supple"},"type":"icon"},{"attributes":{"id":"surprise","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c2","voted":false},"id":"surprise","links":{"self":"/api/icons/surprise"},"type":"icon"},{"attributes":{"id":"suse","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7d6","voted":true},"id":"suse","links":{"self":"/api/icons/suse"},"type":"icon"},{"attributes":{"id":"swatchbook","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c3","voted":false},"id":"swatchbook","links":{"self":"/api/icons/swatchbook"},"type":"icon"},{"attributes":{"id":"swift","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f8e1","voted":false},"id":"swift","links":{"self":"/api/icons/swift"},"type":"icon"},{"attributes":{"id":"swimmer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c4","voted":false},"id":"swimmer","links":{"self":"/api/icons/swimmer"},"type":"icon"},{"attributes":{"id":"swimming-pool","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c5","voted":false},"id":"swimming-pool","links":{"self":"/api/icons/swimming-pool"},"type":"icon"},{"attributes":{"id":"sword","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71c","voted":false},"id":"sword","links":{"self":"/api/icons/sword"},"type":"icon"},{"attributes":{"id":"sword-laser","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93b","voted":false},"id":"sword-laser","links":{"self":"/api/icons/sword-laser"},"type":"icon"},{"attributes":{"id":"sword-laser-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93c","voted":false},"id":"sword-laser-alt","links":{"self":"/api/icons/sword-laser-alt"},"type":"icon"},{"attributes":{"id":"swords","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71d","voted":false},"id":"swords","links":{"self":"/api/icons/swords"},"type":"icon"},{"attributes":{"id":"swords-laser","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93d","voted":false},"id":"swords-laser","links":{"self":"/api/icons/swords-laser"},"type":"icon"},{"attributes":{"id":"symfony","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f83d","voted":false},"id":"symfony","links":{"self":"/api/icons/symfony"},"type":"icon"},{"attributes":{"id":"synagogue","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f69b","voted":false},"id":"synagogue","links":{"self":"/api/icons/synagogue"},"type":"icon"},{"attributes":{"id":"sync","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f021","voted":false},"id":"sync","links":{"self":"/api/icons/sync"},"type":"icon"},{"attributes":{"id":"sync-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f1","voted":false},"id":"sync-alt","links":{"self":"/api/icons/sync-alt"},"type":"icon"},{"attributes":{"id":"syringe","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48e","voted":false},"id":"syringe","links":{"self":"/api/icons/syringe"},"type":"icon"},{"attributes":{"id":"table","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ce","voted":false},"id":"table","links":{"self":"/api/icons/table"},"type":"icon"},{"attributes":{"id":"table-tennis","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45d","voted":false},"id":"table-tennis","links":{"self":"/api/icons/table-tennis"},"type":"icon"},{"attributes":{"id":"tablet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f10a","voted":false},"id":"tablet","links":{"self":"/api/icons/tablet"},"type":"icon"},{"attributes":{"id":"tablet-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3fa","voted":false},"id":"tablet-alt","links":{"self":"/api/icons/tablet-alt"},"type":"icon"},{"attributes":{"id":"tablet-android","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3fb","voted":false},"id":"tablet-android","links":{"self":"/api/icons/tablet-android"},"type":"icon"},{"attributes":{"id":"tablet-android-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3fc","voted":false},"id":"tablet-android-alt","links":{"self":"/api/icons/tablet-android-alt"},"type":"icon"},{"attributes":{"id":"tablet-rugged","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f48f","voted":false},"id":"tablet-rugged","links":{"self":"/api/icons/tablet-rugged"},"type":"icon"},{"attributes":{"id":"tablets","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f490","voted":false},"id":"tablets","links":{"self":"/api/icons/tablets"},"type":"icon"},{"attributes":{"id":"tachometer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e4","voted":false},"id":"tachometer","links":{"self":"/api/icons/tachometer"},"type":"icon"},{"attributes":{"id":"tachometer-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3fd","voted":false},"id":"tachometer-alt","links":{"self":"/api/icons/tachometer-alt"},"type":"icon"},{"attributes":{"id":"tachometer-alt-average","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f624","voted":false},"id":"tachometer-alt-average","links":{"self":"/api/icons/tachometer-alt-average"},"type":"icon"},{"attributes":{"id":"tachometer-alt-fast","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f625","voted":false},"id":"tachometer-alt-fast","links":{"self":"/api/icons/tachometer-alt-fast"},"type":"icon"},{"attributes":{"id":"tachometer-alt-fastest","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f626","voted":false},"id":"tachometer-alt-fastest","links":{"self":"/api/icons/tachometer-alt-fastest"},"type":"icon"},{"attributes":{"id":"tachometer-alt-slow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f627","voted":false},"id":"tachometer-alt-slow","links":{"self":"/api/icons/tachometer-alt-slow"},"type":"icon"},{"attributes":{"id":"tachometer-alt-slowest","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f628","voted":false},"id":"tachometer-alt-slowest","links":{"self":"/api/icons/tachometer-alt-slowest"},"type":"icon"},{"attributes":{"id":"tachometer-average","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f629","voted":false},"id":"tachometer-average","links":{"self":"/api/icons/tachometer-average"},"type":"icon"},{"attributes":{"id":"tachometer-fast","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62a","voted":false},"id":"tachometer-fast","links":{"self":"/api/icons/tachometer-fast"},"type":"icon"},{"attributes":{"id":"tachometer-fastest","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62b","voted":false},"id":"tachometer-fastest","links":{"self":"/api/icons/tachometer-fastest"},"type":"icon"},{"attributes":{"id":"tachometer-slow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62c","voted":false},"id":"tachometer-slow","links":{"self":"/api/icons/tachometer-slow"},"type":"icon"},{"attributes":{"id":"tachometer-slowest","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62d","voted":false},"id":"tachometer-slowest","links":{"self":"/api/icons/tachometer-slowest"},"type":"icon"},{"attributes":{"id":"taco","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f826","voted":false},"id":"taco","links":{"self":"/api/icons/taco"},"type":"icon"},{"attributes":{"id":"tag","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02b","voted":false},"id":"tag","links":{"self":"/api/icons/tag"},"type":"icon"},{"attributes":{"id":"tags","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f02c","voted":false},"id":"tags","links":{"self":"/api/icons/tags"},"type":"icon"},{"attributes":{"id":"tally","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f69c","voted":false},"id":"tally","links":{"self":"/api/icons/tally"},"type":"icon"},{"attributes":{"id":"tanakh","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f827","voted":false},"id":"tanakh","links":{"self":"/api/icons/tanakh"},"type":"icon"},{"attributes":{"id":"tape","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4db","voted":false},"id":"tape","links":{"self":"/api/icons/tape"},"type":"icon"},{"attributes":{"id":"tasks","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ae","voted":false},"id":"tasks","links":{"self":"/api/icons/tasks"},"type":"icon"},{"attributes":{"id":"tasks-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f828","voted":false},"id":"tasks-alt","links":{"self":"/api/icons/tasks-alt"},"type":"icon"},{"attributes":{"id":"taxi","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1ba","voted":false},"id":"taxi","links":{"self":"/api/icons/taxi"},"type":"icon"},{"attributes":{"id":"teamspeak","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f4f9","voted":true},"id":"teamspeak","links":{"self":"/api/icons/teamspeak"},"type":"icon"},{"attributes":{"id":"teeth","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62e","voted":false},"id":"teeth","links":{"self":"/api/icons/teeth"},"type":"icon"},{"attributes":{"id":"teeth-open","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f62f","voted":false},"id":"teeth-open","links":{"self":"/api/icons/teeth-open"},"type":"icon"},{"attributes":{"id":"telegram","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2c6","voted":false},"id":"telegram","links":{"self":"/api/icons/telegram"},"type":"icon"},{"attributes":{"id":"telegram-plane","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3fe","voted":false},"id":"telegram-plane","links":{"self":"/api/icons/telegram-plane"},"type":"icon"},{"attributes":{"id":"telescope","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93e","voted":false},"id":"telescope","links":{"self":"/api/icons/telescope"},"type":"icon"},{"attributes":{"id":"temperature-down","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f93f","voted":false},"id":"temperature-down","links":{"self":"/api/icons/temperature-down"},"type":"icon"},{"attributes":{"id":"temperature-frigid","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f768","voted":false},"id":"temperature-frigid","links":{"self":"/api/icons/temperature-frigid"},"type":"icon"},{"attributes":{"id":"temperature-high","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f769","voted":false},"id":"temperature-high","links":{"self":"/api/icons/temperature-high"},"type":"icon"},{"attributes":{"id":"temperature-hot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76a","voted":false},"id":"temperature-hot","links":{"self":"/api/icons/temperature-hot"},"type":"icon"},{"attributes":{"id":"temperature-low","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76b","voted":false},"id":"temperature-low","links":{"self":"/api/icons/temperature-low"},"type":"icon"},{"attributes":{"id":"temperature-up","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f940","voted":false},"id":"temperature-up","links":{"self":"/api/icons/temperature-up"},"type":"icon"},{"attributes":{"id":"tencent-weibo","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d5","voted":false},"id":"tencent-weibo","links":{"self":"/api/icons/tencent-weibo"},"type":"icon"},{"attributes":{"id":"tenge","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d7","voted":true},"id":"tenge","links":{"self":"/api/icons/tenge"},"type":"icon"},{"attributes":{"id":"tennis-ball","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45e","voted":false},"id":"tennis-ball","links":{"self":"/api/icons/tennis-ball"},"type":"icon"},{"attributes":{"id":"terminal","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f120","voted":false},"id":"terminal","links":{"self":"/api/icons/terminal"},"type":"icon"},{"attributes":{"id":"text","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f893","voted":false},"id":"text","links":{"self":"/api/icons/text"},"type":"icon"},{"attributes":{"id":"text-height","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f034","voted":false},"id":"text-height","links":{"self":"/api/icons/text-height"},"type":"icon"},{"attributes":{"id":"text-size","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f894","voted":false},"id":"text-size","links":{"self":"/api/icons/text-size"},"type":"icon"},{"attributes":{"id":"text-width","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f035","voted":false},"id":"text-width","links":{"self":"/api/icons/text-width"},"type":"icon"},{"attributes":{"id":"th","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f00a","voted":false},"id":"th","links":{"self":"/api/icons/th"},"type":"icon"},{"attributes":{"id":"th-large","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f009","voted":false},"id":"th-large","links":{"self":"/api/icons/th-large"},"type":"icon"},{"attributes":{"id":"th-list","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f00b","voted":false},"id":"th-list","links":{"self":"/api/icons/th-list"},"type":"icon"},{"attributes":{"id":"the-red-yeti","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f69d","voted":false},"id":"the-red-yeti","links":{"self":"/api/icons/the-red-yeti"},"type":"icon"},{"attributes":{"id":"theater-masks","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f630","voted":false},"id":"theater-masks","links":{"self":"/api/icons/theater-masks"},"type":"icon"},{"attributes":{"id":"themeco","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5c6","voted":false},"id":"themeco","links":{"self":"/api/icons/themeco"},"type":"icon"},{"attributes":{"id":"themeisle","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b2","voted":false},"id":"themeisle","links":{"self":"/api/icons/themeisle"},"type":"icon"},{"attributes":{"id":"thermometer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f491","voted":false},"id":"thermometer","links":{"self":"/api/icons/thermometer"},"type":"icon"},{"attributes":{"id":"thermometer-empty","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2cb","voted":false},"id":"thermometer-empty","links":{"self":"/api/icons/thermometer-empty"},"type":"icon"},{"attributes":{"id":"thermometer-full","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2c7","voted":false},"id":"thermometer-full","links":{"self":"/api/icons/thermometer-full"},"type":"icon"},{"attributes":{"id":"thermometer-half","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2c9","voted":false},"id":"thermometer-half","links":{"self":"/api/icons/thermometer-half"},"type":"icon"},{"attributes":{"id":"thermometer-quarter","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ca","voted":false},"id":"thermometer-quarter","links":{"self":"/api/icons/thermometer-quarter"},"type":"icon"},{"attributes":{"id":"thermometer-three-quarters","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2c8","voted":false},"id":"thermometer-three-quarters","links":{"self":"/api/icons/thermometer-three-quarters"},"type":"icon"},{"attributes":{"id":"theta","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f69e","voted":false},"id":"theta","links":{"self":"/api/icons/theta"},"type":"icon"},{"attributes":{"id":"think-peaks","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f731","voted":false},"id":"think-peaks","links":{"self":"/api/icons/think-peaks"},"type":"icon"},{"attributes":{"id":"thumbs-down","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f165","voted":false},"id":"thumbs-down","links":{"self":"/api/icons/thumbs-down"},"type":"icon"},{"attributes":{"id":"thumbs-up","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f164","voted":false},"id":"thumbs-up","links":{"self":"/api/icons/thumbs-up"},"type":"icon"},{"attributes":{"id":"thumbtack","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f08d","voted":false},"id":"thumbtack","links":{"self":"/api/icons/thumbtack"},"type":"icon"},{"attributes":{"id":"thunderstorm","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76c","voted":false},"id":"thunderstorm","links":{"self":"/api/icons/thunderstorm"},"type":"icon"},{"attributes":{"id":"thunderstorm-moon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76d","voted":false},"id":"thunderstorm-moon","links":{"self":"/api/icons/thunderstorm-moon"},"type":"icon"},{"attributes":{"id":"thunderstorm-sun","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76e","voted":false},"id":"thunderstorm-sun","links":{"self":"/api/icons/thunderstorm-sun"},"type":"icon"},{"attributes":{"id":"ticket","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f145","voted":false},"id":"ticket","links":{"self":"/api/icons/ticket"},"type":"icon"},{"attributes":{"id":"ticket-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f3ff","voted":false},"id":"ticket-alt","links":{"self":"/api/icons/ticket-alt"},"type":"icon"},{"attributes":{"id":"tilde","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f69f","voted":false},"id":"tilde","links":{"self":"/api/icons/tilde"},"type":"icon"},{"attributes":{"id":"times","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f00d","voted":false},"id":"times","links":{"self":"/api/icons/times"},"type":"icon"},{"attributes":{"id":"times-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f057","voted":false},"id":"times-circle","links":{"self":"/api/icons/times-circle"},"type":"icon"},{"attributes":{"id":"times-hexagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ee","voted":false},"id":"times-hexagon","links":{"self":"/api/icons/times-hexagon"},"type":"icon"},{"attributes":{"id":"times-octagon","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2f0","voted":false},"id":"times-octagon","links":{"self":"/api/icons/times-octagon"},"type":"icon"},{"attributes":{"id":"times-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2d3","voted":false},"id":"times-square","links":{"self":"/api/icons/times-square"},"type":"icon"},{"attributes":{"id":"tint","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f043","voted":false},"id":"tint","links":{"self":"/api/icons/tint"},"type":"icon"},{"attributes":{"id":"tint-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c7","voted":false},"id":"tint-slash","links":{"self":"/api/icons/tint-slash"},"type":"icon"},{"attributes":{"id":"tire","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f631","voted":false},"id":"tire","links":{"self":"/api/icons/tire"},"type":"icon"},{"attributes":{"id":"tire-flat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f632","voted":false},"id":"tire-flat","links":{"self":"/api/icons/tire-flat"},"type":"icon"},{"attributes":{"id":"tire-pressure-warning","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f633","voted":false},"id":"tire-pressure-warning","links":{"self":"/api/icons/tire-pressure-warning"},"type":"icon"},{"attributes":{"id":"tire-rugged","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f634","voted":false},"id":"tire-rugged","links":{"self":"/api/icons/tire-rugged"},"type":"icon"},{"attributes":{"id":"tired","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c8","voted":false},"id":"tired","links":{"self":"/api/icons/tired"},"type":"icon"},{"attributes":{"id":"toggle-off","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f204","voted":false},"id":"toggle-off","links":{"self":"/api/icons/toggle-off"},"type":"icon"},{"attributes":{"id":"toggle-on","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f205","voted":false},"id":"toggle-on","links":{"self":"/api/icons/toggle-on"},"type":"icon"},{"attributes":{"id":"toilet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d8","voted":true},"id":"toilet","links":{"self":"/api/icons/toilet"},"type":"icon"},{"attributes":{"id":"toilet-paper","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71e","voted":false},"id":"toilet-paper","links":{"self":"/api/icons/toilet-paper"},"type":"icon"},{"attributes":{"id":"toilet-paper-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f71f","voted":false},"id":"toilet-paper-alt","links":{"self":"/api/icons/toilet-paper-alt"},"type":"icon"},{"attributes":{"id":"toilet-paper-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f972","voted":false},"id":"toilet-paper-slash","links":{"self":"/api/icons/toilet-paper-slash"},"type":"icon"},{"attributes":{"id":"tombstone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f720","voted":false},"id":"tombstone","links":{"self":"/api/icons/tombstone"},"type":"icon"},{"attributes":{"id":"tombstone-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f721","voted":false},"id":"tombstone-alt","links":{"self":"/api/icons/tombstone-alt"},"type":"icon"},{"attributes":{"id":"toolbox","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f552","voted":true},"id":"toolbox","links":{"self":"/api/icons/toolbox"},"type":"icon"},{"attributes":{"id":"tools","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7d9","voted":true},"id":"tools","links":{"self":"/api/icons/tools"},"type":"icon"},{"attributes":{"id":"tooth","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5c9","voted":true},"id":"tooth","links":{"self":"/api/icons/tooth"},"type":"icon"},{"attributes":{"id":"toothbrush","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f635","voted":false},"id":"toothbrush","links":{"self":"/api/icons/toothbrush"},"type":"icon"},{"attributes":{"id":"torah","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a0","voted":false},"id":"torah","links":{"self":"/api/icons/torah"},"type":"icon"},{"attributes":{"id":"torii-gate","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a1","voted":false},"id":"torii-gate","links":{"self":"/api/icons/torii-gate"},"type":"icon"},{"attributes":{"id":"tornado","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f76f","voted":false},"id":"tornado","links":{"self":"/api/icons/tornado"},"type":"icon"},{"attributes":{"id":"tractor","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f722","voted":false},"id":"tractor","links":{"self":"/api/icons/tractor"},"type":"icon"},{"attributes":{"id":"trade-federation","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f513","voted":false},"id":"trade-federation","links":{"self":"/api/icons/trade-federation"},"type":"icon"},{"attributes":{"id":"trademark","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f25c","voted":false},"id":"trademark","links":{"self":"/api/icons/trademark"},"type":"icon"},{"attributes":{"id":"traffic-cone","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f636","voted":false},"id":"traffic-cone","links":{"self":"/api/icons/traffic-cone"},"type":"icon"},{"attributes":{"id":"traffic-light","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f637","voted":false},"id":"traffic-light","links":{"self":"/api/icons/traffic-light"},"type":"icon"},{"attributes":{"id":"traffic-light-go","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f638","voted":false},"id":"traffic-light-go","links":{"self":"/api/icons/traffic-light-go"},"type":"icon"},{"attributes":{"id":"traffic-light-slow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f639","voted":false},"id":"traffic-light-slow","links":{"self":"/api/icons/traffic-light-slow"},"type":"icon"},{"attributes":{"id":"traffic-light-stop","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f63a","voted":false},"id":"traffic-light-stop","links":{"self":"/api/icons/traffic-light-stop"},"type":"icon"},{"attributes":{"id":"trailer","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f941","voted":true},"id":"trailer","links":{"self":"/api/icons/trailer"},"type":"icon"},{"attributes":{"id":"train","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f238","voted":false},"id":"train","links":{"self":"/api/icons/train"},"type":"icon"},{"attributes":{"id":"tram","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7da","voted":false},"id":"tram","links":{"self":"/api/icons/tram"},"type":"icon"},{"attributes":{"id":"transgender","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f224","voted":false},"id":"transgender","links":{"self":"/api/icons/transgender"},"type":"icon"},{"attributes":{"id":"transgender-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f225","voted":false},"id":"transgender-alt","links":{"self":"/api/icons/transgender-alt"},"type":"icon"},{"attributes":{"id":"transporter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f942","voted":false},"id":"transporter","links":{"self":"/api/icons/transporter"},"type":"icon"},{"attributes":{"id":"transporter-1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f943","voted":false},"id":"transporter-1","links":{"self":"/api/icons/transporter-1"},"type":"icon"},{"attributes":{"id":"transporter-2","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f944","voted":false},"id":"transporter-2","links":{"self":"/api/icons/transporter-2"},"type":"icon"},{"attributes":{"id":"transporter-3","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f945","voted":false},"id":"transporter-3","links":{"self":"/api/icons/transporter-3"},"type":"icon"},{"attributes":{"id":"transporter-empty","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f946","voted":false},"id":"transporter-empty","links":{"self":"/api/icons/transporter-empty"},"type":"icon"},{"attributes":{"id":"trash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1f8","voted":false},"id":"trash","links":{"self":"/api/icons/trash"},"type":"icon"},{"attributes":{"id":"trash-alt","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ed","voted":false},"id":"trash-alt","links":{"self":"/api/icons/trash-alt"},"type":"icon"},{"attributes":{"id":"trash-restore","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f829","voted":true},"id":"trash-restore","links":{"self":"/api/icons/trash-restore"},"type":"icon"},{"attributes":{"id":"trash-restore-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82a","voted":true},"id":"trash-restore-alt","links":{"self":"/api/icons/trash-restore-alt"},"type":"icon"},{"attributes":{"id":"trash-undo","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f895","voted":true},"id":"trash-undo","links":{"self":"/api/icons/trash-undo"},"type":"icon"},{"attributes":{"id":"trash-undo-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f896","voted":false},"id":"trash-undo-alt","links":{"self":"/api/icons/trash-undo-alt"},"type":"icon"},{"attributes":{"id":"treasure-chest","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f723","voted":false},"id":"treasure-chest","links":{"self":"/api/icons/treasure-chest"},"type":"icon"},{"attributes":{"id":"tree","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1bb","voted":false},"id":"tree","links":{"self":"/api/icons/tree"},"type":"icon"},{"attributes":{"id":"tree-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f400","voted":false},"id":"tree-alt","links":{"self":"/api/icons/tree-alt"},"type":"icon"},{"attributes":{"id":"tree-christmas","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7db","voted":false},"id":"tree-christmas","links":{"self":"/api/icons/tree-christmas"},"type":"icon"},{"attributes":{"id":"tree-decorated","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7dc","voted":false},"id":"tree-decorated","links":{"self":"/api/icons/tree-decorated"},"type":"icon"},{"attributes":{"id":"tree-large","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7dd","voted":false},"id":"tree-large","links":{"self":"/api/icons/tree-large"},"type":"icon"},{"attributes":{"id":"tree-palm","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82b","voted":false},"id":"tree-palm","links":{"self":"/api/icons/tree-palm"},"type":"icon"},{"attributes":{"id":"trees","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f724","voted":false},"id":"trees","links":{"self":"/api/icons/trees"},"type":"icon"},{"attributes":{"id":"trello","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f181","voted":false},"id":"trello","links":{"self":"/api/icons/trello"},"type":"icon"},{"attributes":{"id":"triangle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ec","voted":false},"id":"triangle","links":{"self":"/api/icons/triangle"},"type":"icon"},{"attributes":{"id":"triangle-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e2","voted":false},"id":"triangle-music","links":{"self":"/api/icons/triangle-music"},"type":"icon"},{"attributes":{"id":"tripadvisor","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f262","voted":false},"id":"tripadvisor","links":{"self":"/api/icons/tripadvisor"},"type":"icon"},{"attributes":{"id":"trophy","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f091","voted":false},"id":"trophy","links":{"self":"/api/icons/trophy"},"type":"icon"},{"attributes":{"id":"trophy-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2eb","voted":false},"id":"trophy-alt","links":{"self":"/api/icons/trophy-alt"},"type":"icon"},{"attributes":{"id":"truck","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0d1","voted":false},"id":"truck","links":{"self":"/api/icons/truck"},"type":"icon"},{"attributes":{"id":"truck-container","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4dc","voted":false},"id":"truck-container","links":{"self":"/api/icons/truck-container"},"type":"icon"},{"attributes":{"id":"truck-couch","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4dd","voted":false},"id":"truck-couch","links":{"self":"/api/icons/truck-couch"},"type":"icon"},{"attributes":{"id":"truck-loading","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4de","voted":false},"id":"truck-loading","links":{"self":"/api/icons/truck-loading"},"type":"icon"},{"attributes":{"id":"truck-monster","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f63b","voted":false},"id":"truck-monster","links":{"self":"/api/icons/truck-monster"},"type":"icon"},{"attributes":{"id":"truck-moving","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4df","voted":false},"id":"truck-moving","links":{"self":"/api/icons/truck-moving"},"type":"icon"},{"attributes":{"id":"truck-pickup","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f63c","voted":false},"id":"truck-pickup","links":{"self":"/api/icons/truck-pickup"},"type":"icon"},{"attributes":{"id":"truck-plow","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7de","voted":false},"id":"truck-plow","links":{"self":"/api/icons/truck-plow"},"type":"icon"},{"attributes":{"id":"truck-ramp","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4e0","voted":false},"id":"truck-ramp","links":{"self":"/api/icons/truck-ramp"},"type":"icon"},{"attributes":{"id":"trumpet","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e3","voted":false},"id":"trumpet","links":{"self":"/api/icons/trumpet"},"type":"icon"},{"attributes":{"id":"tshirt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f553","voted":true},"id":"tshirt","links":{"self":"/api/icons/tshirt"},"type":"icon"},{"attributes":{"id":"tty","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1e4","voted":false},"id":"tty","links":{"self":"/api/icons/tty"},"type":"icon"},{"attributes":{"id":"tumblr","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f173","voted":false},"id":"tumblr","links":{"self":"/api/icons/tumblr"},"type":"icon"},{"attributes":{"id":"tumblr-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f174","voted":false},"id":"tumblr-square","links":{"self":"/api/icons/tumblr-square"},"type":"icon"},{"attributes":{"id":"turkey","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f725","voted":false},"id":"turkey","links":{"self":"/api/icons/turkey"},"type":"icon"},{"attributes":{"id":"turntable","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e4","voted":false},"id":"turntable","links":{"self":"/api/icons/turntable"},"type":"icon"},{"attributes":{"id":"turtle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f726","voted":true},"id":"turtle","links":{"self":"/api/icons/turtle"},"type":"icon"},{"attributes":{"id":"tv","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f26c","voted":false},"id":"tv","links":{"self":"/api/icons/tv"},"type":"icon"},{"attributes":{"id":"tv-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e5","voted":false},"id":"tv-alt","links":{"self":"/api/icons/tv-alt"},"type":"icon"},{"attributes":{"id":"tv-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e6","voted":false},"id":"tv-music","links":{"self":"/api/icons/tv-music"},"type":"icon"},{"attributes":{"id":"tv-retro","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f401","voted":true},"id":"tv-retro","links":{"self":"/api/icons/tv-retro"},"type":"icon"},{"attributes":{"id":"twitch","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1e8","voted":false},"id":"twitch","links":{"self":"/api/icons/twitch"},"type":"icon"},{"attributes":{"id":"twitter","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f099","voted":false},"id":"twitter","links":{"self":"/api/icons/twitter"},"type":"icon"},{"attributes":{"id":"twitter-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f081","voted":false},"id":"twitter-square","links":{"self":"/api/icons/twitter-square"},"type":"icon"},{"attributes":{"id":"typewriter","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e7","voted":false},"id":"typewriter","links":{"self":"/api/icons/typewriter"},"type":"icon"},{"attributes":{"id":"typo3","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f42b","voted":false},"id":"typo3","links":{"self":"/api/icons/typo3"},"type":"icon"},{"attributes":{"id":"uber","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f402","voted":false},"id":"uber","links":{"self":"/api/icons/uber"},"type":"icon"},{"attributes":{"id":"ubuntu","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7df","voted":true},"id":"ubuntu","links":{"self":"/api/icons/ubuntu"},"type":"icon"},{"attributes":{"id":"ufo","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f947","voted":false},"id":"ufo","links":{"self":"/api/icons/ufo"},"type":"icon"},{"attributes":{"id":"ufo-beam","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f948","voted":false},"id":"ufo-beam","links":{"self":"/api/icons/ufo-beam"},"type":"icon"},{"attributes":{"id":"uikit","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f403","voted":false},"id":"uikit","links":{"self":"/api/icons/uikit"},"type":"icon"},{"attributes":{"id":"umbraco","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f8e8","voted":false},"id":"umbraco","links":{"self":"/api/icons/umbraco"},"type":"icon"},{"attributes":{"id":"umbrella","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e9","voted":false},"id":"umbrella","links":{"self":"/api/icons/umbrella"},"type":"icon"},{"attributes":{"id":"umbrella-beach","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ca","voted":false},"id":"umbrella-beach","links":{"self":"/api/icons/umbrella-beach"},"type":"icon"},{"attributes":{"id":"underline","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0cd","voted":false},"id":"underline","links":{"self":"/api/icons/underline"},"type":"icon"},{"attributes":{"id":"undo","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0e2","voted":false},"id":"undo","links":{"self":"/api/icons/undo"},"type":"icon"},{"attributes":{"id":"undo-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2ea","voted":false},"id":"undo-alt","links":{"self":"/api/icons/undo-alt"},"type":"icon"},{"attributes":{"id":"unicorn","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f727","voted":true},"id":"unicorn","links":{"self":"/api/icons/unicorn"},"type":"icon"},{"attributes":{"id":"union","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a2","voted":false},"id":"union","links":{"self":"/api/icons/union"},"type":"icon"},{"attributes":{"id":"uniregistry","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f404","voted":false},"id":"uniregistry","links":{"self":"/api/icons/uniregistry"},"type":"icon"},{"attributes":{"id":"unity","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f949","voted":true},"id":"unity","links":{"self":"/api/icons/unity"},"type":"icon"},{"attributes":{"id":"universal-access","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f29a","voted":false},"id":"universal-access","links":{"self":"/api/icons/universal-access"},"type":"icon"},{"attributes":{"id":"university","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f19c","voted":false},"id":"university","links":{"self":"/api/icons/university"},"type":"icon"},{"attributes":{"id":"unlink","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f127","voted":false},"id":"unlink","links":{"self":"/api/icons/unlink"},"type":"icon"},{"attributes":{"id":"unlock","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f09c","voted":false},"id":"unlock","links":{"self":"/api/icons/unlock"},"type":"icon"},{"attributes":{"id":"unlock-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f13e","voted":false},"id":"unlock-alt","links":{"self":"/api/icons/unlock-alt"},"type":"icon"},{"attributes":{"id":"untappd","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f405","voted":false},"id":"untappd","links":{"self":"/api/icons/untappd"},"type":"icon"},{"attributes":{"id":"upload","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f093","voted":false},"id":"upload","links":{"self":"/api/icons/upload"},"type":"icon"},{"attributes":{"id":"ups","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7e0","voted":false},"id":"ups","links":{"self":"/api/icons/ups"},"type":"icon"},{"attributes":{"id":"usb","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f287","voted":false},"id":"usb","links":{"self":"/api/icons/usb"},"type":"icon"},{"attributes":{"id":"usb-drive","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8e9","voted":false},"id":"usb-drive","links":{"self":"/api/icons/usb-drive"},"type":"icon"},{"attributes":{"id":"usd-circle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e8","voted":false},"id":"usd-circle","links":{"self":"/api/icons/usd-circle"},"type":"icon"},{"attributes":{"id":"usd-square","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e9","voted":false},"id":"usd-square","links":{"self":"/api/icons/usd-square"},"type":"icon"},{"attributes":{"id":"user","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f007","voted":false},"id":"user","links":{"self":"/api/icons/user"},"type":"icon"},{"attributes":{"id":"user-alien","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94a","voted":false},"id":"user-alien","links":{"self":"/api/icons/user-alien"},"type":"icon"},{"attributes":{"id":"user-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f406","voted":false},"id":"user-alt","links":{"self":"/api/icons/user-alt"},"type":"icon"},{"attributes":{"id":"user-alt-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4fa","voted":false},"id":"user-alt-slash","links":{"self":"/api/icons/user-alt-slash"},"type":"icon"},{"attributes":{"id":"user-astronaut","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4fb","voted":false},"id":"user-astronaut","links":{"self":"/api/icons/user-astronaut"},"type":"icon"},{"attributes":{"id":"user-chart","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a3","voted":false},"id":"user-chart","links":{"self":"/api/icons/user-chart"},"type":"icon"},{"attributes":{"id":"user-check","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4fc","voted":false},"id":"user-check","links":{"self":"/api/icons/user-check"},"type":"icon"},{"attributes":{"id":"user-circle","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2bd","voted":false},"id":"user-circle","links":{"self":"/api/icons/user-circle"},"type":"icon"},{"attributes":{"id":"user-clock","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4fd","voted":false},"id":"user-clock","links":{"self":"/api/icons/user-clock"},"type":"icon"},{"attributes":{"id":"user-cog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4fe","voted":false},"id":"user-cog","links":{"self":"/api/icons/user-cog"},"type":"icon"},{"attributes":{"id":"user-cowboy","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8ea","voted":false},"id":"user-cowboy","links":{"self":"/api/icons/user-cowboy"},"type":"icon"},{"attributes":{"id":"user-crown","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a4","voted":false},"id":"user-crown","links":{"self":"/api/icons/user-crown"},"type":"icon"},{"attributes":{"id":"user-edit","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4ff","voted":false},"id":"user-edit","links":{"self":"/api/icons/user-edit"},"type":"icon"},{"attributes":{"id":"user-friends","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f500","voted":false},"id":"user-friends","links":{"self":"/api/icons/user-friends"},"type":"icon"},{"attributes":{"id":"user-graduate","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f501","voted":false},"id":"user-graduate","links":{"self":"/api/icons/user-graduate"},"type":"icon"},{"attributes":{"id":"user-hard-hat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82c","voted":false},"id":"user-hard-hat","links":{"self":"/api/icons/user-hard-hat"},"type":"icon"},{"attributes":{"id":"user-headset","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82d","voted":true},"id":"user-headset","links":{"self":"/api/icons/user-headset"},"type":"icon"},{"attributes":{"id":"user-injured","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f728","voted":false},"id":"user-injured","links":{"self":"/api/icons/user-injured"},"type":"icon"},{"attributes":{"id":"user-lock","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f502","voted":false},"id":"user-lock","links":{"self":"/api/icons/user-lock"},"type":"icon"},{"attributes":{"id":"user-md","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0f0","voted":false},"id":"user-md","links":{"self":"/api/icons/user-md"},"type":"icon"},{"attributes":{"id":"user-md-chat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82e","voted":false},"id":"user-md-chat","links":{"self":"/api/icons/user-md-chat"},"type":"icon"},{"attributes":{"id":"user-minus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f503","voted":false},"id":"user-minus","links":{"self":"/api/icons/user-minus"},"type":"icon"},{"attributes":{"id":"user-music","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8eb","voted":false},"id":"user-music","links":{"self":"/api/icons/user-music"},"type":"icon"},{"attributes":{"id":"user-ninja","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f504","voted":false},"id":"user-ninja","links":{"self":"/api/icons/user-ninja"},"type":"icon"},{"attributes":{"id":"user-nurse","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f82f","voted":false},"id":"user-nurse","links":{"self":"/api/icons/user-nurse"},"type":"icon"},{"attributes":{"id":"user-plus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f234","voted":false},"id":"user-plus","links":{"self":"/api/icons/user-plus"},"type":"icon"},{"attributes":{"id":"user-robot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94b","voted":false},"id":"user-robot","links":{"self":"/api/icons/user-robot"},"type":"icon"},{"attributes":{"id":"user-secret","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f21b","voted":false},"id":"user-secret","links":{"self":"/api/icons/user-secret"},"type":"icon"},{"attributes":{"id":"user-shield","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f505","voted":false},"id":"user-shield","links":{"self":"/api/icons/user-shield"},"type":"icon"},{"attributes":{"id":"user-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f506","voted":false},"id":"user-slash","links":{"self":"/api/icons/user-slash"},"type":"icon"},{"attributes":{"id":"user-tag","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f507","voted":false},"id":"user-tag","links":{"self":"/api/icons/user-tag"},"type":"icon"},{"attributes":{"id":"user-tie","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f508","voted":false},"id":"user-tie","links":{"self":"/api/icons/user-tie"},"type":"icon"},{"attributes":{"id":"user-times","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f235","voted":false},"id":"user-times","links":{"self":"/api/icons/user-times"},"type":"icon"},{"attributes":{"id":"user-unlock","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f958","voted":false},"id":"user-unlock","links":{"self":"/api/icons/user-unlock"},"type":"icon"},{"attributes":{"id":"user-visor","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94c","voted":false},"id":"user-visor","links":{"self":"/api/icons/user-visor"},"type":"icon"},{"attributes":{"id":"users","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0c0","voted":false},"id":"users","links":{"self":"/api/icons/users"},"type":"icon"},{"attributes":{"id":"users-class","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f63d","voted":false},"id":"users-class","links":{"self":"/api/icons/users-class"},"type":"icon"},{"attributes":{"id":"users-cog","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f509","voted":false},"id":"users-cog","links":{"self":"/api/icons/users-cog"},"type":"icon"},{"attributes":{"id":"users-crown","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a5","voted":false},"id":"users-crown","links":{"self":"/api/icons/users-crown"},"type":"icon"},{"attributes":{"id":"users-medical","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f830","voted":false},"id":"users-medical","links":{"self":"/api/icons/users-medical"},"type":"icon"},{"attributes":{"id":"users-slash","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f973","voted":false},"id":"users-slash","links":{"self":"/api/icons/users-slash"},"type":"icon"},{"attributes":{"id":"usps","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7e1","voted":false},"id":"usps","links":{"self":"/api/icons/usps"},"type":"icon"},{"attributes":{"id":"ussunnah","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f407","voted":false},"id":"ussunnah","links":{"self":"/api/icons/ussunnah"},"type":"icon"},{"attributes":{"id":"utensil-fork","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e3","voted":false},"id":"utensil-fork","links":{"self":"/api/icons/utensil-fork"},"type":"icon"},{"attributes":{"id":"utensil-knife","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e4","voted":false},"id":"utensil-knife","links":{"self":"/api/icons/utensil-knife"},"type":"icon"},{"attributes":{"id":"utensil-spoon","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e5","voted":false},"id":"utensil-spoon","links":{"self":"/api/icons/utensil-spoon"},"type":"icon"},{"attributes":{"id":"utensils","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e7","voted":false},"id":"utensils","links":{"self":"/api/icons/utensils"},"type":"icon"},{"attributes":{"id":"utensils-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e6","voted":false},"id":"utensils-alt","links":{"self":"/api/icons/utensils-alt"},"type":"icon"},{"attributes":{"id":"vaadin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f408","voted":false},"id":"vaadin","links":{"self":"/api/icons/vaadin"},"type":"icon"},{"attributes":{"id":"vacuum","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94d","voted":false},"id":"vacuum","links":{"self":"/api/icons/vacuum"},"type":"icon"},{"attributes":{"id":"vacuum-robot","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94e","voted":false},"id":"vacuum-robot","links":{"self":"/api/icons/vacuum-robot"},"type":"icon"},{"attributes":{"id":"value-absolute","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a6","voted":false},"id":"value-absolute","links":{"self":"/api/icons/value-absolute"},"type":"icon"},{"attributes":{"id":"vector-square","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5cb","voted":false},"id":"vector-square","links":{"self":"/api/icons/vector-square"},"type":"icon"},{"attributes":{"id":"venus","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f221","voted":false},"id":"venus","links":{"self":"/api/icons/venus"},"type":"icon"},{"attributes":{"id":"venus-double","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f226","voted":false},"id":"venus-double","links":{"self":"/api/icons/venus-double"},"type":"icon"},{"attributes":{"id":"venus-mars","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f228","voted":false},"id":"venus-mars","links":{"self":"/api/icons/venus-mars"},"type":"icon"},{"attributes":{"id":"vhs","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ec","voted":false},"id":"vhs","links":{"self":"/api/icons/vhs"},"type":"icon"},{"attributes":{"id":"viacoin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f237","voted":false},"id":"viacoin","links":{"self":"/api/icons/viacoin"},"type":"icon"},{"attributes":{"id":"viadeo","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2a9","voted":false},"id":"viadeo","links":{"self":"/api/icons/viadeo"},"type":"icon"},{"attributes":{"id":"viadeo-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2aa","voted":false},"id":"viadeo-square","links":{"self":"/api/icons/viadeo-square"},"type":"icon"},{"attributes":{"id":"vial","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f492","voted":false},"id":"vial","links":{"self":"/api/icons/vial"},"type":"icon"},{"attributes":{"id":"vials","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f493","voted":false},"id":"vials","links":{"self":"/api/icons/vials"},"type":"icon"},{"attributes":{"id":"viber","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f409","voted":false},"id":"viber","links":{"self":"/api/icons/viber"},"type":"icon"},{"attributes":{"id":"video","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f03d","voted":false},"id":"video","links":{"self":"/api/icons/video"},"type":"icon"},{"attributes":{"id":"video-plus","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4e1","voted":false},"id":"video-plus","links":{"self":"/api/icons/video-plus"},"type":"icon"},{"attributes":{"id":"video-slash","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4e2","voted":false},"id":"video-slash","links":{"self":"/api/icons/video-slash"},"type":"icon"},{"attributes":{"id":"vihara","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a7","voted":false},"id":"vihara","links":{"self":"/api/icons/vihara"},"type":"icon"},{"attributes":{"id":"vimeo","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f40a","voted":false},"id":"vimeo","links":{"self":"/api/icons/vimeo"},"type":"icon"},{"attributes":{"id":"vimeo-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f194","voted":false},"id":"vimeo-square","links":{"self":"/api/icons/vimeo-square"},"type":"icon"},{"attributes":{"id":"vimeo-v","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f27d","voted":false},"id":"vimeo-v","links":{"self":"/api/icons/vimeo-v"},"type":"icon"},{"attributes":{"id":"vine","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1ca","voted":false},"id":"vine","links":{"self":"/api/icons/vine"},"type":"icon"},{"attributes":{"id":"violin","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ed","voted":false},"id":"violin","links":{"self":"/api/icons/violin"},"type":"icon"},{"attributes":{"id":"virus","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f974","voted":false},"id":"virus","links":{"self":"/api/icons/virus"},"type":"icon"},{"attributes":{"id":"virus-slash","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f975","voted":false},"id":"virus-slash","links":{"self":"/api/icons/virus-slash"},"type":"icon"},{"attributes":{"id":"viruses","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f976","voted":false},"id":"viruses","links":{"self":"/api/icons/viruses"},"type":"icon"},{"attributes":{"id":"vk","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f189","voted":false},"id":"vk","links":{"self":"/api/icons/vk"},"type":"icon"},{"attributes":{"id":"vnv","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f40b","voted":false},"id":"vnv","links":{"self":"/api/icons/vnv"},"type":"icon"},{"attributes":{"id":"voicemail","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f897","voted":true},"id":"voicemail","links":{"self":"/api/icons/voicemail"},"type":"icon"},{"attributes":{"id":"volcano","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f770","voted":false},"id":"volcano","links":{"self":"/api/icons/volcano"},"type":"icon"},{"attributes":{"id":"volleyball-ball","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f45f","voted":false},"id":"volleyball-ball","links":{"self":"/api/icons/volleyball-ball"},"type":"icon"},{"attributes":{"id":"volume","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a8","voted":false},"id":"volume","links":{"self":"/api/icons/volume"},"type":"icon"},{"attributes":{"id":"volume-down","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f027","voted":false},"id":"volume-down","links":{"self":"/api/icons/volume-down"},"type":"icon"},{"attributes":{"id":"volume-mute","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6a9","voted":true},"id":"volume-mute","links":{"self":"/api/icons/volume-mute"},"type":"icon"},{"attributes":{"id":"volume-off","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f026","voted":false},"id":"volume-off","links":{"self":"/api/icons/volume-off"},"type":"icon"},{"attributes":{"id":"volume-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e2","voted":false},"id":"volume-slash","links":{"self":"/api/icons/volume-slash"},"type":"icon"},{"attributes":{"id":"volume-up","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f028","voted":false},"id":"volume-up","links":{"self":"/api/icons/volume-up"},"type":"icon"},{"attributes":{"id":"vote-nay","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f771","voted":false},"id":"vote-nay","links":{"self":"/api/icons/vote-nay"},"type":"icon"},{"attributes":{"id":"vote-yea","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f772","voted":false},"id":"vote-yea","links":{"self":"/api/icons/vote-yea"},"type":"icon"},{"attributes":{"id":"vr-cardboard","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f729","voted":true},"id":"vr-cardboard","links":{"self":"/api/icons/vr-cardboard"},"type":"icon"},{"attributes":{"id":"vuejs","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f41f","voted":false},"id":"vuejs","links":{"self":"/api/icons/vuejs"},"type":"icon"},{"attributes":{"id":"wagon-covered","membership":{"free":[],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f8ee","voted":false},"id":"wagon-covered","links":{"self":"/api/icons/wagon-covered"},"type":"icon"},{"attributes":{"id":"walker","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f831","voted":false},"id":"walker","links":{"self":"/api/icons/walker"},"type":"icon"},{"attributes":{"id":"walkie-talkie","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8ef","voted":false},"id":"walkie-talkie","links":{"self":"/api/icons/walkie-talkie"},"type":"icon"},{"attributes":{"id":"walking","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f554","voted":true},"id":"walking","links":{"self":"/api/icons/walking"},"type":"icon"},{"attributes":{"id":"wallet","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f555","voted":true},"id":"wallet","links":{"self":"/api/icons/wallet"},"type":"icon"},{"attributes":{"id":"wand","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72a","voted":false},"id":"wand","links":{"self":"/api/icons/wand"},"type":"icon"},{"attributes":{"id":"wand-magic","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72b","voted":false},"id":"wand-magic","links":{"self":"/api/icons/wand-magic"},"type":"icon"},{"attributes":{"id":"warehouse","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f494","voted":false},"id":"warehouse","links":{"self":"/api/icons/warehouse"},"type":"icon"},{"attributes":{"id":"warehouse-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f495","voted":false},"id":"warehouse-alt","links":{"self":"/api/icons/warehouse-alt"},"type":"icon"},{"attributes":{"id":"washer","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f898","voted":true},"id":"washer","links":{"self":"/api/icons/washer"},"type":"icon"},{"attributes":{"id":"watch","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2e1","voted":false},"id":"watch","links":{"self":"/api/icons/watch"},"type":"icon"},{"attributes":{"id":"watch-calculator","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f0","voted":false},"id":"watch-calculator","links":{"self":"/api/icons/watch-calculator"},"type":"icon"},{"attributes":{"id":"watch-fitness","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f63e","voted":false},"id":"watch-fitness","links":{"self":"/api/icons/watch-fitness"},"type":"icon"},{"attributes":{"id":"water","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f773","voted":false},"id":"water","links":{"self":"/api/icons/water"},"type":"icon"},{"attributes":{"id":"water-lower","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f774","voted":false},"id":"water-lower","links":{"self":"/api/icons/water-lower"},"type":"icon"},{"attributes":{"id":"water-rise","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f775","voted":false},"id":"water-rise","links":{"self":"/api/icons/water-rise"},"type":"icon"},{"attributes":{"id":"wave-sine","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f899","voted":false},"id":"wave-sine","links":{"self":"/api/icons/wave-sine"},"type":"icon"},{"attributes":{"id":"wave-square","membership":{"free":["solid"],"pro":["light","regular","solid","duotone"]},"styles":["light","regular","solid","duotone"],"unicode":"f83e","voted":false},"id":"wave-square","links":{"self":"/api/icons/wave-square"},"type":"icon"},{"attributes":{"id":"wave-triangle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f89a","voted":false},"id":"wave-triangle","links":{"self":"/api/icons/wave-triangle"},"type":"icon"},{"attributes":{"id":"waveform","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f1","voted":false},"id":"waveform","links":{"self":"/api/icons/waveform"},"type":"icon"},{"attributes":{"id":"waveform-path","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f8f2","voted":false},"id":"waveform-path","links":{"self":"/api/icons/waveform-path"},"type":"icon"},{"attributes":{"id":"waze","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f83f","voted":false},"id":"waze","links":{"self":"/api/icons/waze"},"type":"icon"},{"attributes":{"id":"webcam","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f832","voted":true},"id":"webcam","links":{"self":"/api/icons/webcam"},"type":"icon"},{"attributes":{"id":"webcam-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f833","voted":true},"id":"webcam-slash","links":{"self":"/api/icons/webcam-slash"},"type":"icon"},{"attributes":{"id":"weebly","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5cc","voted":true},"id":"weebly","links":{"self":"/api/icons/weebly"},"type":"icon"},{"attributes":{"id":"weibo","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f18a","voted":false},"id":"weibo","links":{"self":"/api/icons/weibo"},"type":"icon"},{"attributes":{"id":"weight","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f496","voted":false},"id":"weight","links":{"self":"/api/icons/weight"},"type":"icon"},{"attributes":{"id":"weight-hanging","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5cd","voted":false},"id":"weight-hanging","links":{"self":"/api/icons/weight-hanging"},"type":"icon"},{"attributes":{"id":"weixin","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1d7","voted":false},"id":"weixin","links":{"self":"/api/icons/weixin"},"type":"icon"},{"attributes":{"id":"whale","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72c","voted":false},"id":"whale","links":{"self":"/api/icons/whale"},"type":"icon"},{"attributes":{"id":"whatsapp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f232","voted":false},"id":"whatsapp","links":{"self":"/api/icons/whatsapp"},"type":"icon"},{"attributes":{"id":"whatsapp-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f40c","voted":false},"id":"whatsapp-square","links":{"self":"/api/icons/whatsapp-square"},"type":"icon"},{"attributes":{"id":"wheat","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72d","voted":false},"id":"wheat","links":{"self":"/api/icons/wheat"},"type":"icon"},{"attributes":{"id":"wheelchair","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f193","voted":false},"id":"wheelchair","links":{"self":"/api/icons/wheelchair"},"type":"icon"},{"attributes":{"id":"whistle","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f460","voted":false},"id":"whistle","links":{"self":"/api/icons/whistle"},"type":"icon"},{"attributes":{"id":"whmcs","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f40d","voted":false},"id":"whmcs","links":{"self":"/api/icons/whmcs"},"type":"icon"},{"attributes":{"id":"wifi","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f1eb","voted":false},"id":"wifi","links":{"self":"/api/icons/wifi"},"type":"icon"},{"attributes":{"id":"wifi-1","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6aa","voted":true},"id":"wifi-1","links":{"self":"/api/icons/wifi-1"},"type":"icon"},{"attributes":{"id":"wifi-2","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ab","voted":true},"id":"wifi-2","links":{"self":"/api/icons/wifi-2"},"type":"icon"},{"attributes":{"id":"wifi-slash","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ac","voted":true},"id":"wifi-slash","links":{"self":"/api/icons/wifi-slash"},"type":"icon"},{"attributes":{"id":"wikipedia-w","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f266","voted":false},"id":"wikipedia-w","links":{"self":"/api/icons/wikipedia-w"},"type":"icon"},{"attributes":{"id":"wind","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72e","voted":false},"id":"wind","links":{"self":"/api/icons/wind"},"type":"icon"},{"attributes":{"id":"wind-turbine","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f89b","voted":true},"id":"wind-turbine","links":{"self":"/api/icons/wind-turbine"},"type":"icon"},{"attributes":{"id":"wind-warning","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f776","voted":false},"id":"wind-warning","links":{"self":"/api/icons/wind-warning"},"type":"icon"},{"attributes":{"id":"window","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f40e","voted":false},"id":"window","links":{"self":"/api/icons/window"},"type":"icon"},{"attributes":{"id":"window-alt","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f40f","voted":false},"id":"window-alt","links":{"self":"/api/icons/window-alt"},"type":"icon"},{"attributes":{"id":"window-close","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f410","voted":false},"id":"window-close","links":{"self":"/api/icons/window-close"},"type":"icon"},{"attributes":{"id":"window-frame","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f94f","voted":false},"id":"window-frame","links":{"self":"/api/icons/window-frame"},"type":"icon"},{"attributes":{"id":"window-frame-open","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f950","voted":false},"id":"window-frame-open","links":{"self":"/api/icons/window-frame-open"},"type":"icon"},{"attributes":{"id":"window-maximize","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2d0","voted":false},"id":"window-maximize","links":{"self":"/api/icons/window-maximize"},"type":"icon"},{"attributes":{"id":"window-minimize","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2d1","voted":false},"id":"window-minimize","links":{"self":"/api/icons/window-minimize"},"type":"icon"},{"attributes":{"id":"window-restore","membership":{"free":["solid","regular"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f2d2","voted":false},"id":"window-restore","links":{"self":"/api/icons/window-restore"},"type":"icon"},{"attributes":{"id":"windows","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f17a","voted":false},"id":"windows","links":{"self":"/api/icons/windows"},"type":"icon"},{"attributes":{"id":"windsock","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f777","voted":false},"id":"windsock","links":{"self":"/api/icons/windsock"},"type":"icon"},{"attributes":{"id":"wine-bottle","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f72f","voted":false},"id":"wine-bottle","links":{"self":"/api/icons/wine-bottle"},"type":"icon"},{"attributes":{"id":"wine-glass","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f4e3","voted":false},"id":"wine-glass","links":{"self":"/api/icons/wine-glass"},"type":"icon"},{"attributes":{"id":"wine-glass-alt","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f5ce","voted":false},"id":"wine-glass-alt","links":{"self":"/api/icons/wine-glass-alt"},"type":"icon"},{"attributes":{"id":"wix","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f5cf","voted":true},"id":"wix","links":{"self":"/api/icons/wix"},"type":"icon"},{"attributes":{"id":"wizards-of-the-coast","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f730","voted":false},"id":"wizards-of-the-coast","links":{"self":"/api/icons/wizards-of-the-coast"},"type":"icon"},{"attributes":{"id":"wolf-pack-battalion","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f514","voted":false},"id":"wolf-pack-battalion","links":{"self":"/api/icons/wolf-pack-battalion"},"type":"icon"},{"attributes":{"id":"won-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f159","voted":false},"id":"won-sign","links":{"self":"/api/icons/won-sign"},"type":"icon"},{"attributes":{"id":"wordpress","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f19a","voted":false},"id":"wordpress","links":{"self":"/api/icons/wordpress"},"type":"icon"},{"attributes":{"id":"wordpress-simple","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f411","voted":false},"id":"wordpress-simple","links":{"self":"/api/icons/wordpress-simple"},"type":"icon"},{"attributes":{"id":"wpbeginner","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f297","voted":false},"id":"wpbeginner","links":{"self":"/api/icons/wpbeginner"},"type":"icon"},{"attributes":{"id":"wpexplorer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2de","voted":false},"id":"wpexplorer","links":{"self":"/api/icons/wpexplorer"},"type":"icon"},{"attributes":{"id":"wpforms","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f298","voted":false},"id":"wpforms","links":{"self":"/api/icons/wpforms"},"type":"icon"},{"attributes":{"id":"wpressr","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f3e4","voted":false},"id":"wpressr","links":{"self":"/api/icons/wpressr"},"type":"icon"},{"attributes":{"id":"wreath","membership":{"free":[],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f7e2","voted":false},"id":"wreath","links":{"self":"/api/icons/wreath"},"type":"icon"},{"attributes":{"id":"wrench","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f0ad","voted":false},"id":"wrench","links":{"self":"/api/icons/wrench"},"type":"icon"},{"attributes":{"id":"x-ray","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f497","voted":false},"id":"x-ray","links":{"self":"/api/icons/x-ray"},"type":"icon"},{"attributes":{"id":"xbox","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f412","voted":false},"id":"xbox","links":{"self":"/api/icons/xbox"},"type":"icon"},{"attributes":{"id":"xing","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f168","voted":false},"id":"xing","links":{"self":"/api/icons/xing"},"type":"icon"},{"attributes":{"id":"xing-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f169","voted":false},"id":"xing-square","links":{"self":"/api/icons/xing-square"},"type":"icon"},{"attributes":{"id":"y-combinator","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f23b","voted":false},"id":"y-combinator","links":{"self":"/api/icons/y-combinator"},"type":"icon"},{"attributes":{"id":"yahoo","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f19e","voted":false},"id":"yahoo","links":{"self":"/api/icons/yahoo"},"type":"icon"},{"attributes":{"id":"yammer","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f840","voted":false},"id":"yammer","links":{"self":"/api/icons/yammer"},"type":"icon"},{"attributes":{"id":"yandex","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f413","voted":false},"id":"yandex","links":{"self":"/api/icons/yandex"},"type":"icon"},{"attributes":{"id":"yandex-international","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f414","voted":false},"id":"yandex-international","links":{"self":"/api/icons/yandex-international"},"type":"icon"},{"attributes":{"id":"yarn","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f7e3","voted":true},"id":"yarn","links":{"self":"/api/icons/yarn"},"type":"icon"},{"attributes":{"id":"yelp","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f1e9","voted":false},"id":"yelp","links":{"self":"/api/icons/yelp"},"type":"icon"},{"attributes":{"id":"yen-sign","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f157","voted":false},"id":"yen-sign","links":{"self":"/api/icons/yen-sign"},"type":"icon"},{"attributes":{"id":"yin-yang","membership":{"free":["solid"],"pro":["solid","regular","light","duotone"]},"styles":["solid","regular","light","duotone"],"unicode":"f6ad","voted":false},"id":"yin-yang","links":{"self":"/api/icons/yin-yang"},"type":"icon"},{"attributes":{"id":"yoast","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f2b1","voted":false},"id":"yoast","links":{"self":"/api/icons/yoast"},"type":"icon"},{"attributes":{"id":"youtube","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f167","voted":false},"id":"youtube","links":{"self":"/api/icons/youtube"},"type":"icon"},{"attributes":{"id":"youtube-square","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f431","voted":false},"id":"youtube-square","links":{"self":"/api/icons/youtube-square"},"type":"icon"},{"attributes":{"id":"zhihu","membership":{"free":["brands"],"pro":["brands"]},"styles":["brands"],"unicode":"f63f","voted":true},"id":"zhihu","links":{"self":"/api/icons/zhihu"},"type":"icon"}],"jsonapi":{"version":"1.0"}}'
-
-icons = JSON.parse(icons)
-var solid = ""
-var regular = ""
-var brand = ""
-
-class IconFontawesome extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  componentDidMount() {
-    icons.data.forEach(function (val) {
-      if (val.attributes.membership.free.length) {
-        val.attributes.membership.free.forEach(function (iconBrand) {
-          switch (iconBrand) {
-            case "brands":
-              brand +=
-                '<div class="col-xl-3 col-lg-4 col-sm-6"> <i class="fab fa-' +
-                val.id +
-                '"></i> fab fa-' +
-                val.id +
-                "</div>"
-              break
-            case "solid":
-              solid +=
-                '<div class="col-xl-3 col-lg-4 col-sm-6"><i class="fas fa-' +
-                val.id +
-                '"></i> fas fa-' +
-                val.id +
-                "</div>"
-              break
-            default:
-              regular +=
-                '<div class="col-xl-3 col-lg-4 col-sm-6"><i class="far fa-' +
-                val.id +
-                '"></i> far fa-' +
-                val.id +
-                "</div>"
-          }
-        })
-      }
-    })
-
-    document.getElementById("solid").innerHTML = solid
-    document.getElementById("brand").innerHTML = brand
-    document.getElementById("regular").innerHTML = regular
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Font awesome | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Icons" breadcrumbItem="Font awesome" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Solid</h4>
-                    <p className="card-title-desc mb-2">
-                      Use <code>&lt;i className="fas fa-ad"&gt;&lt;/i&gt;</code>{" "}
-                      <span className="badge badge-success">v 5.13.0</span>.
-                    </p>
-                    <Row className="icon-demo-content" id="solid"></Row>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Regular</h4>
-                    <p className="card-title-desc mb-2">
-                      Use{" "}
-                      <code>
-                        &lt;i className="far fa-address-book"&gt;&lt;/i&gt;
-                      </code>{" "}
-                      <span className="badge badge-success">v 5.13.0</span>.
-                    </p>
-                    <Row className="icon-demo-content" id="regular"></Row>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Brands</h4>
-                    <p className="card-title-desc mb-2">
-                      Use{" "}
-                      <code>&lt;i className="fab fa-500px"&gt;&lt;/i&gt;</code>{" "}
-                      <span className="badge badge-success">v 5.13.0</span>.
-                    </p>
-                    <Row className="icon-demo-content" id="brand"></Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default IconFontawesome
diff --git a/Client/src/backoffice/pages/Icons/IconMaterialdesign.js b/Client/src/backoffice/pages/Icons/IconMaterialdesign.js
deleted file mode 100644
index fcf0cf0..0000000
--- a/Client/src/backoffice/pages/Icons/IconMaterialdesign.js
+++ /dev/null
@@ -1,23608 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class IconMaterialdesign extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  componentDidMount() {
-    function isNew(icon) {
-      return icon.version === "5.0.45"
-    }
-
-    function getIconItem(icon) {
-      const div = document.createElement("div"),
-        i = document.createElement("i")
-      div.className = "col-xl-3 col-lg-4 col-sm-6"
-      i.className = "mdi mdi-" + icon.name
-      div.appendChild(i)
-      const span = document.createElement("span")
-      span.appendChild(document.createTextNode("mdi-" + icon.name))
-      div.appendChild(span)
-      return div
-    }
-
-    (function () {
-      const icons = [
-        {  
-          name: "ab-testing",
-          hex: "F01C9",
-          version: "4.0.96"
-      }, {
-          name: "abjad-arabic",
-          hex: "F1328",
-          version: "4.9.95"
-      }, {
-          name: "abjad-hebrew",
-          hex: "F1329",
-          version: "4.9.95"
-      }, {
-          name: "abugida-devanagari",
-          hex: "F132A",
-          version: "4.9.95"
-      }, {
-          name: "abugida-thai",
-          hex: "F132B",
-          version: "4.9.95"
-      }, {
-          name: "access-point",
-          hex: "F0003",
-          version: "1.5.54"
-      }, {
-          name: "access-point-check",
-          hex: "F1538",
-          version: "5.4.55"
-      }, {
-          name: "access-point-minus",
-          hex: "F1539",
-          version: "5.4.55"
-      }, {
-          name: "access-point-network",
-          hex: "F0002",
-          version: "1.5.54"
-      }, {
-          name: "access-point-network-off",
-          hex: "F0BE1",
-          version: "3.2.89"
-      }, {
-          name: "access-point-off",
-          hex: "F1511",
-          version: "5.4.55"
-      }, {
-          name: "access-point-plus",
-          hex: "F153A",
-          version: "5.4.55"
-      }, {
-          name: "access-point-remove",
-          hex: "F153B",
-          version: "5.4.55"
-      }, {
-          name: "account",
-          hex: "F0004",
-          version: "1.5.54"
-      }, {
-          name: "account-alert",
-          hex: "F0005",
-          version: "1.5.54"
-      }, {
-          name: "account-alert-outline",
-          hex: "F0B50",
-          version: "3.0.39"
-      }, {
-          name: "account-arrow-left",
-          hex: "F0B51",
-          version: "3.0.39"
-      }, {
-          name: "account-arrow-left-outline",
-          hex: "F0B52",
-          version: "3.0.39"
-      }, {
-          name: "account-arrow-right",
-          hex: "F0B53",
-          version: "3.0.39"
-      }, {
-          name: "account-arrow-right-outline",
-          hex: "F0B54",
-          version: "3.0.39"
-      }, {
-          name: "account-box",
-          hex: "F0006",
-          version: "1.5.54"
-      }, {
-          name: "account-box-multiple",
-          hex: "F0934",
-          version: "2.4.85"
-      }, {
-          name: "account-box-multiple-outline",
-          hex: "F100A",
-          version: "4.1.95"
-      }, {
-          name: "account-box-outline",
-          hex: "F0007",
-          version: "1.5.54"
-      }, {
-          name: "account-cancel",
-          hex: "F12DF",
-          version: "4.8.95"
-      }, {
-          name: "account-cancel-outline",
-          hex: "F12E0",
-          version: "4.8.95"
-      }, {
-          name: "account-cash",
-          hex: "F1097",
-          version: "4.2.95"
-      }, {
-          name: "account-cash-outline",
-          hex: "F1098",
-          version: "4.2.95"
-      }, {
-          name: "account-check",
-          hex: "F0008",
-          version: "1.5.54"
-      }, {
-          name: "account-check-outline",
-          hex: "F0BE2",
-          version: "3.2.89"
-      }, {
-          name: "account-child",
-          hex: "F0A89",
-          version: "2.7.94"
-      }, {
-          name: "account-child-circle",
-          hex: "F0A8A",
-          version: "2.7.94"
-      }, {
-          name: "account-child-outline",
-          hex: "F10C8",
-          version: "4.3.95"
-      }, {
-          name: "account-circle",
-          hex: "F0009",
-          version: "1.5.54"
-      }, {
-          name: "account-circle-outline",
-          hex: "F0B55",
-          version: "3.0.39"
-      }, {
-          name: "account-clock",
-          hex: "F0B56",
-          version: "3.0.39"
-      }, {
-          name: "account-clock-outline",
-          hex: "F0B57",
-          version: "3.0.39"
-      }, {
-          name: "account-cog",
-          hex: "F1370",
-          version: "4.9.95"
-      }, {
-          name: "account-cog-outline",
-          hex: "F1371",
-          version: "4.9.95"
-      }, {
-          name: "account-convert",
-          hex: "F000A",
-          version: "1.5.54"
-      }, {
-          name: "account-convert-outline",
-          hex: "F1301",
-          version: "4.8.95"
-      }, {
-          name: "account-cowboy-hat",
-          hex: "F0E9B",
-          version: "3.7.94"
-      }, {
-          name: "account-details",
-          hex: "F0631",
-          version: "1.6.50"
-      }, {
-          name: "account-details-outline",
-          hex: "F1372",
-          version: "4.9.95"
-      }, {
-          name: "account-edit",
-          hex: "F06BC",
-          version: "1.8.36"
-      }, {
-          name: "account-edit-outline",
-          hex: "F0FFB",
-          version: "4.0.96"
-      }, {
-          name: "account-group",
-          hex: "F0849",
-          version: "2.1.99"
-      }, {
-          name: "account-group-outline",
-          hex: "F0B58",
-          version: "3.0.39"
-      }, {
-          name: "account-hard-hat",
-          hex: "F05B5",
-          version: "1.5.54"
-      }, {
-          name: "account-heart",
-          hex: "F0899",
-          version: "2.2.43"
-      }, {
-          name: "account-heart-outline",
-          hex: "F0BE3",
-          version: "3.2.89"
-      }, {
-          name: "account-key",
-          hex: "F000B",
-          version: "1.5.54"
-      }, {
-          name: "account-key-outline",
-          hex: "F0BE4",
-          version: "3.2.89"
-      }, {
-          name: "account-lock",
-          hex: "F115E",
-          version: "4.4.95"
-      }, {
-          name: "account-lock-outline",
-          hex: "F115F",
-          version: "4.4.95"
-      }, {
-          name: "account-minus",
-          hex: "F000D",
-          version: "1.5.54"
-      }, {
-          name: "account-minus-outline",
-          hex: "F0AEC",
-          version: "2.8.94"
-      }, {
-          name: "account-multiple",
-          hex: "F000E",
-          version: "1.5.54"
-      }, {
-          name: "account-multiple-check",
-          hex: "F08C5",
-          version: "2.3.50"
-      }, {
-          name: "account-multiple-check-outline",
-          hex: "F11FE",
-          version: "4.6.95"
-      }, {
-          name: "account-multiple-minus",
-          hex: "F05D3",
-          version: "1.5.54"
-      }, {
-          name: "account-multiple-minus-outline",
-          hex: "F0BE5",
-          version: "3.2.89"
-      }, {
-          name: "account-multiple-outline",
-          hex: "F000F",
-          version: "1.5.54"
-      }, {
-          name: "account-multiple-plus",
-          hex: "F0010",
-          version: "1.5.54"
-      }, {
-          name: "account-multiple-plus-outline",
-          hex: "F0800",
-          version: "2.1.19"
-      }, {
-          name: "account-multiple-remove",
-          hex: "F120A",
-          version: "4.6.95"
-      }, {
-          name: "account-multiple-remove-outline",
-          hex: "F120B",
-          version: "4.6.95"
-      }, {
-          name: "account-music",
-          hex: "F0803",
-          version: "2.1.19"
-      }, {
-          name: "account-music-outline",
-          hex: "F0CE9",
-          version: "3.3.92"
-      }, {
-          name: "account-network",
-          hex: "F0011",
-          version: "1.5.54"
-      }, {
-          name: "account-network-outline",
-          hex: "F0BE6",
-          version: "3.2.89"
-      }, {
-          name: "account-off",
-          hex: "F0012",
-          version: "1.5.54"
-      }, {
-          name: "account-off-outline",
-          hex: "F0BE7",
-          version: "3.2.89"
-      }, {
-          name: "account-outline",
-          hex: "F0013",
-          version: "1.5.54"
-      }, {
-          name: "account-plus",
-          hex: "F0014",
-          version: "1.5.54"
-      }, {
-          name: "account-plus-outline",
-          hex: "F0801",
-          version: "2.1.19"
-      }, {
-          name: "account-question",
-          hex: "F0B59",
-          version: "3.0.39"
-      }, {
-          name: "account-question-outline",
-          hex: "F0B5A",
-          version: "3.0.39"
-      }, {
-          name: "account-reactivate",
-          hex: "F152B",
-          version: "5.4.55"
-      }, {
-          name: "account-reactivate-outline",
-          hex: "F152C",
-          version: "5.4.55"
-      }, {
-          name: "account-remove",
-          hex: "F0015",
-          version: "1.5.54"
-      }, {
-          name: "account-remove-outline",
-          hex: "F0AED",
-          version: "2.8.94"
-      }, {
-          name: "account-search",
-          hex: "F0016",
-          version: "1.5.54"
-      }, {
-          name: "account-search-outline",
-          hex: "F0935",
-          version: "2.4.85"
-      }, {
-          name: "account-settings",
-          hex: "F0630",
-          version: "1.6.50"
-      }, {
-          name: "account-settings-outline",
-          hex: "F10C9",
-          version: "4.3.95"
-      }, {
-          name: "account-star",
-          hex: "F0017",
-          version: "1.5.54"
-      }, {
-          name: "account-star-outline",
-          hex: "F0BE8",
-          version: "3.2.89"
-      }, {
-          name: "account-supervisor",
-          hex: "F0A8B",
-          version: "2.7.94"
-      }, {
-          name: "account-supervisor-circle",
-          hex: "F0A8C",
-          version: "2.7.94"
-      }, {
-          name: "account-supervisor-circle-outline",
-          hex: "F14EC",
-          version: "5.4.55"
-      }, {
-          name: "account-supervisor-outline",
-          hex: "F112D",
-          version: "4.4.95"
-      }, {
-          name: "account-switch",
-          hex: "F0019",
-          version: "1.5.54"
-      }, {
-          name: "account-switch-outline",
-          hex: "F04CB",
-          version: "1.5.54"
-      }, {
-          name: "account-tie",
-          hex: "F0CE3",
-          version: "3.3.92"
-      }, {
-          name: "account-tie-outline",
-          hex: "F10CA",
-          version: "4.3.95"
-      }, {
-          name: "account-tie-voice",
-          hex: "F1308",
-          version: "4.8.95"
-      }, {
-          name: "account-tie-voice-off",
-          hex: "F130A",
-          version: "4.8.95"
-      }, {
-          name: "account-tie-voice-off-outline",
-          hex: "F130B",
-          version: "4.8.95"
-      }, {
-          name: "account-tie-voice-outline",
-          hex: "F1309",
-          version: "4.8.95"
-      }, {
-          name: "account-voice",
-          hex: "F05CB",
-          version: "1.5.54"
-      }, {
-          name: "adjust",
-          hex: "F001A",
-          version: "1.5.54"
-      }, {
-          name: "adobe",
-          hex: "F0936",
-          version: "2.4.85"
-      }, {
-          name: "adobe-acrobat",
-          hex: "F0F9D",
-          version: "4.0.96"
-      }, {
-          name: "air-conditioner",
-          hex: "F001B",
-          version: "1.5.54"
-      }, {
-          name: "air-filter",
-          hex: "F0D43",
-          version: "3.4.93"
-      }, {
-          name: "air-horn",
-          hex: "F0DAC",
-          version: "3.5.94"
-      }, {
-          name: "air-humidifier",
-          hex: "F1099",
-          version: "4.2.95"
-      }, {
-          name: "air-humidifier-off",
-          hex: "F1466",
-          version: "5.2.45"
-      }, {
-          name: "air-purifier",
-          hex: "F0D44",
-          version: "3.4.93"
-      }, {
-          name: "airbag",
-          hex: "F0BE9",
-          version: "3.2.89"
-      }, {
-          name: "airballoon",
-          hex: "F001C",
-          version: "1.5.54"
-      }, {
-          name: "airballoon-outline",
-          hex: "F100B",
-          version: "4.1.95"
-      }, {
-          name: "airplane",
-          hex: "F001D",
-          version: "1.5.54"
-      }, {
-          name: "airplane-landing",
-          hex: "F05D4",
-          version: "1.5.54"
-      }, {
-          name: "airplane-off",
-          hex: "F001E",
-          version: "1.5.54"
-      }, {
-          name: "airplane-takeoff",
-          hex: "F05D5",
-          version: "1.5.54"
-      }, {
-          name: "airport",
-          hex: "F084B",
-          version: "2.1.99"
-      }, {
-          name: "alarm",
-          hex: "F0020",
-          version: "1.5.54"
-      }, {
-          name: "alarm-bell",
-          hex: "F078E",
-          version: "2.0.46"
-      }, {
-          name: "alarm-check",
-          hex: "F0021",
-          version: "1.5.54"
-      }, {
-          name: "alarm-light",
-          hex: "F078F",
-          version: "2.0.46"
-      }, {
-          name: "alarm-light-outline",
-          hex: "F0BEA",
-          version: "3.2.89"
-      }, {
-          name: "alarm-multiple",
-          hex: "F0022",
-          version: "1.5.54"
-      }, {
-          name: "alarm-note",
-          hex: "F0E71",
-          version: "3.7.94"
-      }, {
-          name: "alarm-note-off",
-          hex: "F0E72",
-          version: "3.7.94"
-      }, {
-          name: "alarm-off",
-          hex: "F0023",
-          version: "1.5.54"
-      }, {
-          name: "alarm-panel",
-          hex: "F15C4",
-          version: "5.6.55"
-      }, {
-          name: "alarm-panel-outline",
-          hex: "F15C5",
-          version: "5.6.55"
-      }, {
-          name: "alarm-plus",
-          hex: "F0024",
-          version: "1.5.54"
-      }, {
-          name: "alarm-snooze",
-          hex: "F068E",
-          version: "1.7.12"
-      }, {
-          name: "album",
-          hex: "F0025",
-          version: "1.5.54"
-      }, {
-          name: "alert",
-          hex: "F0026",
-          version: "1.5.54"
-      }, {
-          name: "alert-box",
-          hex: "F0027",
-          version: "1.5.54"
-      }, {
-          name: "alert-box-outline",
-          hex: "F0CE4",
-          version: "3.3.92"
-      }, {
-          name: "alert-circle",
-          hex: "F0028",
-          version: "1.5.54"
-      }, {
-          name: "alert-circle-check",
-          hex: "F11ED",
-          version: "4.5.95"
-      }, {
-          name: "alert-circle-check-outline",
-          hex: "F11EE",
-          version: "4.5.95"
-      }, {
-          name: "alert-circle-outline",
-          hex: "F05D6",
-          version: "1.5.54"
-      }, {
-          name: "alert-decagram",
-          hex: "F06BD",
-          version: "1.8.36"
-      }, {
-          name: "alert-decagram-outline",
-          hex: "F0CE5",
-          version: "3.3.92"
-      }, {
-          name: "alert-minus",
-          hex: "F14BB",
-          version: "5.3.45"
-      }, {
-          name: "alert-minus-outline",
-          hex: "F14BE",
-          version: "5.3.45"
-      }, {
-          name: "alert-octagon",
-          hex: "F0029",
-          version: "1.5.54"
-      }, {
-          name: "alert-octagon-outline",
-          hex: "F0CE6",
-          version: "3.3.92"
-      }, {
-          name: "alert-octagram",
-          hex: "F0767",
-          version: "1.9.32"
-      }, {
-          name: "alert-octagram-outline",
-          hex: "F0CE7",
-          version: "3.3.92"
-      }, {
-          name: "alert-outline",
-          hex: "F002A",
-          version: "1.5.54"
-      }, {
-          name: "alert-plus",
-          hex: "F14BA",
-          version: "5.3.45"
-      }, {
-          name: "alert-plus-outline",
-          hex: "F14BD",
-          version: "5.3.45"
-      }, {
-          name: "alert-remove",
-          hex: "F14BC",
-          version: "5.3.45"
-      }, {
-          name: "alert-remove-outline",
-          hex: "F14BF",
-          version: "5.3.45"
-      }, {
-          name: "alert-rhombus",
-          hex: "F11CE",
-          version: "4.5.95"
-      }, {
-          name: "alert-rhombus-outline",
-          hex: "F11CF",
-          version: "4.5.95"
-      }, {
-          name: "alien",
-          hex: "F089A",
-          version: "2.2.43"
-      }, {
-          name: "alien-outline",
-          hex: "F10CB",
-          version: "4.3.95"
-      }, {
-          name: "align-horizontal-center",
-          hex: "F11C3",
-          version: "4.5.95"
-      }, {
-          name: "align-horizontal-left",
-          hex: "F11C2",
-          version: "4.5.95"
-      }, {
-          name: "align-horizontal-right",
-          hex: "F11C4",
-          version: "4.5.95"
-      }, {
-          name: "align-vertical-bottom",
-          hex: "F11C5",
-          version: "4.5.95"
-      }, {
-          name: "align-vertical-center",
-          hex: "F11C6",
-          version: "4.5.95"
-      }, {
-          name: "align-vertical-top",
-          hex: "F11C7",
-          version: "4.5.95"
-      }, {
-          name: "all-inclusive",
-          hex: "F06BE",
-          version: "1.8.36"
-      }, {
-          name: "allergy",
-          hex: "F1258",
-          version: "4.7.95"
-      }, {
-          name: "alpha",
-          hex: "F002B",
-          version: "1.5.54"
-      }, {
-          name: "alpha-a",
-          hex: "F0AEE",
-          version: "2.8.94"
-      }, {
-          name: "alpha-a-box",
-          hex: "F0B08",
-          version: "2.8.94"
-      }, {
-          name: "alpha-a-box-outline",
-          hex: "F0BEB",
-          version: "3.2.89"
-      }, {
-          name: "alpha-a-circle",
-          hex: "F0BEC",
-          version: "3.2.89"
-      }, {
-          name: "alpha-a-circle-outline",
-          hex: "F0BED",
-          version: "3.2.89"
-      }, {
-          name: "alpha-b",
-          hex: "F0AEF",
-          version: "2.8.94"
-      }, {
-          name: "alpha-b-box",
-          hex: "F0B09",
-          version: "2.8.94"
-      }, {
-          name: "alpha-b-box-outline",
-          hex: "F0BEE",
-          version: "3.2.89"
-      }, {
-          name: "alpha-b-circle",
-          hex: "F0BEF",
-          version: "3.2.89"
-      }, {
-          name: "alpha-b-circle-outline",
-          hex: "F0BF0",
-          version: "3.2.89"
-      }, {
-          name: "alpha-c",
-          hex: "F0AF0",
-          version: "2.8.94"
-      }, {
-          name: "alpha-c-box",
-          hex: "F0B0A",
-          version: "2.8.94"
-      }, {
-          name: "alpha-c-box-outline",
-          hex: "F0BF1",
-          version: "3.2.89"
-      }, {
-          name: "alpha-c-circle",
-          hex: "F0BF2",
-          version: "3.2.89"
-      }, {
-          name: "alpha-c-circle-outline",
-          hex: "F0BF3",
-          version: "3.2.89"
-      }, {
-          name: "alpha-d",
-          hex: "F0AF1",
-          version: "2.8.94"
-      }, {
-          name: "alpha-d-box",
-          hex: "F0B0B",
-          version: "2.8.94"
-      }, {
-          name: "alpha-d-box-outline",
-          hex: "F0BF4",
-          version: "3.2.89"
-      }, {
-          name: "alpha-d-circle",
-          hex: "F0BF5",
-          version: "3.2.89"
-      }, {
-          name: "alpha-d-circle-outline",
-          hex: "F0BF6",
-          version: "3.2.89"
-      }, {
-          name: "alpha-e",
-          hex: "F0AF2",
-          version: "2.8.94"
-      }, {
-          name: "alpha-e-box",
-          hex: "F0B0C",
-          version: "2.8.94"
-      }, {
-          name: "alpha-e-box-outline",
-          hex: "F0BF7",
-          version: "3.2.89"
-      }, {
-          name: "alpha-e-circle",
-          hex: "F0BF8",
-          version: "3.2.89"
-      }, {
-          name: "alpha-e-circle-outline",
-          hex: "F0BF9",
-          version: "3.2.89"
-      }, {
-          name: "alpha-f",
-          hex: "F0AF3",
-          version: "2.8.94"
-      }, {
-          name: "alpha-f-box",
-          hex: "F0B0D",
-          version: "2.8.94"
-      }, {
-          name: "alpha-f-box-outline",
-          hex: "F0BFA",
-          version: "3.2.89"
-      }, {
-          name: "alpha-f-circle",
-          hex: "F0BFB",
-          version: "3.2.89"
-      }, {
-          name: "alpha-f-circle-outline",
-          hex: "F0BFC",
-          version: "3.2.89"
-      }, {
-          name: "alpha-g",
-          hex: "F0AF4",
-          version: "2.8.94"
-      }, {
-          name: "alpha-g-box",
-          hex: "F0B0E",
-          version: "2.8.94"
-      }, {
-          name: "alpha-g-box-outline",
-          hex: "F0BFD",
-          version: "3.2.89"
-      }, {
-          name: "alpha-g-circle",
-          hex: "F0BFE",
-          version: "3.2.89"
-      }, {
-          name: "alpha-g-circle-outline",
-          hex: "F0BFF",
-          version: "3.2.89"
-      }, {
-          name: "alpha-h",
-          hex: "F0AF5",
-          version: "2.8.94"
-      }, {
-          name: "alpha-h-box",
-          hex: "F0B0F",
-          version: "2.8.94"
-      }, {
-          name: "alpha-h-box-outline",
-          hex: "F0C00",
-          version: "3.2.89"
-      }, {
-          name: "alpha-h-circle",
-          hex: "F0C01",
-          version: "3.2.89"
-      }, {
-          name: "alpha-h-circle-outline",
-          hex: "F0C02",
-          version: "3.2.89"
-      }, {
-          name: "alpha-i",
-          hex: "F0AF6",
-          version: "2.8.94"
-      }, {
-          name: "alpha-i-box",
-          hex: "F0B10",
-          version: "2.8.94"
-      }, {
-          name: "alpha-i-box-outline",
-          hex: "F0C03",
-          version: "3.2.89"
-      }, {
-          name: "alpha-i-circle",
-          hex: "F0C04",
-          version: "3.2.89"
-      }, {
-          name: "alpha-i-circle-outline",
-          hex: "F0C05",
-          version: "3.2.89"
-      }, {
-          name: "alpha-j",
-          hex: "F0AF7",
-          version: "2.8.94"
-      }, {
-          name: "alpha-j-box",
-          hex: "F0B11",
-          version: "2.8.94"
-      }, {
-          name: "alpha-j-box-outline",
-          hex: "F0C06",
-          version: "3.2.89"
-      }, {
-          name: "alpha-j-circle",
-          hex: "F0C07",
-          version: "3.2.89"
-      }, {
-          name: "alpha-j-circle-outline",
-          hex: "F0C08",
-          version: "3.2.89"
-      }, {
-          name: "alpha-k",
-          hex: "F0AF8",
-          version: "2.8.94"
-      }, {
-          name: "alpha-k-box",
-          hex: "F0B12",
-          version: "2.8.94"
-      }, {
-          name: "alpha-k-box-outline",
-          hex: "F0C09",
-          version: "3.2.89"
-      }, {
-          name: "alpha-k-circle",
-          hex: "F0C0A",
-          version: "3.2.89"
-      }, {
-          name: "alpha-k-circle-outline",
-          hex: "F0C0B",
-          version: "3.2.89"
-      }, {
-          name: "alpha-l",
-          hex: "F0AF9",
-          version: "2.8.94"
-      }, {
-          name: "alpha-l-box",
-          hex: "F0B13",
-          version: "2.8.94"
-      }, {
-          name: "alpha-l-box-outline",
-          hex: "F0C0C",
-          version: "3.2.89"
-      }, {
-          name: "alpha-l-circle",
-          hex: "F0C0D",
-          version: "3.2.89"
-      }, {
-          name: "alpha-l-circle-outline",
-          hex: "F0C0E",
-          version: "3.2.89"
-      }, {
-          name: "alpha-m",
-          hex: "F0AFA",
-          version: "2.8.94"
-      }, {
-          name: "alpha-m-box",
-          hex: "F0B14",
-          version: "2.8.94"
-      }, {
-          name: "alpha-m-box-outline",
-          hex: "F0C0F",
-          version: "3.2.89"
-      }, {
-          name: "alpha-m-circle",
-          hex: "F0C10",
-          version: "3.2.89"
-      }, {
-          name: "alpha-m-circle-outline",
-          hex: "F0C11",
-          version: "3.2.89"
-      }, {
-          name: "alpha-n",
-          hex: "F0AFB",
-          version: "2.8.94"
-      }, {
-          name: "alpha-n-box",
-          hex: "F0B15",
-          version: "2.8.94"
-      }, {
-          name: "alpha-n-box-outline",
-          hex: "F0C12",
-          version: "3.2.89"
-      }, {
-          name: "alpha-n-circle",
-          hex: "F0C13",
-          version: "3.2.89"
-      }, {
-          name: "alpha-n-circle-outline",
-          hex: "F0C14",
-          version: "3.2.89"
-      }, {
-          name: "alpha-o",
-          hex: "F0AFC",
-          version: "2.8.94"
-      }, {
-          name: "alpha-o-box",
-          hex: "F0B16",
-          version: "2.8.94"
-      }, {
-          name: "alpha-o-box-outline",
-          hex: "F0C15",
-          version: "3.2.89"
-      }, {
-          name: "alpha-o-circle",
-          hex: "F0C16",
-          version: "3.2.89"
-      }, {
-          name: "alpha-o-circle-outline",
-          hex: "F0C17",
-          version: "3.2.89"
-      }, {
-          name: "alpha-p",
-          hex: "F0AFD",
-          version: "2.8.94"
-      }, {
-          name: "alpha-p-box",
-          hex: "F0B17",
-          version: "2.8.94"
-      }, {
-          name: "alpha-p-box-outline",
-          hex: "F0C18",
-          version: "3.2.89"
-      }, {
-          name: "alpha-p-circle",
-          hex: "F0C19",
-          version: "3.2.89"
-      }, {
-          name: "alpha-p-circle-outline",
-          hex: "F0C1A",
-          version: "3.2.89"
-      }, {
-          name: "alpha-q",
-          hex: "F0AFE",
-          version: "2.8.94"
-      }, {
-          name: "alpha-q-box",
-          hex: "F0B18",
-          version: "2.8.94"
-      }, {
-          name: "alpha-q-box-outline",
-          hex: "F0C1B",
-          version: "3.2.89"
-      }, {
-          name: "alpha-q-circle",
-          hex: "F0C1C",
-          version: "3.2.89"
-      }, {
-          name: "alpha-q-circle-outline",
-          hex: "F0C1D",
-          version: "3.2.89"
-      }, {
-          name: "alpha-r",
-          hex: "F0AFF",
-          version: "2.8.94"
-      }, {
-          name: "alpha-r-box",
-          hex: "F0B19",
-          version: "2.8.94"
-      }, {
-          name: "alpha-r-box-outline",
-          hex: "F0C1E",
-          version: "3.2.89"
-      }, {
-          name: "alpha-r-circle",
-          hex: "F0C1F",
-          version: "3.2.89"
-      }, {
-          name: "alpha-r-circle-outline",
-          hex: "F0C20",
-          version: "3.2.89"
-      }, {
-          name: "alpha-s",
-          hex: "F0B00",
-          version: "2.8.94"
-      }, {
-          name: "alpha-s-box",
-          hex: "F0B1A",
-          version: "2.8.94"
-      }, {
-          name: "alpha-s-box-outline",
-          hex: "F0C21",
-          version: "3.2.89"
-      }, {
-          name: "alpha-s-circle",
-          hex: "F0C22",
-          version: "3.2.89"
-      }, {
-          name: "alpha-s-circle-outline",
-          hex: "F0C23",
-          version: "3.2.89"
-      }, {
-          name: "alpha-t",
-          hex: "F0B01",
-          version: "2.8.94"
-      }, {
-          name: "alpha-t-box",
-          hex: "F0B1B",
-          version: "2.8.94"
-      }, {
-          name: "alpha-t-box-outline",
-          hex: "F0C24",
-          version: "3.2.89"
-      }, {
-          name: "alpha-t-circle",
-          hex: "F0C25",
-          version: "3.2.89"
-      }, {
-          name: "alpha-t-circle-outline",
-          hex: "F0C26",
-          version: "3.2.89"
-      }, {
-          name: "alpha-u",
-          hex: "F0B02",
-          version: "2.8.94"
-      }, {
-          name: "alpha-u-box",
-          hex: "F0B1C",
-          version: "2.8.94"
-      }, {
-          name: "alpha-u-box-outline",
-          hex: "F0C27",
-          version: "3.2.89"
-      }, {
-          name: "alpha-u-circle",
-          hex: "F0C28",
-          version: "3.2.89"
-      }, {
-          name: "alpha-u-circle-outline",
-          hex: "F0C29",
-          version: "3.2.89"
-      }, {
-          name: "alpha-v",
-          hex: "F0B03",
-          version: "2.8.94"
-      }, {
-          name: "alpha-v-box",
-          hex: "F0B1D",
-          version: "2.8.94"
-      }, {
-          name: "alpha-v-box-outline",
-          hex: "F0C2A",
-          version: "3.2.89"
-      }, {
-          name: "alpha-v-circle",
-          hex: "F0C2B",
-          version: "3.2.89"
-      }, {
-          name: "alpha-v-circle-outline",
-          hex: "F0C2C",
-          version: "3.2.89"
-      }, {
-          name: "alpha-w",
-          hex: "F0B04",
-          version: "2.8.94"
-      }, {
-          name: "alpha-w-box",
-          hex: "F0B1E",
-          version: "2.8.94"
-      }, {
-          name: "alpha-w-box-outline",
-          hex: "F0C2D",
-          version: "3.2.89"
-      }, {
-          name: "alpha-w-circle",
-          hex: "F0C2E",
-          version: "3.2.89"
-      }, {
-          name: "alpha-w-circle-outline",
-          hex: "F0C2F",
-          version: "3.2.89"
-      }, {
-          name: "alpha-x",
-          hex: "F0B05",
-          version: "2.8.94"
-      }, {
-          name: "alpha-x-box",
-          hex: "F0B1F",
-          version: "2.8.94"
-      }, {
-          name: "alpha-x-box-outline",
-          hex: "F0C30",
-          version: "3.2.89"
-      }, {
-          name: "alpha-x-circle",
-          hex: "F0C31",
-          version: "3.2.89"
-      }, {
-          name: "alpha-x-circle-outline",
-          hex: "F0C32",
-          version: "3.2.89"
-      }, {
-          name: "alpha-y",
-          hex: "F0B06",
-          version: "2.8.94"
-      }, {
-          name: "alpha-y-box",
-          hex: "F0B20",
-          version: "2.8.94"
-      }, {
-          name: "alpha-y-box-outline",
-          hex: "F0C33",
-          version: "3.2.89"
-      }, {
-          name: "alpha-y-circle",
-          hex: "F0C34",
-          version: "3.2.89"
-      }, {
-          name: "alpha-y-circle-outline",
-          hex: "F0C35",
-          version: "3.2.89"
-      }, {
-          name: "alpha-z",
-          hex: "F0B07",
-          version: "2.8.94"
-      }, {
-          name: "alpha-z-box",
-          hex: "F0B21",
-          version: "2.8.94"
-      }, {
-          name: "alpha-z-box-outline",
-          hex: "F0C36",
-          version: "3.2.89"
-      }, {
-          name: "alpha-z-circle",
-          hex: "F0C37",
-          version: "3.2.89"
-      }, {
-          name: "alpha-z-circle-outline",
-          hex: "F0C38",
-          version: "3.2.89"
-      }, {
-          name: "alphabet-aurebesh",
-          hex: "F132C",
-          version: "4.9.95"
-      }, {
-          name: "alphabet-cyrillic",
-          hex: "F132D",
-          version: "4.9.95"
-      }, {
-          name: "alphabet-greek",
-          hex: "F132E",
-          version: "4.9.95"
-      }, {
-          name: "alphabet-latin",
-          hex: "F132F",
-          version: "4.9.95"
-      }, {
-          name: "alphabet-piqad",
-          hex: "F1330",
-          version: "4.9.95"
-      }, {
-          name: "alphabet-tengwar",
-          hex: "F1337",
-          version: "4.9.95"
-      }, {
-          name: "alphabetical",
-          hex: "F002C",
-          version: "1.5.54"
-      }, {
-          name: "alphabetical-off",
-          hex: "F100C",
-          version: "4.1.95"
-      }, {
-          name: "alphabetical-variant",
-          hex: "F100D",
-          version: "4.1.95"
-      }, {
-          name: "alphabetical-variant-off",
-          hex: "F100E",
-          version: "4.1.95"
-      }, {
-          name: "altimeter",
-          hex: "F05D7",
-          version: "1.5.54"
-      }, {
-          name: "amazon",
-          hex: "F002D",
-          version: "1.5.54"
-      }, {
-          name: "amazon-alexa",
-          hex: "F08C6",
-          version: "2.3.50"
-      }, {
-          name: "ambulance",
-          hex: "F002F",
-          version: "1.5.54"
-      }, {
-          name: "ammunition",
-          hex: "F0CE8",
-          version: "3.3.92"
-      }, {
-          name: "ampersand",
-          hex: "F0A8D",
-          version: "2.7.94"
-      }, {
-          name: "amplifier",
-          hex: "F0030",
-          version: "1.5.54"
-      }, {
-          name: "amplifier-off",
-          hex: "F11B5",
-          version: "4.5.95"
-      }, {
-          name: "anchor",
-          hex: "F0031",
-          version: "1.5.54"
-      }, {
-          name: "android",
-          hex: "F0032",
-          version: "1.5.54"
-      }, {
-          name: "android-auto",
-          hex: "F0A8E",
-          version: "2.7.94"
-      }, {
-          name: "android-debug-bridge",
-          hex: "F0033",
-          version: "1.5.54"
-      }, {
-          name: "android-messages",
-          hex: "F0D45",
-          version: "3.4.93"
-      }, {
-          name: "android-studio",
-          hex: "F0034",
-          version: "1.5.54"
-      }, {
-          name: "angle-acute",
-          hex: "F0937",
-          version: "2.4.85"
-      }, {
-          name: "angle-obtuse",
-          hex: "F0938",
-          version: "2.4.85"
-      }, {
-          name: "angle-right",
-          hex: "F0939",
-          version: "2.4.85"
-      }, {
-          name: "angular",
-          hex: "F06B2",
-          version: "1.7.22"
-      }, {
-          name: "angularjs",
-          hex: "F06BF",
-          version: "1.8.36"
-      }, {
-          name: "animation",
-          hex: "F05D8",
-          version: "1.5.54"
-      }, {
-          name: "animation-outline",
-          hex: "F0A8F",
-          version: "2.7.94"
-      }, {
-          name: "animation-play",
-          hex: "F093A",
-          version: "2.4.85"
-      }, {
-          name: "animation-play-outline",
-          hex: "F0A90",
-          version: "2.7.94"
-      }, {
-          name: "ansible",
-          hex: "F109A",
-          version: "4.2.95"
-      }, {
-          name: "antenna",
-          hex: "F1119",
-          version: "4.3.95"
-      }, {
-          name: "anvil",
-          hex: "F089B",
-          version: "2.2.43"
-      }, {
-          name: "apache-kafka",
-          hex: "F100F",
-          version: "4.1.95"
-      }, {
-          name: "api",
-          hex: "F109B",
-          version: "4.2.95"
-      }, {
-          name: "api-off",
-          hex: "F1257",
-          version: "4.6.95"
-      }, {
-          name: "apple",
-          hex: "F0035",
-          version: "1.5.54"
-      }, {
-          name: "apple-airplay",
-          hex: "F001F",
-          version: "1.5.54"
-      }, {
-          name: "apple-finder",
-          hex: "F0036",
-          version: "1.5.54"
-      }, {
-          name: "apple-icloud",
-          hex: "F0038",
-          version: "1.5.54"
-      }, {
-          name: "apple-ios",
-          hex: "F0037",
-          version: "1.5.54"
-      }, {
-          name: "apple-keyboard-caps",
-          hex: "F0632",
-          version: "1.6.50"
-      }, {
-          name: "apple-keyboard-command",
-          hex: "F0633",
-          version: "1.6.50"
-      }, {
-          name: "apple-keyboard-control",
-          hex: "F0634",
-          version: "1.6.50"
-      }, {
-          name: "apple-keyboard-option",
-          hex: "F0635",
-          version: "1.6.50"
-      }, {
-          name: "apple-keyboard-shift",
-          hex: "F0636",
-          version: "1.6.50"
-      }, {
-          name: "apple-safari",
-          hex: "F0039",
-          version: "1.5.54"
-      }, {
-          name: "application",
-          hex: "F0614",
-          version: "1.6.50"
-      }, {
-          name: "application-cog",
-          hex: "F1577",
-          version: "5.5.55"
-      }, {
-          name: "application-export",
-          hex: "F0DAD",
-          version: "3.5.94"
-      }, {
-          name: "application-import",
-          hex: "F0DAE",
-          version: "3.5.94"
-      }, {
-          name: "application-settings",
-          hex: "F1555",
-          version: "5.5.55"
-      }, {
-          name: "approximately-equal",
-          hex: "F0F9E",
-          version: "4.0.96"
-      }, {
-          name: "approximately-equal-box",
-          hex: "F0F9F",
-          version: "4.0.96"
-      }, {
-          name: "apps",
-          hex: "F003B",
-          version: "1.5.54"
-      }, {
-          name: "apps-box",
-          hex: "F0D46",
-          version: "3.4.93"
-      }, {
-          name: "arch",
-          hex: "F08C7",
-          version: "2.3.50"
-      }, {
-          name: "archive",
-          hex: "F003C",
-          version: "1.5.54"
-      }, {
-          name: "archive-alert",
-          hex: "F14FD",
-          version: "5.4.55"
-      }, {
-          name: "archive-alert-outline",
-          hex: "F14FE",
-          version: "5.4.55"
-      }, {
-          name: "archive-arrow-down",
-          hex: "F1259",
-          version: "4.7.95"
-      }, {
-          name: "archive-arrow-down-outline",
-          hex: "F125A",
-          version: "4.7.95"
-      }, {
-          name: "archive-arrow-up",
-          hex: "F125B",
-          version: "4.7.95"
-      }, {
-          name: "archive-arrow-up-outline",
-          hex: "F125C",
-          version: "4.7.95"
-      }, {
-          name: "archive-outline",
-          hex: "F120E",
-          version: "4.6.95"
-      }, {
-          name: "arm-flex",
-          hex: "F0FD7",
-          version: "4.2.95"
-      }, {
-          name: "arm-flex-outline",
-          hex: "F0FD6",
-          version: "4.2.95"
-      }, {
-          name: "arrange-bring-forward",
-          hex: "F003D",
-          version: "1.5.54"
-      }, {
-          name: "arrange-bring-to-front",
-          hex: "F003E",
-          version: "1.5.54"
-      }, {
-          name: "arrange-send-backward",
-          hex: "F003F",
-          version: "1.5.54"
-      }, {
-          name: "arrange-send-to-back",
-          hex: "F0040",
-          version: "1.5.54"
-      }, {
-          name: "arrow-all",
-          hex: "F0041",
-          version: "1.5.54"
-      }, {
-          name: "arrow-bottom-left",
-          hex: "F0042",
-          version: "1.5.54"
-      }, {
-          name: "arrow-bottom-left-bold-outline",
-          hex: "F09B7",
-          version: "2.5.94"
-      }, {
-          name: "arrow-bottom-left-thick",
-          hex: "F09B8",
-          version: "2.5.94"
-      }, {
-          name: "arrow-bottom-left-thin-circle-outline",
-          hex: "F1596",
-          version: "5.5.55"
-      }, {
-          name: "arrow-bottom-right",
-          hex: "F0043",
-          version: "1.5.54"
-      }, {
-          name: "arrow-bottom-right-bold-outline",
-          hex: "F09B9",
-          version: "2.5.94"
-      }, {
-          name: "arrow-bottom-right-thick",
-          hex: "F09BA",
-          version: "2.5.94"
-      }, {
-          name: "arrow-bottom-right-thin-circle-outline",
-          hex: "F1595",
-          version: "5.5.55"
-      }, {
-          name: "arrow-collapse",
-          hex: "F0615",
-          version: "1.6.50"
-      }, {
-          name: "arrow-collapse-all",
-          hex: "F0044",
-          version: "1.5.54"
-      }, {
-          name: "arrow-collapse-down",
-          hex: "F0792",
-          version: "2.0.46"
-      }, {
-          name: "arrow-collapse-horizontal",
-          hex: "F084C",
-          version: "2.1.99"
-      }, {
-          name: "arrow-collapse-left",
-          hex: "F0793",
-          version: "2.0.46"
-      }, {
-          name: "arrow-collapse-right",
-          hex: "F0794",
-          version: "2.0.46"
-      }, {
-          name: "arrow-collapse-up",
-          hex: "F0795",
-          version: "2.0.46"
-      }, {
-          name: "arrow-collapse-vertical",
-          hex: "F084D",
-          version: "2.1.99"
-      }, {
-          name: "arrow-decision",
-          hex: "F09BB",
-          version: "2.5.94"
-      }, {
-          name: "arrow-decision-auto",
-          hex: "F09BC",
-          version: "2.5.94"
-      }, {
-          name: "arrow-decision-auto-outline",
-          hex: "F09BD",
-          version: "2.5.94"
-      }, {
-          name: "arrow-decision-outline",
-          hex: "F09BE",
-          version: "2.5.94"
-      }, {
-          name: "arrow-down",
-          hex: "F0045",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-bold",
-          hex: "F072E",
-          version: "1.9.32"
-      }, {
-          name: "arrow-down-bold-box",
-          hex: "F072F",
-          version: "1.9.32"
-      }, {
-          name: "arrow-down-bold-box-outline",
-          hex: "F0730",
-          version: "1.9.32"
-      }, {
-          name: "arrow-down-bold-circle",
-          hex: "F0047",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-bold-circle-outline",
-          hex: "F0048",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-bold-hexagon-outline",
-          hex: "F0049",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-bold-outline",
-          hex: "F09BF",
-          version: "2.5.94"
-      }, {
-          name: "arrow-down-box",
-          hex: "F06C0",
-          version: "1.8.36"
-      }, {
-          name: "arrow-down-circle",
-          hex: "F0CDB",
-          version: "3.3.92"
-      }, {
-          name: "arrow-down-circle-outline",
-          hex: "F0CDC",
-          version: "3.3.92"
-      }, {
-          name: "arrow-down-drop-circle",
-          hex: "F004A",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-drop-circle-outline",
-          hex: "F004B",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-thick",
-          hex: "F0046",
-          version: "1.5.54"
-      }, {
-          name: "arrow-down-thin-circle-outline",
-          hex: "F1599",
-          version: "5.5.55"
-      }, {
-          name: "arrow-expand",
-          hex: "F0616",
-          version: "1.6.50"
-      }, {
-          name: "arrow-expand-all",
-          hex: "F004C",
-          version: "1.5.54"
-      }, {
-          name: "arrow-expand-down",
-          hex: "F0796",
-          version: "2.0.46"
-      }, {
-          name: "arrow-expand-horizontal",
-          hex: "F084E",
-          version: "2.1.99"
-      }, {
-          name: "arrow-expand-left",
-          hex: "F0797",
-          version: "2.0.46"
-      }, {
-          name: "arrow-expand-right",
-          hex: "F0798",
-          version: "2.0.46"
-      }, {
-          name: "arrow-expand-up",
-          hex: "F0799",
-          version: "2.0.46"
-      }, {
-          name: "arrow-expand-vertical",
-          hex: "F084F",
-          version: "2.1.99"
-      }, {
-          name: "arrow-horizontal-lock",
-          hex: "F115B",
-          version: "4.4.95"
-      }, {
-          name: "arrow-left",
-          hex: "F004D",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-bold",
-          hex: "F0731",
-          version: "1.9.32"
-      }, {
-          name: "arrow-left-bold-box",
-          hex: "F0732",
-          version: "1.9.32"
-      }, {
-          name: "arrow-left-bold-box-outline",
-          hex: "F0733",
-          version: "1.9.32"
-      }, {
-          name: "arrow-left-bold-circle",
-          hex: "F004F",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-bold-circle-outline",
-          hex: "F0050",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-bold-hexagon-outline",
-          hex: "F0051",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-bold-outline",
-          hex: "F09C0",
-          version: "2.5.94"
-      }, {
-          name: "arrow-left-box",
-          hex: "F06C1",
-          version: "1.8.36"
-      }, {
-          name: "arrow-left-circle",
-          hex: "F0CDD",
-          version: "3.3.92"
-      }, {
-          name: "arrow-left-circle-outline",
-          hex: "F0CDE",
-          version: "3.3.92"
-      }, {
-          name: "arrow-left-drop-circle",
-          hex: "F0052",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-drop-circle-outline",
-          hex: "F0053",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-right",
-          hex: "F0E73",
-          version: "3.7.94"
-      }, {
-          name: "arrow-left-right-bold",
-          hex: "F0E74",
-          version: "3.7.94"
-      }, {
-          name: "arrow-left-right-bold-outline",
-          hex: "F09C1",
-          version: "2.5.94"
-      }, {
-          name: "arrow-left-thick",
-          hex: "F004E",
-          version: "1.5.54"
-      }, {
-          name: "arrow-left-thin-circle-outline",
-          hex: "F159A",
-          version: "5.5.55"
-      }, {
-          name: "arrow-right",
-          hex: "F0054",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-bold",
-          hex: "F0734",
-          version: "1.9.32"
-      }, {
-          name: "arrow-right-bold-box",
-          hex: "F0735",
-          version: "1.9.32"
-      }, {
-          name: "arrow-right-bold-box-outline",
-          hex: "F0736",
-          version: "1.9.32"
-      }, {
-          name: "arrow-right-bold-circle",
-          hex: "F0056",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-bold-circle-outline",
-          hex: "F0057",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-bold-hexagon-outline",
-          hex: "F0058",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-bold-outline",
-          hex: "F09C2",
-          version: "2.5.94"
-      }, {
-          name: "arrow-right-box",
-          hex: "F06C2",
-          version: "1.8.36"
-      }, {
-          name: "arrow-right-circle",
-          hex: "F0CDF",
-          version: "3.3.92"
-      }, {
-          name: "arrow-right-circle-outline",
-          hex: "F0CE0",
-          version: "3.3.92"
-      }, {
-          name: "arrow-right-drop-circle",
-          hex: "F0059",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-drop-circle-outline",
-          hex: "F005A",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-thick",
-          hex: "F0055",
-          version: "1.5.54"
-      }, {
-          name: "arrow-right-thin-circle-outline",
-          hex: "F1598",
-          version: "5.5.55"
-      }, {
-          name: "arrow-split-horizontal",
-          hex: "F093B",
-          version: "2.4.85"
-      }, {
-          name: "arrow-split-vertical",
-          hex: "F093C",
-          version: "2.4.85"
-      }, {
-          name: "arrow-top-left",
-          hex: "F005B",
-          version: "1.5.54"
-      }, {
-          name: "arrow-top-left-bold-outline",
-          hex: "F09C3",
-          version: "2.5.94"
-      }, {
-          name: "arrow-top-left-bottom-right",
-          hex: "F0E75",
-          version: "3.7.94"
-      }, {
-          name: "arrow-top-left-bottom-right-bold",
-          hex: "F0E76",
-          version: "3.7.94"
-      }, {
-          name: "arrow-top-left-thick",
-          hex: "F09C4",
-          version: "2.5.94"
-      }, {
-          name: "arrow-top-left-thin-circle-outline",
-          hex: "F1593",
-          version: "5.5.55"
-      }, {
-          name: "arrow-top-right",
-          hex: "F005C",
-          version: "1.5.54"
-      }, {
-          name: "arrow-top-right-bold-outline",
-          hex: "F09C5",
-          version: "2.5.94"
-      }, {
-          name: "arrow-top-right-bottom-left",
-          hex: "F0E77",
-          version: "3.7.94"
-      }, {
-          name: "arrow-top-right-bottom-left-bold",
-          hex: "F0E78",
-          version: "3.7.94"
-      }, {
-          name: "arrow-top-right-thick",
-          hex: "F09C6",
-          version: "2.5.94"
-      }, {
-          name: "arrow-top-right-thin-circle-outline",
-          hex: "F1594",
-          version: "5.5.55"
-      }, {
-          name: "arrow-up",
-          hex: "F005D",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-bold",
-          hex: "F0737",
-          version: "1.9.32"
-      }, {
-          name: "arrow-up-bold-box",
-          hex: "F0738",
-          version: "1.9.32"
-      }, {
-          name: "arrow-up-bold-box-outline",
-          hex: "F0739",
-          version: "1.9.32"
-      }, {
-          name: "arrow-up-bold-circle",
-          hex: "F005F",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-bold-circle-outline",
-          hex: "F0060",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-bold-hexagon-outline",
-          hex: "F0061",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-bold-outline",
-          hex: "F09C7",
-          version: "2.5.94"
-      }, {
-          name: "arrow-up-box",
-          hex: "F06C3",
-          version: "1.8.36"
-      }, {
-          name: "arrow-up-circle",
-          hex: "F0CE1",
-          version: "3.3.92"
-      }, {
-          name: "arrow-up-circle-outline",
-          hex: "F0CE2",
-          version: "3.3.92"
-      }, {
-          name: "arrow-up-down",
-          hex: "F0E79",
-          version: "3.7.94"
-      }, {
-          name: "arrow-up-down-bold",
-          hex: "F0E7A",
-          version: "3.7.94"
-      }, {
-          name: "arrow-up-down-bold-outline",
-          hex: "F09C8",
-          version: "2.5.94"
-      }, {
-          name: "arrow-up-drop-circle",
-          hex: "F0062",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-drop-circle-outline",
-          hex: "F0063",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-thick",
-          hex: "F005E",
-          version: "1.5.54"
-      }, {
-          name: "arrow-up-thin-circle-outline",
-          hex: "F1597",
-          version: "5.5.55"
-      }, {
-          name: "arrow-vertical-lock",
-          hex: "F115C",
-          version: "4.4.95"
-      }, {
-          name: "artstation",
-          hex: "F0B5B",
-          version: "3.0.39"
-      }, {
-          name: "aspect-ratio",
-          hex: "F0A24",
-          version: "2.6.95"
-      }, {
-          name: "assistant",
-          hex: "F0064",
-          version: "1.5.54"
-      }, {
-          name: "asterisk",
-          hex: "F06C4",
-          version: "1.8.36"
-      }, {
-          name: "at",
-          hex: "F0065",
-          version: "1.5.54"
-      }, {
-          name: "atlassian",
-          hex: "F0804",
-          version: "2.1.19"
-      }, {
-          name: "atm",
-          hex: "F0D47",
-          version: "3.4.93"
-      }, {
-          name: "atom",
-          hex: "F0768",
-          version: "1.9.32"
-      }, {
-          name: "atom-variant",
-          hex: "F0E7B",
-          version: "3.7.94"
-      }, {
-          name: "attachment",
-          hex: "F0066",
-          version: "1.5.54"
-      }, {
-          name: "audio-video",
-          hex: "F093D",
-          version: "2.4.85"
-      }, {
-          name: "audio-video-off",
-          hex: "F11B6",
-          version: "4.5.95"
-      }, {
-          name: "augmented-reality",
-          hex: "F0850",
-          version: "2.1.99"
-      }, {
-          name: "auto-download",
-          hex: "F137E",
-          version: "4.9.95"
-      }, {
-          name: "auto-fix",
-          hex: "F0068",
-          version: "1.5.54"
-      }, {
-          name: "auto-upload",
-          hex: "F0069",
-          version: "1.5.54"
-      }, {
-          name: "autorenew",
-          hex: "F006A",
-          version: "1.5.54"
-      }, {
-          name: "av-timer",
-          hex: "F006B",
-          version: "1.5.54"
-      }, {
-          name: "aws",
-          hex: "F0E0F",
-          version: "3.6.95"
-      }, {
-          name: "axe",
-          hex: "F08C8",
-          version: "2.3.50"
-      }, {
-          name: "axis",
-          hex: "F0D48",
-          version: "3.4.93"
-      }, {
-          name: "axis-arrow",
-          hex: "F0D49",
-          version: "3.4.93"
-      }, {
-          name: "axis-arrow-info",
-          hex: "F140E",
-          version: "5.1.45"
-      }, {
-          name: "axis-arrow-lock",
-          hex: "F0D4A",
-          version: "3.4.93"
-      }, {
-          name: "axis-lock",
-          hex: "F0D4B",
-          version: "3.4.93"
-      }, {
-          name: "axis-x-arrow",
-          hex: "F0D4C",
-          version: "3.4.93"
-      }, {
-          name: "axis-x-arrow-lock",
-          hex: "F0D4D",
-          version: "3.4.93"
-      }, {
-          name: "axis-x-rotate-clockwise",
-          hex: "F0D4E",
-          version: "3.4.93"
-      }, {
-          name: "axis-x-rotate-counterclockwise",
-          hex: "F0D4F",
-          version: "3.4.93"
-      }, {
-          name: "axis-x-y-arrow-lock",
-          hex: "F0D50",
-          version: "3.4.93"
-      }, {
-          name: "axis-y-arrow",
-          hex: "F0D51",
-          version: "3.4.93"
-      }, {
-          name: "axis-y-arrow-lock",
-          hex: "F0D52",
-          version: "3.4.93"
-      }, {
-          name: "axis-y-rotate-clockwise",
-          hex: "F0D53",
-          version: "3.4.93"
-      }, {
-          name: "axis-y-rotate-counterclockwise",
-          hex: "F0D54",
-          version: "3.4.93"
-      }, {
-          name: "axis-z-arrow",
-          hex: "F0D55",
-          version: "3.4.93"
-      }, {
-          name: "axis-z-arrow-lock",
-          hex: "F0D56",
-          version: "3.4.93"
-      }, {
-          name: "axis-z-rotate-clockwise",
-          hex: "F0D57",
-          version: "3.4.93"
-      }, {
-          name: "axis-z-rotate-counterclockwise",
-          hex: "F0D58",
-          version: "3.4.93"
-      }, {
-          name: "babel",
-          hex: "F0A25",
-          version: "2.6.95"
-      }, {
-          name: "baby",
-          hex: "F006C",
-          version: "1.5.54"
-      }, {
-          name: "baby-bottle",
-          hex: "F0F39",
-          version: "3.9.97"
-      }, {
-          name: "baby-bottle-outline",
-          hex: "F0F3A",
-          version: "3.9.97"
-      }, {
-          name: "baby-buggy",
-          hex: "F13E0",
-          version: "5.1.45"
-      }, {
-          name: "baby-carriage",
-          hex: "F068F",
-          version: "1.7.12"
-      }, {
-          name: "baby-carriage-off",
-          hex: "F0FA0",
-          version: "4.0.96"
-      }, {
-          name: "baby-face",
-          hex: "F0E7C",
-          version: "3.7.94"
-      }, {
-          name: "baby-face-outline",
-          hex: "F0E7D",
-          version: "3.7.94"
-      }, {
-          name: "backburger",
-          hex: "F006D",
-          version: "1.5.54"
-      }, {
-          name: "backspace",
-          hex: "F006E",
-          version: "1.5.54"
-      }, {
-          name: "backspace-outline",
-          hex: "F0B5C",
-          version: "3.0.39"
-      }, {
-          name: "backspace-reverse",
-          hex: "F0E7E",
-          version: "3.7.94"
-      }, {
-          name: "backspace-reverse-outline",
-          hex: "F0E7F",
-          version: "3.7.94"
-      }, {
-          name: "backup-restore",
-          hex: "F006F",
-          version: "1.5.54"
-      }, {
-          name: "bacteria",
-          hex: "F0ED5",
-          version: "3.8.95"
-      }, {
-          name: "bacteria-outline",
-          hex: "F0ED6",
-          version: "3.8.95"
-      }, {
-          name: "badge-account",
-          hex: "F0DA7",
-          version: "3.5.94"
-      }, {
-          name: "badge-account-alert",
-          hex: "F0DA8",
-          version: "3.5.94"
-      }, {
-          name: "badge-account-alert-outline",
-          hex: "F0DA9",
-          version: "3.5.94"
-      }, {
-          name: "badge-account-horizontal",
-          hex: "F0E0D",
-          version: "3.6.95"
-      }, {
-          name: "badge-account-horizontal-outline",
-          hex: "F0E0E",
-          version: "3.6.95"
-      }, {
-          name: "badge-account-outline",
-          hex: "F0DAA",
-          version: "3.5.94"
-      }, {
-          name: "badminton",
-          hex: "F0851",
-          version: "2.1.99"
-      }, {
-          name: "bag-carry-on",
-          hex: "F0F3B",
-          version: "3.9.97"
-      }, {
-          name: "bag-carry-on-check",
-          hex: "F0D65",
-          version: "3.4.93"
-      }, {
-          name: "bag-carry-on-off",
-          hex: "F0F3C",
-          version: "3.9.97"
-      }, {
-          name: "bag-checked",
-          hex: "F0F3D",
-          version: "3.9.97"
-      }, {
-          name: "bag-personal",
-          hex: "F0E10",
-          version: "3.6.95"
-      }, {
-          name: "bag-personal-off",
-          hex: "F0E11",
-          version: "3.6.95"
-      }, {
-          name: "bag-personal-off-outline",
-          hex: "F0E12",
-          version: "3.6.95"
-      }, {
-          name: "bag-personal-outline",
-          hex: "F0E13",
-          version: "3.6.95"
-      }, {
-          name: "bag-suitcase",
-          hex: "F158B",
-          version: "5.5.55"
-      }, {
-          name: "bag-suitcase-off",
-          hex: "F158D",
-          version: "5.5.55"
-      }, {
-          name: "bag-suitcase-off-outline",
-          hex: "F158E",
-          version: "5.5.55"
-      }, {
-          name: "bag-suitcase-outline",
-          hex: "F158C",
-          version: "5.5.55"
-      }, {
-          name: "baguette",
-          hex: "F0F3E",
-          version: "3.9.97"
-      }, {
-          name: "balloon",
-          hex: "F0A26",
-          version: "2.6.95"
-      }, {
-          name: "ballot",
-          hex: "F09C9",
-          version: "2.5.94"
-      }, {
-          name: "ballot-outline",
-          hex: "F09CA",
-          version: "2.5.94"
-      }, {
-          name: "ballot-recount",
-          hex: "F0C39",
-          version: "3.2.89"
-      }, {
-          name: "ballot-recount-outline",
-          hex: "F0C3A",
-          version: "3.2.89"
-      }, {
-          name: "bandage",
-          hex: "F0DAF",
-          version: "3.5.94"
-      }, {
-          name: "bandcamp",
-          hex: "F0675",
-          version: "1.7.12"
-      }, {
-          name: "bank",
-          hex: "F0070",
-          version: "1.5.54"
-      }, {
-          name: "bank-check",
-          hex: "F1655",
-          version: "5.7.55"
-      }, {
-          name: "bank-minus",
-          hex: "F0DB0",
-          version: "3.5.94"
-      }, {
-          name: "bank-off",
-          hex: "F1656",
-          version: "5.7.55"
-      }, {
-          name: "bank-off-outline",
-          hex: "F1657",
-          version: "5.7.55"
-      }, {
-          name: "bank-outline",
-          hex: "F0E80",
-          version: "3.7.94"
-      }, {
-          name: "bank-plus",
-          hex: "F0DB1",
-          version: "3.5.94"
-      }, {
-          name: "bank-remove",
-          hex: "F0DB2",
-          version: "3.5.94"
-      }, {
-          name: "bank-transfer",
-          hex: "F0A27",
-          version: "2.6.95"
-      }, {
-          name: "bank-transfer-in",
-          hex: "F0A28",
-          version: "2.6.95"
-      }, {
-          name: "bank-transfer-out",
-          hex: "F0A29",
-          version: "2.6.95"
-      }, {
-          name: "barcode",
-          hex: "F0071",
-          version: "1.5.54"
-      }, {
-          name: "barcode-off",
-          hex: "F1236",
-          version: "4.6.95"
-      }, {
-          name: "barcode-scan",
-          hex: "F0072",
-          version: "1.5.54"
-      }, {
-          name: "barley",
-          hex: "F0073",
-          version: "1.5.54"
-      }, {
-          name: "barley-off",
-          hex: "F0B5D",
-          version: "3.0.39"
-      }, {
-          name: "barn",
-          hex: "F0B5E",
-          version: "3.0.39"
-      }, {
-          name: "barrel",
-          hex: "F0074",
-          version: "1.5.54"
-      }, {
-          name: "baseball",
-          hex: "F0852",
-          version: "2.1.99"
-      }, {
-          name: "baseball-bat",
-          hex: "F0853",
-          version: "2.1.99"
-      }, {
-          name: "baseball-diamond",
-          hex: "F15EC",
-          version: "5.6.55"
-      }, {
-          name: "baseball-diamond-outline",
-          hex: "F15ED",
-          version: "5.6.55"
-      }, {
-          name: "bash",
-          hex: "F1183",
-          version: "4.4.95"
-      }, {
-          name: "basket",
-          hex: "F0076",
-          version: "1.5.54"
-      }, {
-          name: "basket-fill",
-          hex: "F0077",
-          version: "1.5.54"
-      }, {
-          name: "basket-minus",
-          hex: "F1523",
-          version: "5.4.55"
-      }, {
-          name: "basket-minus-outline",
-          hex: "F1524",
-          version: "5.4.55"
-      }, {
-          name: "basket-off",
-          hex: "F1525",
-          version: "5.4.55"
-      }, {
-          name: "basket-off-outline",
-          hex: "F1526",
-          version: "5.4.55"
-      }, {
-          name: "basket-outline",
-          hex: "F1181",
-          version: "4.4.95"
-      }, {
-          name: "basket-plus",
-          hex: "F1527",
-          version: "5.4.55"
-      }, {
-          name: "basket-plus-outline",
-          hex: "F1528",
-          version: "5.4.55"
-      }, {
-          name: "basket-remove",
-          hex: "F1529",
-          version: "5.4.55"
-      }, {
-          name: "basket-remove-outline",
-          hex: "F152A",
-          version: "5.4.55"
-      }, {
-          name: "basket-unfill",
-          hex: "F0078",
-          version: "1.5.54"
-      }, {
-          name: "basketball",
-          hex: "F0806",
-          version: "2.1.19"
-      }, {
-          name: "basketball-hoop",
-          hex: "F0C3B",
-          version: "3.2.89"
-      }, {
-          name: "basketball-hoop-outline",
-          hex: "F0C3C",
-          version: "3.2.89"
-      }, {
-          name: "bat",
-          hex: "F0B5F",
-          version: "3.0.39"
-      }, {
-          name: "battery",
-          hex: "F0079",
-          version: "1.5.54"
-      }, {
-          name: "battery-10",
-          hex: "F007A",
-          version: "1.5.54"
-      }, {
-          name: "battery-10-bluetooth",
-          hex: "F093E",
-          version: "2.4.85"
-      }, {
-          name: "battery-20",
-          hex: "F007B",
-          version: "1.5.54"
-      }, {
-          name: "battery-20-bluetooth",
-          hex: "F093F",
-          version: "2.4.85"
-      }, {
-          name: "battery-30",
-          hex: "F007C",
-          version: "1.5.54"
-      }, {
-          name: "battery-30-bluetooth",
-          hex: "F0940",
-          version: "2.4.85"
-      }, {
-          name: "battery-40",
-          hex: "F007D",
-          version: "1.5.54"
-      }, {
-          name: "battery-40-bluetooth",
-          hex: "F0941",
-          version: "2.4.85"
-      }, {
-          name: "battery-50",
-          hex: "F007E",
-          version: "1.5.54"
-      }, {
-          name: "battery-50-bluetooth",
-          hex: "F0942",
-          version: "2.4.85"
-      }, {
-          name: "battery-60",
-          hex: "F007F",
-          version: "1.5.54"
-      }, {
-          name: "battery-60-bluetooth",
-          hex: "F0943",
-          version: "2.4.85"
-      }, {
-          name: "battery-70",
-          hex: "F0080",
-          version: "1.5.54"
-      }, {
-          name: "battery-70-bluetooth",
-          hex: "F0944",
-          version: "2.4.85"
-      }, {
-          name: "battery-80",
-          hex: "F0081",
-          version: "1.5.54"
-      }, {
-          name: "battery-80-bluetooth",
-          hex: "F0945",
-          version: "2.4.85"
-      }, {
-          name: "battery-90",
-          hex: "F0082",
-          version: "1.5.54"
-      }, {
-          name: "battery-90-bluetooth",
-          hex: "F0946",
-          version: "2.4.85"
-      }, {
-          name: "battery-alert",
-          hex: "F0083",
-          version: "1.5.54"
-      }, {
-          name: "battery-alert-bluetooth",
-          hex: "F0947",
-          version: "2.4.85"
-      }, {
-          name: "battery-alert-variant",
-          hex: "F10CC",
-          version: "4.3.95"
-      }, {
-          name: "battery-alert-variant-outline",
-          hex: "F10CD",
-          version: "4.3.95"
-      }, {
-          name: "battery-bluetooth",
-          hex: "F0948",
-          version: "2.4.85"
-      }, {
-          name: "battery-bluetooth-variant",
-          hex: "F0949",
-          version: "2.4.85"
-      }, {
-          name: "battery-charging",
-          hex: "F0084",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-10",
-          hex: "F089C",
-          version: "2.2.43"
-      }, {
-          name: "battery-charging-100",
-          hex: "F0085",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-20",
-          hex: "F0086",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-30",
-          hex: "F0087",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-40",
-          hex: "F0088",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-50",
-          hex: "F089D",
-          version: "2.2.43"
-      }, {
-          name: "battery-charging-60",
-          hex: "F0089",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-70",
-          hex: "F089E",
-          version: "2.2.43"
-      }, {
-          name: "battery-charging-80",
-          hex: "F008A",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-90",
-          hex: "F008B",
-          version: "1.5.54"
-      }, {
-          name: "battery-charging-high",
-          hex: "F12A6",
-          version: "4.7.95"
-      }, {
-          name: "battery-charging-low",
-          hex: "F12A4",
-          version: "4.7.95"
-      }, {
-          name: "battery-charging-medium",
-          hex: "F12A5",
-          version: "4.7.95"
-      }, {
-          name: "battery-charging-outline",
-          hex: "F089F",
-          version: "2.2.43"
-      }, {
-          name: "battery-charging-wireless",
-          hex: "F0807",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-10",
-          hex: "F0808",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-20",
-          hex: "F0809",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-30",
-          hex: "F080A",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-40",
-          hex: "F080B",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-50",
-          hex: "F080C",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-60",
-          hex: "F080D",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-70",
-          hex: "F080E",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-80",
-          hex: "F080F",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-90",
-          hex: "F0810",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-alert",
-          hex: "F0811",
-          version: "2.1.19"
-      }, {
-          name: "battery-charging-wireless-outline",
-          hex: "F0812",
-          version: "2.1.19"
-      }, {
-          name: "battery-heart",
-          hex: "F120F",
-          version: "4.6.95"
-      }, {
-          name: "battery-heart-outline",
-          hex: "F1210",
-          version: "4.6.95"
-      }, {
-          name: "battery-heart-variant",
-          hex: "F1211",
-          version: "4.6.95"
-      }, {
-          name: "battery-high",
-          hex: "F12A3",
-          version: "4.7.95"
-      }, {
-          name: "battery-low",
-          hex: "F12A1",
-          version: "4.7.95"
-      }, {
-          name: "battery-medium",
-          hex: "F12A2",
-          version: "4.7.95"
-      }, {
-          name: "battery-minus",
-          hex: "F008C",
-          version: "1.5.54"
-      }, {
-          name: "battery-negative",
-          hex: "F008D",
-          version: "1.5.54"
-      }, {
-          name: "battery-off",
-          hex: "F125D",
-          version: "4.7.95"
-      }, {
-          name: "battery-off-outline",
-          hex: "F125E",
-          version: "4.7.95"
-      }, {
-          name: "battery-outline",
-          hex: "F008E",
-          version: "1.5.54"
-      }, {
-          name: "battery-plus",
-          hex: "F008F",
-          version: "1.5.54"
-      }, {
-          name: "battery-positive",
-          hex: "F0090",
-          version: "1.5.54"
-      }, {
-          name: "battery-unknown",
-          hex: "F0091",
-          version: "1.5.54"
-      }, {
-          name: "battery-unknown-bluetooth",
-          hex: "F094A",
-          version: "2.4.85"
-      }, {
-          name: "battlenet",
-          hex: "F0B60",
-          version: "3.0.39"
-      }, {
-          name: "beach",
-          hex: "F0092",
-          version: "1.5.54"
-      }, {
-          name: "beaker",
-          hex: "F0CEA",
-          version: "3.3.92"
-      }, {
-          name: "beaker-alert",
-          hex: "F1229",
-          version: "4.6.95"
-      }, {
-          name: "beaker-alert-outline",
-          hex: "F122A",
-          version: "4.6.95"
-      }, {
-          name: "beaker-check",
-          hex: "F122B",
-          version: "4.6.95"
-      }, {
-          name: "beaker-check-outline",
-          hex: "F122C",
-          version: "4.6.95"
-      }, {
-          name: "beaker-minus",
-          hex: "F122D",
-          version: "4.6.95"
-      }, {
-          name: "beaker-minus-outline",
-          hex: "F122E",
-          version: "4.6.95"
-      }, {
-          name: "beaker-outline",
-          hex: "F0690",
-          version: "1.7.12"
-      }, {
-          name: "beaker-plus",
-          hex: "F122F",
-          version: "4.6.95"
-      }, {
-          name: "beaker-plus-outline",
-          hex: "F1230",
-          version: "4.6.95"
-      }, {
-          name: "beaker-question",
-          hex: "F1231",
-          version: "4.6.95"
-      }, {
-          name: "beaker-question-outline",
-          hex: "F1232",
-          version: "4.6.95"
-      }, {
-          name: "beaker-remove",
-          hex: "F1233",
-          version: "4.6.95"
-      }, {
-          name: "beaker-remove-outline",
-          hex: "F1234",
-          version: "4.6.95"
-      }, {
-          name: "bed",
-          hex: "F02E3",
-          version: "1.5.54"
-      }, {
-          name: "bed-double",
-          hex: "F0FD4",
-          version: "4.2.95"
-      }, {
-          name: "bed-double-outline",
-          hex: "F0FD3",
-          version: "4.2.95"
-      }, {
-          name: "bed-empty",
-          hex: "F08A0",
-          version: "2.2.43"
-      }, {
-          name: "bed-king",
-          hex: "F0FD2",
-          version: "4.2.95"
-      }, {
-          name: "bed-king-outline",
-          hex: "F0FD1",
-          version: "4.2.95"
-      }, {
-          name: "bed-outline",
-          hex: "F0099",
-          version: "1.5.54"
-      }, {
-          name: "bed-queen",
-          hex: "F0FD0",
-          version: "4.2.95"
-      }, {
-          name: "bed-queen-outline",
-          hex: "F0FDB",
-          version: "4.2.95"
-      }, {
-          name: "bed-single",
-          hex: "F106D",
-          version: "4.2.95"
-      }, {
-          name: "bed-single-outline",
-          hex: "F106E",
-          version: "4.2.95"
-      }, {
-          name: "bee",
-          hex: "F0FA1",
-          version: "4.0.96"
-      }, {
-          name: "bee-flower",
-          hex: "F0FA2",
-          version: "4.0.96"
-      }, {
-          name: "beehive-off-outline",
-          hex: "F13ED",
-          version: "5.1.45"
-      }, {
-          name: "beehive-outline",
-          hex: "F10CE",
-          version: "4.3.95"
-      }, {
-          name: "beekeeper",
-          hex: "F14E2",
-          version: "5.4.55"
-      }, {
-          name: "beer",
-          hex: "F0098",
-          version: "1.5.54"
-      }, {
-          name: "beer-outline",
-          hex: "F130C",
-          version: "4.8.95"
-      }, {
-          name: "bell",
-          hex: "F009A",
-          version: "1.5.54"
-      }, {
-          name: "bell-alert",
-          hex: "F0D59",
-          version: "3.4.93"
-      }, {
-          name: "bell-alert-outline",
-          hex: "F0E81",
-          version: "3.7.94"
-      }, {
-          name: "bell-cancel",
-          hex: "F13E7",
-          version: "5.1.45"
-      }, {
-          name: "bell-cancel-outline",
-          hex: "F13E8",
-          version: "5.1.45"
-      }, {
-          name: "bell-check",
-          hex: "F11E5",
-          version: "4.5.95"
-      }, {
-          name: "bell-check-outline",
-          hex: "F11E6",
-          version: "4.5.95"
-      }, {
-          name: "bell-circle",
-          hex: "F0D5A",
-          version: "3.4.93"
-      }, {
-          name: "bell-circle-outline",
-          hex: "F0D5B",
-          version: "3.4.93"
-      }, {
-          name: "bell-minus",
-          hex: "F13E9",
-          version: "5.1.45"
-      }, {
-          name: "bell-minus-outline",
-          hex: "F13EA",
-          version: "5.1.45"
-      }, {
-          name: "bell-off",
-          hex: "F009B",
-          version: "1.5.54"
-      }, {
-          name: "bell-off-outline",
-          hex: "F0A91",
-          version: "2.7.94"
-      }, {
-          name: "bell-outline",
-          hex: "F009C",
-          version: "1.5.54"
-      }, {
-          name: "bell-plus",
-          hex: "F009D",
-          version: "1.5.54"
-      }, {
-          name: "bell-plus-outline",
-          hex: "F0A92",
-          version: "2.7.94"
-      }, {
-          name: "bell-remove",
-          hex: "F13EB",
-          version: "5.1.45"
-      }, {
-          name: "bell-remove-outline",
-          hex: "F13EC",
-          version: "5.1.45"
-      }, {
-          name: "bell-ring",
-          hex: "F009E",
-          version: "1.5.54"
-      }, {
-          name: "bell-ring-outline",
-          hex: "F009F",
-          version: "1.5.54"
-      }, {
-          name: "bell-sleep",
-          hex: "F00A0",
-          version: "1.5.54"
-      }, {
-          name: "bell-sleep-outline",
-          hex: "F0A93",
-          version: "2.7.94"
-      }, {
-          name: "beta",
-          hex: "F00A1",
-          version: "1.5.54"
-      }, {
-          name: "betamax",
-          hex: "F09CB",
-          version: "2.5.94"
-      }, {
-          name: "biathlon",
-          hex: "F0E14",
-          version: "3.6.95"
-      }, {
-          name: "bicycle",
-          hex: "F109C",
-          version: "4.2.95"
-      }, {
-          name: "bicycle-basket",
-          hex: "F1235",
-          version: "4.6.95"
-      }, {
-          name: "bicycle-electric",
-          hex: "F15B4",
-          version: "5.6.55"
-      }, {
-          name: "bicycle-penny-farthing",
-          hex: "F15E9",
-          version: "5.6.55"
-      }, {
-          name: "bike",
-          hex: "F00A3",
-          version: "1.5.54"
-      }, {
-          name: "bike-fast",
-          hex: "F111F",
-          version: "4.3.95"
-      }, {
-          name: "billboard",
-          hex: "F1010",
-          version: "4.1.95"
-      }, {
-          name: "billiards",
-          hex: "F0B61",
-          version: "3.0.39"
-      }, {
-          name: "billiards-rack",
-          hex: "F0B62",
-          version: "3.0.39"
-      }, {
-          name: "binoculars",
-          hex: "F00A5",
-          version: "1.5.54"
-      }, {
-          name: "bio",
-          hex: "F00A6",
-          version: "1.5.54"
-      }, {
-          name: "biohazard",
-          hex: "F00A7",
-          version: "1.5.54"
-      }, {
-          name: "bird",
-          hex: "F15C6",
-          version: "5.6.55"
-      }, {
-          name: "bitbucket",
-          hex: "F00A8",
-          version: "1.5.54"
-      }, {
-          name: "bitcoin",
-          hex: "F0813",
-          version: "2.1.19"
-      }, {
-          name: "black-mesa",
-          hex: "F00A9",
-          version: "1.5.54"
-      }, {
-          name: "blender",
-          hex: "F0CEB",
-          version: "3.3.92"
-      }, {
-          name: "blender-software",
-          hex: "F00AB",
-          version: "1.5.54"
-      }, {
-          name: "blinds",
-          hex: "F00AC",
-          version: "1.5.54"
-      }, {
-          name: "blinds-open",
-          hex: "F1011",
-          version: "4.1.95"
-      }, {
-          name: "block-helper",
-          hex: "F00AD",
-          version: "1.5.54"
-      }, {
-          name: "blogger",
-          hex: "F00AE",
-          version: "1.5.54"
-      }, {
-          name: "blood-bag",
-          hex: "F0CEC",
-          version: "3.3.92"
-      }, {
-          name: "bluetooth",
-          hex: "F00AF",
-          version: "1.5.54"
-      }, {
-          name: "bluetooth-audio",
-          hex: "F00B0",
-          version: "1.5.54"
-      }, {
-          name: "bluetooth-connect",
-          hex: "F00B1",
-          version: "1.5.54"
-      }, {
-          name: "bluetooth-off",
-          hex: "F00B2",
-          version: "1.5.54"
-      }, {
-          name: "bluetooth-settings",
-          hex: "F00B3",
-          version: "1.5.54"
-      }, {
-          name: "bluetooth-transfer",
-          hex: "F00B4",
-          version: "1.5.54"
-      }, {
-          name: "blur",
-          hex: "F00B5",
-          version: "1.5.54"
-      }, {
-          name: "blur-linear",
-          hex: "F00B6",
-          version: "1.5.54"
-      }, {
-          name: "blur-off",
-          hex: "F00B7",
-          version: "1.5.54"
-      }, {
-          name: "blur-radial",
-          hex: "F00B8",
-          version: "1.5.54"
-      }, {
-          name: "bolnisi-cross",
-          hex: "F0CED",
-          version: "3.3.92"
-      }, {
-          name: "bolt",
-          hex: "F0DB3",
-          version: "3.5.94"
-      }, {
-          name: "bomb",
-          hex: "F0691",
-          version: "1.7.12"
-      }, {
-          name: "bomb-off",
-          hex: "F06C5",
-          version: "1.8.36"
-      }, {
-          name: "bone",
-          hex: "F00B9",
-          version: "1.5.54"
-      }, {
-          name: "book",
-          hex: "F00BA",
-          version: "1.5.54"
-      }, {
-          name: "book-account",
-          hex: "F13AD",
-          version: "5.0.45"
-      }, {
-          name: "book-account-outline",
-          hex: "F13AE",
-          version: "5.0.45"
-      }, {
-          name: "book-alert",
-          hex: "F167C",
-          version: "5.8.55"
-      }, {
-          name: "book-alert-outline",
-          hex: "F167D",
-          version: "5.8.55"
-      }, {
-          name: "book-alphabet",
-          hex: "F061D",
-          version: "1.6.50"
-      }, {
-          name: "book-arrow-down",
-          hex: "F167E",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-down-outline",
-          hex: "F167F",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-left",
-          hex: "F1680",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-left-outline",
-          hex: "F1681",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-right",
-          hex: "F1682",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-right-outline",
-          hex: "F1683",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-up",
-          hex: "F1684",
-          version: "5.8.55"
-      }, {
-          name: "book-arrow-up-outline",
-          hex: "F1685",
-          version: "5.8.55"
-      }, {
-          name: "book-cancel",
-          hex: "F1686",
-          version: "5.8.55"
-      }, {
-          name: "book-cancel-outline",
-          hex: "F1687",
-          version: "5.8.55"
-      }, {
-          name: "book-check",
-          hex: "F14F3",
-          version: "5.4.55"
-      }, {
-          name: "book-check-outline",
-          hex: "F14F4",
-          version: "5.4.55"
-      }, {
-          name: "book-clock",
-          hex: "F1688",
-          version: "5.8.55"
-      }, {
-          name: "book-clock-outline",
-          hex: "F1689",
-          version: "5.8.55"
-      }, {
-          name: "book-cog",
-          hex: "F168A",
-          version: "5.8.55"
-      }, {
-          name: "book-cog-outline",
-          hex: "F168B",
-          version: "5.8.55"
-      }, {
-          name: "book-cross",
-          hex: "F00A2",
-          version: "1.5.54"
-      }, {
-          name: "book-edit",
-          hex: "F168C",
-          version: "5.8.55"
-      }, {
-          name: "book-edit-outline",
-          hex: "F168D",
-          version: "5.8.55"
-      }, {
-          name: "book-education",
-          hex: "F16C9",
-          version: "5.8.55"
-      }, {
-          name: "book-education-outline",
-          hex: "F16CA",
-          version: "5.8.55"
-      }, {
-          name: "book-information-variant",
-          hex: "F106F",
-          version: "4.2.95"
-      }, {
-          name: "book-lock",
-          hex: "F079A",
-          version: "2.0.46"
-      }, {
-          name: "book-lock-open",
-          hex: "F079B",
-          version: "2.0.46"
-      }, {
-          name: "book-lock-open-outline",
-          hex: "F168E",
-          version: "5.8.55"
-      }, {
-          name: "book-lock-outline",
-          hex: "F168F",
-          version: "5.8.55"
-      }, {
-          name: "book-marker",
-          hex: "F1690",
-          version: "5.8.55"
-      }, {
-          name: "book-marker-outline",
-          hex: "F1691",
-          version: "5.8.55"
-      }, {
-          name: "book-minus",
-          hex: "F05D9",
-          version: "1.5.54"
-      }, {
-          name: "book-minus-multiple",
-          hex: "F0A94",
-          version: "2.7.94"
-      }, {
-          name: "book-minus-multiple-outline",
-          hex: "F090B",
-          version: "2.3.50"
-      }, {
-          name: "book-minus-outline",
-          hex: "F1692",
-          version: "5.8.55"
-      }, {
-          name: "book-multiple",
-          hex: "F00BB",
-          version: "1.5.54"
-      }, {
-          name: "book-multiple-outline",
-          hex: "F0436",
-          version: "1.5.54"
-      }, {
-          name: "book-music",
-          hex: "F0067",
-          version: "1.5.54"
-      }, {
-          name: "book-music-outline",
-          hex: "F1693",
-          version: "5.8.55"
-      }, {
-          name: "book-off",
-          hex: "F1694",
-          version: "5.8.55"
-      }, {
-          name: "book-off-outline",
-          hex: "F1695",
-          version: "5.8.55"
-      }, {
-          name: "book-open",
-          hex: "F00BD",
-          version: "1.5.54"
-      }, {
-          name: "book-open-blank-variant",
-          hex: "F00BE",
-          version: "1.5.54"
-      }, {
-          name: "book-open-outline",
-          hex: "F0B63",
-          version: "3.0.39"
-      }, {
-          name: "book-open-page-variant",
-          hex: "F05DA",
-          version: "1.5.54"
-      }, {
-          name: "book-open-page-variant-outline",
-          hex: "F15D6",
-          version: "5.6.55"
-      }, {
-          name: "book-open-variant",
-          hex: "F14F7",
-          version: "5.4.55"
-      }, {
-          name: "book-outline",
-          hex: "F0B64",
-          version: "3.0.39"
-      }, {
-          name: "book-play",
-          hex: "F0E82",
-          version: "3.7.94"
-      }, {
-          name: "book-play-outline",
-          hex: "F0E83",
-          version: "3.7.94"
-      }, {
-          name: "book-plus",
-          hex: "F05DB",
-          version: "1.5.54"
-      }, {
-          name: "book-plus-multiple",
-          hex: "F0A95",
-          version: "2.7.94"
-      }, {
-          name: "book-plus-multiple-outline",
-          hex: "F0ADE",
-          version: "2.7.94"
-      }, {
-          name: "book-plus-outline",
-          hex: "F1696",
-          version: "5.8.55"
-      }, {
-          name: "book-refresh",
-          hex: "F1697",
-          version: "5.8.55"
-      }, {
-          name: "book-refresh-outline",
-          hex: "F1698",
-          version: "5.8.55"
-      }, {
-          name: "book-remove",
-          hex: "F0A97",
-          version: "2.7.94"
-      }, {
-          name: "book-remove-multiple",
-          hex: "F0A96",
-          version: "2.7.94"
-      }, {
-          name: "book-remove-multiple-outline",
-          hex: "F04CA",
-          version: "1.5.54"
-      }, {
-          name: "book-remove-outline",
-          hex: "F1699",
-          version: "5.8.55"
-      }, {
-          name: "book-search",
-          hex: "F0E84",
-          version: "3.7.94"
-      }, {
-          name: "book-search-outline",
-          hex: "F0E85",
-          version: "3.7.94"
-      }, {
-          name: "book-settings",
-          hex: "F169A",
-          version: "5.8.55"
-      }, {
-          name: "book-settings-outline",
-          hex: "F169B",
-          version: "5.8.55"
-      }, {
-          name: "book-sync",
-          hex: "F169C",
-          version: "5.8.55"
-      }, {
-          name: "book-sync-outline",
-          hex: "F16C8",
-          version: "5.8.55"
-      }, {
-          name: "book-variant",
-          hex: "F00BF",
-          version: "1.5.54"
-      }, {
-          name: "book-variant-multiple",
-          hex: "F00BC",
-          version: "1.5.54"
-      }, {
-          name: "bookmark",
-          hex: "F00C0",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-check",
-          hex: "F00C1",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-check-outline",
-          hex: "F137B",
-          version: "4.9.95"
-      }, {
-          name: "bookmark-minus",
-          hex: "F09CC",
-          version: "2.5.94"
-      }, {
-          name: "bookmark-minus-outline",
-          hex: "F09CD",
-          version: "2.5.94"
-      }, {
-          name: "bookmark-multiple",
-          hex: "F0E15",
-          version: "3.6.95"
-      }, {
-          name: "bookmark-multiple-outline",
-          hex: "F0E16",
-          version: "3.6.95"
-      }, {
-          name: "bookmark-music",
-          hex: "F00C2",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-music-outline",
-          hex: "F1379",
-          version: "4.9.95"
-      }, {
-          name: "bookmark-off",
-          hex: "F09CE",
-          version: "2.5.94"
-      }, {
-          name: "bookmark-off-outline",
-          hex: "F09CF",
-          version: "2.5.94"
-      }, {
-          name: "bookmark-outline",
-          hex: "F00C3",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-plus",
-          hex: "F00C5",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-plus-outline",
-          hex: "F00C4",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-remove",
-          hex: "F00C6",
-          version: "1.5.54"
-      }, {
-          name: "bookmark-remove-outline",
-          hex: "F137A",
-          version: "4.9.95"
-      }, {
-          name: "bookshelf",
-          hex: "F125F",
-          version: "4.7.95"
-      }, {
-          name: "boom-gate",
-          hex: "F0E86",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-alert",
-          hex: "F0E87",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-alert-outline",
-          hex: "F0E88",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-down",
-          hex: "F0E89",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-down-outline",
-          hex: "F0E8A",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-outline",
-          hex: "F0E8B",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-up",
-          hex: "F0E8C",
-          version: "3.7.94"
-      }, {
-          name: "boom-gate-up-outline",
-          hex: "F0E8D",
-          version: "3.7.94"
-      }, {
-          name: "boombox",
-          hex: "F05DC",
-          version: "1.5.54"
-      }, {
-          name: "boomerang",
-          hex: "F10CF",
-          version: "4.3.95"
-      }, {
-          name: "bootstrap",
-          hex: "F06C6",
-          version: "1.8.36"
-      }, {
-          name: "border-all",
-          hex: "F00C7",
-          version: "1.5.54"
-      }, {
-          name: "border-all-variant",
-          hex: "F08A1",
-          version: "2.2.43"
-      }, {
-          name: "border-bottom",
-          hex: "F00C8",
-          version: "1.5.54"
-      }, {
-          name: "border-bottom-variant",
-          hex: "F08A2",
-          version: "2.2.43"
-      }, {
-          name: "border-color",
-          hex: "F00C9",
-          version: "1.5.54"
-      }, {
-          name: "border-horizontal",
-          hex: "F00CA",
-          version: "1.5.54"
-      }, {
-          name: "border-inside",
-          hex: "F00CB",
-          version: "1.5.54"
-      }, {
-          name: "border-left",
-          hex: "F00CC",
-          version: "1.5.54"
-      }, {
-          name: "border-left-variant",
-          hex: "F08A3",
-          version: "2.2.43"
-      }, {
-          name: "border-none",
-          hex: "F00CD",
-          version: "1.5.54"
-      }, {
-          name: "border-none-variant",
-          hex: "F08A4",
-          version: "2.2.43"
-      }, {
-          name: "border-outside",
-          hex: "F00CE",
-          version: "1.5.54"
-      }, {
-          name: "border-right",
-          hex: "F00CF",
-          version: "1.5.54"
-      }, {
-          name: "border-right-variant",
-          hex: "F08A5",
-          version: "2.2.43"
-      }, {
-          name: "border-style",
-          hex: "F00D0",
-          version: "1.5.54"
-      }, {
-          name: "border-top",
-          hex: "F00D1",
-          version: "1.5.54"
-      }, {
-          name: "border-top-variant",
-          hex: "F08A6",
-          version: "2.2.43"
-      }, {
-          name: "border-vertical",
-          hex: "F00D2",
-          version: "1.5.54"
-      }, {
-          name: "bottle-soda",
-          hex: "F1070",
-          version: "4.2.95"
-      }, {
-          name: "bottle-soda-classic",
-          hex: "F1071",
-          version: "4.2.95"
-      }, {
-          name: "bottle-soda-classic-outline",
-          hex: "F1363",
-          version: "4.9.95"
-      }, {
-          name: "bottle-soda-outline",
-          hex: "F1072",
-          version: "4.2.95"
-      }, {
-          name: "bottle-tonic",
-          hex: "F112E",
-          version: "4.4.95"
-      }, {
-          name: "bottle-tonic-outline",
-          hex: "F112F",
-          version: "4.4.95"
-      }, {
-          name: "bottle-tonic-plus",
-          hex: "F1130",
-          version: "4.4.95"
-      }, {
-          name: "bottle-tonic-plus-outline",
-          hex: "F1131",
-          version: "4.4.95"
-      }, {
-          name: "bottle-tonic-skull",
-          hex: "F1132",
-          version: "4.4.95"
-      }, {
-          name: "bottle-tonic-skull-outline",
-          hex: "F1133",
-          version: "4.4.95"
-      }, {
-          name: "bottle-wine",
-          hex: "F0854",
-          version: "2.1.99"
-      }, {
-          name: "bottle-wine-outline",
-          hex: "F1310",
-          version: "4.8.95"
-      }, {
-          name: "bow-tie",
-          hex: "F0678",
-          version: "1.7.12"
-      }, {
-          name: "bowl",
-          hex: "F028E",
-          version: "1.5.54"
-      }, {
-          name: "bowl-mix",
-          hex: "F0617",
-          version: "1.6.50"
-      }, {
-          name: "bowl-mix-outline",
-          hex: "F02E4",
-          version: "1.5.54"
-      }, {
-          name: "bowl-outline",
-          hex: "F02A9",
-          version: "1.5.54"
-      }, {
-          name: "bowling",
-          hex: "F00D3",
-          version: "1.5.54"
-      }, {
-          name: "box",
-          hex: "F00D4",
-          version: "1.5.54"
-      }, {
-          name: "box-cutter",
-          hex: "F00D5",
-          version: "1.5.54"
-      }, {
-          name: "box-cutter-off",
-          hex: "F0B4A",
-          version: "2.8.94"
-      }, {
-          name: "box-shadow",
-          hex: "F0637",
-          version: "1.6.50"
-      }, {
-          name: "boxing-glove",
-          hex: "F0B65",
-          version: "3.0.39"
-      }, {
-          name: "braille",
-          hex: "F09D0",
-          version: "2.5.94"
-      }, {
-          name: "brain",
-          hex: "F09D1",
-          version: "2.5.94"
-      }, {
-          name: "bread-slice",
-          hex: "F0CEE",
-          version: "3.3.92"
-      }, {
-          name: "bread-slice-outline",
-          hex: "F0CEF",
-          version: "3.3.92"
-      }, {
-          name: "bridge",
-          hex: "F0618",
-          version: "1.6.50"
-      }, {
-          name: "briefcase",
-          hex: "F00D6",
-          version: "1.5.54"
-      }, {
-          name: "briefcase-account",
-          hex: "F0CF0",
-          version: "3.3.92"
-      }, {
-          name: "briefcase-account-outline",
-          hex: "F0CF1",
-          version: "3.3.92"
-      }, {
-          name: "briefcase-check",
-          hex: "F00D7",
-          version: "1.5.54"
-      }, {
-          name: "briefcase-check-outline",
-          hex: "F131E",
-          version: "4.8.95"
-      }, {
-          name: "briefcase-clock",
-          hex: "F10D0",
-          version: "4.3.95"
-      }, {
-          name: "briefcase-clock-outline",
-          hex: "F10D1",
-          version: "4.3.95"
-      }, {
-          name: "briefcase-download",
-          hex: "F00D8",
-          version: "1.5.54"
-      }, {
-          name: "briefcase-download-outline",
-          hex: "F0C3D",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-edit",
-          hex: "F0A98",
-          version: "2.7.94"
-      }, {
-          name: "briefcase-edit-outline",
-          hex: "F0C3E",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-minus",
-          hex: "F0A2A",
-          version: "2.6.95"
-      }, {
-          name: "briefcase-minus-outline",
-          hex: "F0C3F",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-off",
-          hex: "F1658",
-          version: "5.7.55"
-      }, {
-          name: "briefcase-off-outline",
-          hex: "F1659",
-          version: "5.7.55"
-      }, {
-          name: "briefcase-outline",
-          hex: "F0814",
-          version: "2.1.19"
-      }, {
-          name: "briefcase-plus",
-          hex: "F0A2B",
-          version: "2.6.95"
-      }, {
-          name: "briefcase-plus-outline",
-          hex: "F0C40",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-remove",
-          hex: "F0A2C",
-          version: "2.6.95"
-      }, {
-          name: "briefcase-remove-outline",
-          hex: "F0C41",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-search",
-          hex: "F0A2D",
-          version: "2.6.95"
-      }, {
-          name: "briefcase-search-outline",
-          hex: "F0C42",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-upload",
-          hex: "F00D9",
-          version: "1.5.54"
-      }, {
-          name: "briefcase-upload-outline",
-          hex: "F0C43",
-          version: "3.2.89"
-      }, {
-          name: "briefcase-variant",
-          hex: "F1494",
-          version: "5.3.45"
-      }, {
-          name: "briefcase-variant-off",
-          hex: "F165A",
-          version: "5.7.55"
-      }, {
-          name: "briefcase-variant-off-outline",
-          hex: "F165B",
-          version: "5.7.55"
-      }, {
-          name: "briefcase-variant-outline",
-          hex: "F1495",
-          version: "5.3.45"
-      }, {
-          name: "brightness-1",
-          hex: "F00DA",
-          version: "1.5.54"
-      }, {
-          name: "brightness-2",
-          hex: "F00DB",
-          version: "1.5.54"
-      }, {
-          name: "brightness-3",
-          hex: "F00DC",
-          version: "1.5.54"
-      }, {
-          name: "brightness-4",
-          hex: "F00DD",
-          version: "1.5.54"
-      }, {
-          name: "brightness-5",
-          hex: "F00DE",
-          version: "1.5.54"
-      }, {
-          name: "brightness-6",
-          hex: "F00DF",
-          version: "1.5.54"
-      }, {
-          name: "brightness-7",
-          hex: "F00E0",
-          version: "1.5.54"
-      }, {
-          name: "brightness-auto",
-          hex: "F00E1",
-          version: "1.5.54"
-      }, {
-          name: "brightness-percent",
-          hex: "F0CF2",
-          version: "3.3.92"
-      }, {
-          name: "broom",
-          hex: "F00E2",
-          version: "1.5.54"
-      }, {
-          name: "brush",
-          hex: "F00E3",
-          version: "1.5.54"
-      }, {
-          name: "bucket",
-          hex: "F1415",
-          version: "5.1.45"
-      }, {
-          name: "bucket-outline",
-          hex: "F1416",
-          version: "5.1.45"
-      }, {
-          name: "buddhism",
-          hex: "F094B",
-          version: "2.4.85"
-      }, {
-          name: "buffer",
-          hex: "F0619",
-          version: "1.6.50"
-      }, {
-          name: "buffet",
-          hex: "F0578",
-          version: "1.5.54"
-      }, {
-          name: "bug",
-          hex: "F00E4",
-          version: "1.5.54"
-      }, {
-          name: "bug-check",
-          hex: "F0A2E",
-          version: "2.6.95"
-      }, {
-          name: "bug-check-outline",
-          hex: "F0A2F",
-          version: "2.6.95"
-      }, {
-          name: "bug-outline",
-          hex: "F0A30",
-          version: "2.6.95"
-      }, {
-          name: "bugle",
-          hex: "F0DB4",
-          version: "3.5.94"
-      }, {
-          name: "bulldozer",
-          hex: "F0B22",
-          version: "2.8.94"
-      }, {
-          name: "bullet",
-          hex: "F0CF3",
-          version: "3.3.92"
-      }, {
-          name: "bulletin-board",
-          hex: "F00E5",
-          version: "1.5.54"
-      }, {
-          name: "bullhorn",
-          hex: "F00E6",
-          version: "1.5.54"
-      }, {
-          name: "bullhorn-outline",
-          hex: "F0B23",
-          version: "2.8.94"
-      }, {
-          name: "bullseye",
-          hex: "F05DD",
-          version: "1.5.54"
-      }, {
-          name: "bullseye-arrow",
-          hex: "F08C9",
-          version: "2.3.50"
-      }, {
-          name: "bulma",
-          hex: "F12E7",
-          version: "4.8.95"
-      }, {
-          name: "bunk-bed",
-          hex: "F1302",
-          version: "4.8.95"
-      }, {
-          name: "bunk-bed-outline",
-          hex: "F0097",
-          version: "1.5.54"
-      }, {
-          name: "bus",
-          hex: "F00E7",
-          version: "1.5.54"
-      }, {
-          name: "bus-alert",
-          hex: "F0A99",
-          version: "2.7.94"
-      }, {
-          name: "bus-articulated-end",
-          hex: "F079C",
-          version: "2.0.46"
-      }, {
-          name: "bus-articulated-front",
-          hex: "F079D",
-          version: "2.0.46"
-      }, {
-          name: "bus-clock",
-          hex: "F08CA",
-          version: "2.3.50"
-      }, {
-          name: "bus-double-decker",
-          hex: "F079E",
-          version: "2.0.46"
-      }, {
-          name: "bus-marker",
-          hex: "F1212",
-          version: "4.6.95"
-      }, {
-          name: "bus-multiple",
-          hex: "F0F3F",
-          version: "3.9.97"
-      }, {
-          name: "bus-school",
-          hex: "F079F",
-          version: "2.0.46"
-      }, {
-          name: "bus-side",
-          hex: "F07A0",
-          version: "2.0.46"
-      }, {
-          name: "bus-stop",
-          hex: "F1012",
-          version: "4.1.95"
-      }, {
-          name: "bus-stop-covered",
-          hex: "F1013",
-          version: "4.1.95"
-      }, {
-          name: "bus-stop-uncovered",
-          hex: "F1014",
-          version: "4.1.95"
-      }, {
-          name: "butterfly",
-          hex: "F1589",
-          version: "5.5.55"
-      }, {
-          name: "butterfly-outline",
-          hex: "F158A",
-          version: "5.5.55"
-      }, {
-          name: "cable-data",
-          hex: "F1394",
-          version: "5.0.45"
-      }, {
-          name: "cached",
-          hex: "F00E8",
-          version: "1.5.54"
-      }, {
-          name: "cactus",
-          hex: "F0DB5",
-          version: "3.5.94"
-      }, {
-          name: "cake",
-          hex: "F00E9",
-          version: "1.5.54"
-      }, {
-          name: "cake-layered",
-          hex: "F00EA",
-          version: "1.5.54"
-      }, {
-          name: "cake-variant",
-          hex: "F00EB",
-          version: "1.5.54"
-      }, {
-          name: "calculator",
-          hex: "F00EC",
-          version: "1.5.54"
-      }, {
-          name: "calculator-variant",
-          hex: "F0A9A",
-          version: "2.7.94"
-      }, {
-          name: "calculator-variant-outline",
-          hex: "F15A6",
-          version: "5.5.55"
-      }, {
-          name: "calendar",
-          hex: "F00ED",
-          version: "1.5.54"
-      }, {
-          name: "calendar-account",
-          hex: "F0ED7",
-          version: "3.8.95"
-      }, {
-          name: "calendar-account-outline",
-          hex: "F0ED8",
-          version: "3.8.95"
-      }, {
-          name: "calendar-alert",
-          hex: "F0A31",
-          version: "2.6.95"
-      }, {
-          name: "calendar-arrow-left",
-          hex: "F1134",
-          version: "4.4.95"
-      }, {
-          name: "calendar-arrow-right",
-          hex: "F1135",
-          version: "4.4.95"
-      }, {
-          name: "calendar-blank",
-          hex: "F00EE",
-          version: "1.5.54"
-      }, {
-          name: "calendar-blank-multiple",
-          hex: "F1073",
-          version: "4.2.95"
-      }, {
-          name: "calendar-blank-outline",
-          hex: "F0B66",
-          version: "3.0.39"
-      }, {
-          name: "calendar-check",
-          hex: "F00EF",
-          version: "1.5.54"
-      }, {
-          name: "calendar-check-outline",
-          hex: "F0C44",
-          version: "3.2.89"
-      }, {
-          name: "calendar-clock",
-          hex: "F00F0",
-          version: "1.5.54"
-      }, {
-          name: "calendar-cursor",
-          hex: "F157B",
-          version: "5.5.55"
-      }, {
-          name: "calendar-edit",
-          hex: "F08A7",
-          version: "2.2.43"
-      }, {
-          name: "calendar-end",
-          hex: "F166C",
-          version: "5.7.55"
-      }, {
-          name: "calendar-export",
-          hex: "F0B24",
-          version: "2.8.94"
-      }, {
-          name: "calendar-heart",
-          hex: "F09D2",
-          version: "2.5.94"
-      }, {
-          name: "calendar-import",
-          hex: "F0B25",
-          version: "2.8.94"
-      }, {
-          name: "calendar-lock",
-          hex: "F1641",
-          version: "5.7.55"
-      }, {
-          name: "calendar-lock-outline",
-          hex: "F1642",
-          version: "5.7.55"
-      }, {
-          name: "calendar-minus",
-          hex: "F0D5C",
-          version: "3.4.93"
-      }, {
-          name: "calendar-month",
-          hex: "F0E17",
-          version: "3.6.95"
-      }, {
-          name: "calendar-month-outline",
-          hex: "F0E18",
-          version: "3.6.95"
-      }, {
-          name: "calendar-multiple",
-          hex: "F00F1",
-          version: "1.5.54"
-      }, {
-          name: "calendar-multiple-check",
-          hex: "F00F2",
-          version: "1.5.54"
-      }, {
-          name: "calendar-multiselect",
-          hex: "F0A32",
-          version: "2.6.95"
-      }, {
-          name: "calendar-outline",
-          hex: "F0B67",
-          version: "3.0.39"
-      }, {
-          name: "calendar-plus",
-          hex: "F00F3",
-          version: "1.5.54"
-      }, {
-          name: "calendar-question",
-          hex: "F0692",
-          version: "1.7.12"
-      }, {
-          name: "calendar-range",
-          hex: "F0679",
-          version: "1.7.12"
-      }, {
-          name: "calendar-range-outline",
-          hex: "F0B68",
-          version: "3.0.39"
-      }, {
-          name: "calendar-refresh",
-          hex: "F01E1",
-          version: "1.5.54"
-      }, {
-          name: "calendar-refresh-outline",
-          hex: "F0203",
-          version: "1.5.54"
-      }, {
-          name: "calendar-remove",
-          hex: "F00F4",
-          version: "1.5.54"
-      }, {
-          name: "calendar-remove-outline",
-          hex: "F0C45",
-          version: "3.2.89"
-      }, {
-          name: "calendar-search",
-          hex: "F094C",
-          version: "2.4.85"
-      }, {
-          name: "calendar-star",
-          hex: "F09D3",
-          version: "2.5.94"
-      }, {
-          name: "calendar-start",
-          hex: "F166D",
-          version: "5.7.55"
-      }, {
-          name: "calendar-sync",
-          hex: "F0E8E",
-          version: "3.7.94"
-      }, {
-          name: "calendar-sync-outline",
-          hex: "F0E8F",
-          version: "3.7.94"
-      }, {
-          name: "calendar-text",
-          hex: "F00F5",
-          version: "1.5.54"
-      }, {
-          name: "calendar-text-outline",
-          hex: "F0C46",
-          version: "3.2.89"
-      }, {
-          name: "calendar-today",
-          hex: "F00F6",
-          version: "1.5.54"
-      }, {
-          name: "calendar-week",
-          hex: "F0A33",
-          version: "2.6.95"
-      }, {
-          name: "calendar-week-begin",
-          hex: "F0A34",
-          version: "2.6.95"
-      }, {
-          name: "calendar-weekend",
-          hex: "F0ED9",
-          version: "3.8.95"
-      }, {
-          name: "calendar-weekend-outline",
-          hex: "F0EDA",
-          version: "3.8.95"
-      }, {
-          name: "call-made",
-          hex: "F00F7",
-          version: "1.5.54"
-      }, {
-          name: "call-merge",
-          hex: "F00F8",
-          version: "1.5.54"
-      }, {
-          name: "call-missed",
-          hex: "F00F9",
-          version: "1.5.54"
-      }, {
-          name: "call-received",
-          hex: "F00FA",
-          version: "1.5.54"
-      }, {
-          name: "call-split",
-          hex: "F00FB",
-          version: "1.5.54"
-      }, {
-          name: "camcorder",
-          hex: "F00FC",
-          version: "1.5.54"
-      }, {
-          name: "camcorder-off",
-          hex: "F00FF",
-          version: "1.5.54"
-      }, {
-          name: "camera",
-          hex: "F0100",
-          version: "1.5.54"
-      }, {
-          name: "camera-account",
-          hex: "F08CB",
-          version: "2.3.50"
-      }, {
-          name: "camera-burst",
-          hex: "F0693",
-          version: "1.7.12"
-      }, {
-          name: "camera-control",
-          hex: "F0B69",
-          version: "3.0.39"
-      }, {
-          name: "camera-enhance",
-          hex: "F0101",
-          version: "1.5.54"
-      }, {
-          name: "camera-enhance-outline",
-          hex: "F0B6A",
-          version: "3.0.39"
-      }, {
-          name: "camera-flip",
-          hex: "F15D9",
-          version: "5.6.55"
-      }, {
-          name: "camera-flip-outline",
-          hex: "F15DA",
-          version: "5.6.55"
-      }, {
-          name: "camera-front",
-          hex: "F0102",
-          version: "1.5.54"
-      }, {
-          name: "camera-front-variant",
-          hex: "F0103",
-          version: "1.5.54"
-      }, {
-          name: "camera-gopro",
-          hex: "F07A1",
-          version: "2.0.46"
-      }, {
-          name: "camera-image",
-          hex: "F08CC",
-          version: "2.3.50"
-      }, {
-          name: "camera-iris",
-          hex: "F0104",
-          version: "1.5.54"
-      }, {
-          name: "camera-metering-center",
-          hex: "F07A2",
-          version: "2.0.46"
-      }, {
-          name: "camera-metering-matrix",
-          hex: "F07A3",
-          version: "2.0.46"
-      }, {
-          name: "camera-metering-partial",
-          hex: "F07A4",
-          version: "2.0.46"
-      }, {
-          name: "camera-metering-spot",
-          hex: "F07A5",
-          version: "2.0.46"
-      }, {
-          name: "camera-off",
-          hex: "F05DF",
-          version: "1.5.54"
-      }, {
-          name: "camera-outline",
-          hex: "F0D5D",
-          version: "3.4.93"
-      }, {
-          name: "camera-party-mode",
-          hex: "F0105",
-          version: "1.5.54"
-      }, {
-          name: "camera-plus",
-          hex: "F0EDB",
-          version: "3.8.95"
-      }, {
-          name: "camera-plus-outline",
-          hex: "F0EDC",
-          version: "3.8.95"
-      }, {
-          name: "camera-rear",
-          hex: "F0106",
-          version: "1.5.54"
-      }, {
-          name: "camera-rear-variant",
-          hex: "F0107",
-          version: "1.5.54"
-      }, {
-          name: "camera-retake",
-          hex: "F0E19",
-          version: "3.6.95"
-      }, {
-          name: "camera-retake-outline",
-          hex: "F0E1A",
-          version: "3.6.95"
-      }, {
-          name: "camera-switch",
-          hex: "F0108",
-          version: "1.5.54"
-      }, {
-          name: "camera-switch-outline",
-          hex: "F084A",
-          version: "2.1.99"
-      }, {
-          name: "camera-timer",
-          hex: "F0109",
-          version: "1.5.54"
-      }, {
-          name: "camera-wireless",
-          hex: "F0DB6",
-          version: "3.5.94"
-      }, {
-          name: "camera-wireless-outline",
-          hex: "F0DB7",
-          version: "3.5.94"
-      }, {
-          name: "campfire",
-          hex: "F0EDD",
-          version: "3.8.95"
-      }, {
-          name: "cancel",
-          hex: "F073A",
-          version: "1.9.32"
-      }, {
-          name: "candle",
-          hex: "F05E2",
-          version: "1.5.54"
-      }, {
-          name: "candycane",
-          hex: "F010A",
-          version: "1.5.54"
-      }, {
-          name: "cannabis",
-          hex: "F07A6",
-          version: "2.0.46"
-      }, {
-          name: "cannabis-off",
-          hex: "F166E",
-          version: "5.7.55"
-      }, {
-          name: "caps-lock",
-          hex: "F0A9B",
-          version: "2.7.94"
-      }, {
-          name: "car",
-          hex: "F010B",
-          version: "1.5.54"
-      }, {
-          name: "car-2-plus",
-          hex: "F1015",
-          version: "4.1.95"
-      }, {
-          name: "car-3-plus",
-          hex: "F1016",
-          version: "4.1.95"
-      }, {
-          name: "car-arrow-left",
-          hex: "F13B2",
-          version: "5.0.45"
-      }, {
-          name: "car-arrow-right",
-          hex: "F13B3",
-          version: "5.0.45"
-      }, {
-          name: "car-back",
-          hex: "F0E1B",
-          version: "3.6.95"
-      }, {
-          name: "car-battery",
-          hex: "F010C",
-          version: "1.5.54"
-      }, {
-          name: "car-brake-abs",
-          hex: "F0C47",
-          version: "3.2.89"
-      }, {
-          name: "car-brake-alert",
-          hex: "F0C48",
-          version: "3.2.89"
-      }, {
-          name: "car-brake-hold",
-          hex: "F0D5E",
-          version: "3.4.93"
-      }, {
-          name: "car-brake-parking",
-          hex: "F0D5F",
-          version: "3.4.93"
-      }, {
-          name: "car-brake-retarder",
-          hex: "F1017",
-          version: "4.1.95"
-      }, {
-          name: "car-child-seat",
-          hex: "F0FA3",
-          version: "4.0.96"
-      }, {
-          name: "car-clutch",
-          hex: "F1018",
-          version: "4.1.95"
-      }, {
-          name: "car-cog",
-          hex: "F13CC",
-          version: "5.1.45"
-      }, {
-          name: "car-connected",
-          hex: "F010D",
-          version: "1.5.54"
-      }, {
-          name: "car-convertible",
-          hex: "F07A7",
-          version: "2.0.46"
-      }, {
-          name: "car-coolant-level",
-          hex: "F1019",
-          version: "4.1.95"
-      }, {
-          name: "car-cruise-control",
-          hex: "F0D60",
-          version: "3.4.93"
-      }, {
-          name: "car-defrost-front",
-          hex: "F0D61",
-          version: "3.4.93"
-      }, {
-          name: "car-defrost-rear",
-          hex: "F0D62",
-          version: "3.4.93"
-      }, {
-          name: "car-door",
-          hex: "F0B6B",
-          version: "3.0.39"
-      }, {
-          name: "car-door-lock",
-          hex: "F109D",
-          version: "4.2.95"
-      }, {
-          name: "car-electric",
-          hex: "F0B6C",
-          version: "3.0.39"
-      }, {
-          name: "car-electric-outline",
-          hex: "F15B5",
-          version: "5.6.55"
-      }, {
-          name: "car-emergency",
-          hex: "F160F",
-          version: "5.6.55"
-      }, {
-          name: "car-esp",
-          hex: "F0C49",
-          version: "3.2.89"
-      }, {
-          name: "car-estate",
-          hex: "F07A8",
-          version: "2.0.46"
-      }, {
-          name: "car-hatchback",
-          hex: "F07A9",
-          version: "2.0.46"
-      }, {
-          name: "car-info",
-          hex: "F11BE",
-          version: "4.5.95"
-      }, {
-          name: "car-key",
-          hex: "F0B6D",
-          version: "3.0.39"
-      }, {
-          name: "car-lifted-pickup",
-          hex: "F152D",
-          version: "5.4.55"
-      }, {
-          name: "car-light-dimmed",
-          hex: "F0C4A",
-          version: "3.2.89"
-      }, {
-          name: "car-light-fog",
-          hex: "F0C4B",
-          version: "3.2.89"
-      }, {
-          name: "car-light-high",
-          hex: "F0C4C",
-          version: "3.2.89"
-      }, {
-          name: "car-limousine",
-          hex: "F08CD",
-          version: "2.3.50"
-      }, {
-          name: "car-multiple",
-          hex: "F0B6E",
-          version: "3.0.39"
-      }, {
-          name: "car-off",
-          hex: "F0E1C",
-          version: "3.6.95"
-      }, {
-          name: "car-outline",
-          hex: "F14ED",
-          version: "5.4.55"
-      }, {
-          name: "car-parking-lights",
-          hex: "F0D63",
-          version: "3.4.93"
-      }, {
-          name: "car-pickup",
-          hex: "F07AA",
-          version: "2.0.46"
-      }, {
-          name: "car-seat",
-          hex: "F0FA4",
-          version: "4.0.96"
-      }, {
-          name: "car-seat-cooler",
-          hex: "F0FA5",
-          version: "4.0.96"
-      }, {
-          name: "car-seat-heater",
-          hex: "F0FA6",
-          version: "4.0.96"
-      }, {
-          name: "car-settings",
-          hex: "F13CD",
-          version: "5.1.45"
-      }, {
-          name: "car-shift-pattern",
-          hex: "F0F40",
-          version: "3.9.97"
-      }, {
-          name: "car-side",
-          hex: "F07AB",
-          version: "2.0.46"
-      }, {
-          name: "car-sports",
-          hex: "F07AC",
-          version: "2.0.46"
-      }, {
-          name: "car-tire-alert",
-          hex: "F0C4D",
-          version: "3.2.89"
-      }, {
-          name: "car-traction-control",
-          hex: "F0D64",
-          version: "3.4.93"
-      }, {
-          name: "car-turbocharger",
-          hex: "F101A",
-          version: "4.1.95"
-      }, {
-          name: "car-wash",
-          hex: "F010E",
-          version: "1.5.54"
-      }, {
-          name: "car-windshield",
-          hex: "F101B",
-          version: "4.1.95"
-      }, {
-          name: "car-windshield-outline",
-          hex: "F101C",
-          version: "4.1.95"
-      }, {
-          name: "carabiner",
-          hex: "F14C0",
-          version: "5.3.45"
-      }, {
-          name: "caravan",
-          hex: "F07AD",
-          version: "2.0.46"
-      }, {
-          name: "card",
-          hex: "F0B6F",
-          version: "3.0.39"
-      }, {
-          name: "card-account-details",
-          hex: "F05D2",
-          version: "1.5.54"
-      }, {
-          name: "card-account-details-outline",
-          hex: "F0DAB",
-          version: "3.5.94"
-      }, {
-          name: "card-account-details-star",
-          hex: "F02A3",
-          version: "1.5.54"
-      }, {
-          name: "card-account-details-star-outline",
-          hex: "F06DB",
-          version: "1.8.36"
-      }, {
-          name: "card-account-mail",
-          hex: "F018E",
-          version: "1.5.54"
-      }, {
-          name: "card-account-mail-outline",
-          hex: "F0E98",
-          version: "3.7.94"
-      }, {
-          name: "card-account-phone",
-          hex: "F0E99",
-          version: "3.7.94"
-      }, {
-          name: "card-account-phone-outline",
-          hex: "F0E9A",
-          version: "3.7.94"
-      }, {
-          name: "card-bulleted",
-          hex: "F0B70",
-          version: "3.0.39"
-      }, {
-          name: "card-bulleted-off",
-          hex: "F0B71",
-          version: "3.0.39"
-      }, {
-          name: "card-bulleted-off-outline",
-          hex: "F0B72",
-          version: "3.0.39"
-      }, {
-          name: "card-bulleted-outline",
-          hex: "F0B73",
-          version: "3.0.39"
-      }, {
-          name: "card-bulleted-settings",
-          hex: "F0B74",
-          version: "3.0.39"
-      }, {
-          name: "card-bulleted-settings-outline",
-          hex: "F0B75",
-          version: "3.0.39"
-      }, {
-          name: "card-minus",
-          hex: "F1600",
-          version: "5.6.55"
-      }, {
-          name: "card-minus-outline",
-          hex: "F1601",
-          version: "5.6.55"
-      }, {
-          name: "card-off",
-          hex: "F1602",
-          version: "5.6.55"
-      }, {
-          name: "card-off-outline",
-          hex: "F1603",
-          version: "5.6.55"
-      }, {
-          name: "card-outline",
-          hex: "F0B76",
-          version: "3.0.39"
-      }, {
-          name: "card-plus",
-          hex: "F11FF",
-          version: "4.6.95"
-      }, {
-          name: "card-plus-outline",
-          hex: "F1200",
-          version: "4.6.95"
-      }, {
-          name: "card-remove",
-          hex: "F1604",
-          version: "5.6.55"
-      }, {
-          name: "card-remove-outline",
-          hex: "F1605",
-          version: "5.6.55"
-      }, {
-          name: "card-search",
-          hex: "F1074",
-          version: "4.2.95"
-      }, {
-          name: "card-search-outline",
-          hex: "F1075",
-          version: "4.2.95"
-      }, {
-          name: "card-text",
-          hex: "F0B77",
-          version: "3.0.39"
-      }, {
-          name: "card-text-outline",
-          hex: "F0B78",
-          version: "3.0.39"
-      }, {
-          name: "cards",
-          hex: "F0638",
-          version: "1.6.50"
-      }, {
-          name: "cards-club",
-          hex: "F08CE",
-          version: "2.3.50"
-      }, {
-          name: "cards-diamond",
-          hex: "F08CF",
-          version: "2.3.50"
-      }, {
-          name: "cards-diamond-outline",
-          hex: "F101D",
-          version: "4.1.95"
-      }, {
-          name: "cards-heart",
-          hex: "F08D0",
-          version: "2.3.50"
-      }, {
-          name: "cards-outline",
-          hex: "F0639",
-          version: "1.6.50"
-      }, {
-          name: "cards-playing-outline",
-          hex: "F063A",
-          version: "1.6.50"
-      }, {
-          name: "cards-spade",
-          hex: "F08D1",
-          version: "2.3.50"
-      }, {
-          name: "cards-variant",
-          hex: "F06C7",
-          version: "1.8.36"
-      }, {
-          name: "carrot",
-          hex: "F010F",
-          version: "1.5.54"
-      }, {
-          name: "cart",
-          hex: "F0110",
-          version: "1.5.54"
-      }, {
-          name: "cart-arrow-down",
-          hex: "F0D66",
-          version: "3.4.93"
-      }, {
-          name: "cart-arrow-right",
-          hex: "F0C4E",
-          version: "3.2.89"
-      }, {
-          name: "cart-arrow-up",
-          hex: "F0D67",
-          version: "3.4.93"
-      }, {
-          name: "cart-check",
-          hex: "F15EA",
-          version: "5.6.55"
-      }, {
-          name: "cart-minus",
-          hex: "F0D68",
-          version: "3.4.93"
-      }, {
-          name: "cart-off",
-          hex: "F066B",
-          version: "1.6.50"
-      }, {
-          name: "cart-outline",
-          hex: "F0111",
-          version: "1.5.54"
-      }, {
-          name: "cart-plus",
-          hex: "F0112",
-          version: "1.5.54"
-      }, {
-          name: "cart-remove",
-          hex: "F0D69",
-          version: "3.4.93"
-      }, {
-          name: "cart-variant",
-          hex: "F15EB",
-          version: "5.6.55"
-      }, {
-          name: "case-sensitive-alt",
-          hex: "F0113",
-          version: "1.5.54"
-      }, {
-          name: "cash",
-          hex: "F0114",
-          version: "1.5.54"
-      }, {
-          name: "cash-100",
-          hex: "F0115",
-          version: "1.5.54"
-      }, {
-          name: "cash-check",
-          hex: "F14EE",
-          version: "5.4.55"
-      }, {
-          name: "cash-lock",
-          hex: "F14EA",
-          version: "5.4.55"
-      }, {
-          name: "cash-lock-open",
-          hex: "F14EB",
-          version: "5.4.55"
-      }, {
-          name: "cash-marker",
-          hex: "F0DB8",
-          version: "3.5.94"
-      }, {
-          name: "cash-minus",
-          hex: "F1260",
-          version: "4.7.95"
-      }, {
-          name: "cash-multiple",
-          hex: "F0116",
-          version: "1.5.54"
-      }, {
-          name: "cash-plus",
-          hex: "F1261",
-          version: "4.7.95"
-      }, {
-          name: "cash-refund",
-          hex: "F0A9C",
-          version: "2.7.94"
-      }, {
-          name: "cash-register",
-          hex: "F0CF4",
-          version: "3.3.92"
-      }, {
-          name: "cash-remove",
-          hex: "F1262",
-          version: "4.7.95"
-      }, {
-          name: "cash-usd",
-          hex: "F1176",
-          version: "4.4.95"
-      }, {
-          name: "cash-usd-outline",
-          hex: "F0117",
-          version: "1.5.54"
-      }, {
-          name: "cassette",
-          hex: "F09D4",
-          version: "2.5.94"
-      }, {
-          name: "cast",
-          hex: "F0118",
-          version: "1.5.54"
-      }, {
-          name: "cast-audio",
-          hex: "F101E",
-          version: "4.1.95"
-      }, {
-          name: "cast-connected",
-          hex: "F0119",
-          version: "1.5.54"
-      }, {
-          name: "cast-education",
-          hex: "F0E1D",
-          version: "3.6.95"
-      }, {
-          name: "cast-off",
-          hex: "F078A",
-          version: "1.9.32"
-      }, {
-          name: "castle",
-          hex: "F011A",
-          version: "1.5.54"
-      }, {
-          name: "cat",
-          hex: "F011B",
-          version: "1.5.54"
-      }, {
-          name: "cctv",
-          hex: "F07AE",
-          version: "2.0.46"
-      }, {
-          name: "ceiling-light",
-          hex: "F0769",
-          version: "1.9.32"
-      }, {
-          name: "cellphone",
-          hex: "F011C",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-android",
-          hex: "F011D",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "cellphone-arrow-down",
-          hex: "F09D5",
-          version: "2.5.94"
-      }, {
-          name: "cellphone-basic",
-          hex: "F011E",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-charging",
-          hex: "F1397",
-          version: "5.0.45"
-      }, {
-          name: "cellphone-cog",
-          hex: "F0951",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-dock",
-          hex: "F011F",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-erase",
-          hex: "F094D",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-information",
-          hex: "F0F41",
-          version: "3.9.97"
-      }, {
-          name: "cellphone-iphone",
-          hex: "F0120",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "cellphone-key",
-          hex: "F094E",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-link",
-          hex: "F0121",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-link-off",
-          hex: "F0122",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-lock",
-          hex: "F094F",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-message",
-          hex: "F08D3",
-          version: "2.3.50"
-      }, {
-          name: "cellphone-message-off",
-          hex: "F10D2",
-          version: "4.3.95"
-      }, {
-          name: "cellphone-nfc",
-          hex: "F0E90",
-          version: "3.7.94"
-      }, {
-          name: "cellphone-nfc-off",
-          hex: "F12D8",
-          version: "4.8.95"
-      }, {
-          name: "cellphone-off",
-          hex: "F0950",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-play",
-          hex: "F101F",
-          version: "4.1.95"
-      }, {
-          name: "cellphone-screenshot",
-          hex: "F0A35",
-          version: "2.6.95"
-      }, {
-          name: "cellphone-settings",
-          hex: "F0123",
-          version: "1.5.54"
-      }, {
-          name: "cellphone-sound",
-          hex: "F0952",
-          version: "2.4.85"
-      }, {
-          name: "cellphone-text",
-          hex: "F08D2",
-          version: "2.3.50"
-      }, {
-          name: "cellphone-wireless",
-          hex: "F0815",
-          version: "2.1.19"
-      }, {
-          name: "celtic-cross",
-          hex: "F0CF5",
-          version: "3.3.92"
-      }, {
-          name: "centos",
-          hex: "F111A",
-          version: "4.3.95"
-      }, {
-          name: "certificate",
-          hex: "F0124",
-          version: "1.5.54"
-      }, {
-          name: "certificate-outline",
-          hex: "F1188",
-          version: "4.4.95"
-      }, {
-          name: "chair-rolling",
-          hex: "F0F48",
-          version: "3.9.97"
-      }, {
-          name: "chair-school",
-          hex: "F0125",
-          version: "1.5.54"
-      }, {
-          name: "charity",
-          hex: "F0C4F",
-          version: "3.2.89"
-      }, {
-          name: "chart-arc",
-          hex: "F0126",
-          version: "1.5.54"
-      }, {
-          name: "chart-areaspline",
-          hex: "F0127",
-          version: "1.5.54"
-      }, {
-          name: "chart-areaspline-variant",
-          hex: "F0E91",
-          version: "3.7.94"
-      }, {
-          name: "chart-bar",
-          hex: "F0128",
-          version: "1.5.54"
-      }, {
-          name: "chart-bar-stacked",
-          hex: "F076A",
-          version: "1.9.32"
-      }, {
-          name: "chart-bell-curve",
-          hex: "F0C50",
-          version: "3.2.89"
-      }, {
-          name: "chart-bell-curve-cumulative",
-          hex: "F0FA7",
-          version: "4.0.96"
-      }, {
-          name: "chart-box",
-          hex: "F154D",
-          version: "5.4.55"
-      }, {
-          name: "chart-box-outline",
-          hex: "F154E",
-          version: "5.4.55"
-      }, {
-          name: "chart-box-plus-outline",
-          hex: "F154F",
-          version: "5.4.55"
-      }, {
-          name: "chart-bubble",
-          hex: "F05E3",
-          version: "1.5.54"
-      }, {
-          name: "chart-donut",
-          hex: "F07AF",
-          version: "2.0.46"
-      }, {
-          name: "chart-donut-variant",
-          hex: "F07B0",
-          version: "2.0.46"
-      }, {
-          name: "chart-gantt",
-          hex: "F066C",
-          version: "1.6.50"
-      }, {
-          name: "chart-histogram",
-          hex: "F0129",
-          version: "1.5.54"
-      }, {
-          name: "chart-line",
-          hex: "F012A",
-          version: "1.5.54"
-      }, {
-          name: "chart-line-stacked",
-          hex: "F076B",
-          version: "1.9.32"
-      }, {
-          name: "chart-line-variant",
-          hex: "F07B1",
-          version: "2.0.46"
-      }, {
-          name: "chart-multiline",
-          hex: "F08D4",
-          version: "2.3.50"
-      }, {
-          name: "chart-multiple",
-          hex: "F1213",
-          version: "4.6.95"
-      }, {
-          name: "chart-pie",
-          hex: "F012B",
-          version: "1.5.54"
-      }, {
-          name: "chart-ppf",
-          hex: "F1380",
-          version: "4.9.95"
-      }, {
-          name: "chart-sankey",
-          hex: "F11DF",
-          version: "4.5.95"
-      }, {
-          name: "chart-sankey-variant",
-          hex: "F11E0",
-          version: "4.5.95"
-      }, {
-          name: "chart-scatter-plot",
-          hex: "F0E92",
-          version: "3.7.94"
-      }, {
-          name: "chart-scatter-plot-hexbin",
-          hex: "F066D",
-          version: "1.6.50"
-      }, {
-          name: "chart-timeline",
-          hex: "F066E",
-          version: "1.6.50"
-      }, {
-          name: "chart-timeline-variant",
-          hex: "F0E93",
-          version: "3.7.94"
-      }, {
-          name: "chart-timeline-variant-shimmer",
-          hex: "F15B6",
-          version: "5.6.55"
-      }, {
-          name: "chart-tree",
-          hex: "F0E94",
-          version: "3.7.94"
-      }, {
-          name: "chat",
-          hex: "F0B79",
-          version: "3.0.39"
-      }, {
-          name: "chat-alert",
-          hex: "F0B7A",
-          version: "3.0.39"
-      }, {
-          name: "chat-alert-outline",
-          hex: "F12C9",
-          version: "4.8.95"
-      }, {
-          name: "chat-minus",
-          hex: "F1410",
-          version: "5.1.45"
-      }, {
-          name: "chat-minus-outline",
-          hex: "F1413",
-          version: "5.1.45"
-      }, {
-          name: "chat-outline",
-          hex: "F0EDE",
-          version: "3.8.95"
-      }, {
-          name: "chat-plus",
-          hex: "F140F",
-          version: "5.1.45"
-      }, {
-          name: "chat-plus-outline",
-          hex: "F1412",
-          version: "5.1.45"
-      }, {
-          name: "chat-processing",
-          hex: "F0B7B",
-          version: "3.0.39"
-      }, {
-          name: "chat-processing-outline",
-          hex: "F12CA",
-          version: "4.8.95"
-      }, {
-          name: "chat-remove",
-          hex: "F1411",
-          version: "5.1.45"
-      }, {
-          name: "chat-remove-outline",
-          hex: "F1414",
-          version: "5.1.45"
-      }, {
-          name: "chat-sleep",
-          hex: "F12D1",
-          version: "4.8.95"
-      }, {
-          name: "chat-sleep-outline",
-          hex: "F12D2",
-          version: "4.8.95"
-      }, {
-          name: "check",
-          hex: "F012C",
-          version: "1.5.54"
-      }, {
-          name: "check-all",
-          hex: "F012D",
-          version: "1.5.54"
-      }, {
-          name: "check-bold",
-          hex: "F0E1E",
-          version: "3.6.95"
-      }, {
-          name: "check-box-multiple-outline",
-          hex: "F0C51",
-          version: "3.2.89"
-      }, {
-          name: "check-box-outline",
-          hex: "F0C52",
-          version: "3.2.89"
-      }, {
-          name: "check-circle",
-          hex: "F05E0",
-          version: "1.5.54"
-      }, {
-          name: "check-circle-outline",
-          hex: "F05E1",
-          version: "1.5.54"
-      }, {
-          name: "check-decagram",
-          hex: "F0791",
-          version: "2.0.46"
-      }, {
-          name: "check-network",
-          hex: "F0C53",
-          version: "3.2.89"
-      }, {
-          name: "check-network-outline",
-          hex: "F0C54",
-          version: "3.2.89"
-      }, {
-          name: "check-outline",
-          hex: "F0855",
-          version: "2.1.99"
-      }, {
-          name: "check-underline",
-          hex: "F0E1F",
-          version: "3.6.95"
-      }, {
-          name: "check-underline-circle",
-          hex: "F0E20",
-          version: "3.6.95"
-      }, {
-          name: "check-underline-circle-outline",
-          hex: "F0E21",
-          version: "3.6.95"
-      }, {
-          name: "checkbook",
-          hex: "F0A9D",
-          version: "2.7.94"
-      }, {
-          name: "checkbox-blank",
-          hex: "F012E",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-blank-circle",
-          hex: "F012F",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-blank-circle-outline",
-          hex: "F0130",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-blank-off",
-          hex: "F12EC",
-          version: "4.8.95"
-      }, {
-          name: "checkbox-blank-off-outline",
-          hex: "F12ED",
-          version: "4.8.95"
-      }, {
-          name: "checkbox-blank-outline",
-          hex: "F0131",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-intermediate",
-          hex: "F0856",
-          version: "2.1.99"
-      }, {
-          name: "checkbox-marked",
-          hex: "F0132",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-marked-circle",
-          hex: "F0133",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-marked-circle-outline",
-          hex: "F0134",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-marked-outline",
-          hex: "F0135",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-multiple-blank",
-          hex: "F0136",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-multiple-blank-circle",
-          hex: "F063B",
-          version: "1.6.50"
-      }, {
-          name: "checkbox-multiple-blank-circle-outline",
-          hex: "F063C",
-          version: "1.6.50"
-      }, {
-          name: "checkbox-multiple-blank-outline",
-          hex: "F0137",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-multiple-marked",
-          hex: "F0138",
-          version: "1.5.54"
-      }, {
-          name: "checkbox-multiple-marked-circle",
-          hex: "F063D",
-          version: "1.6.50"
-      }, {
-          name: "checkbox-multiple-marked-circle-outline",
-          hex: "F063E",
-          version: "1.6.50"
-      }, {
-          name: "checkbox-multiple-marked-outline",
-          hex: "F0139",
-          version: "1.5.54"
-      }, {
-          name: "checkerboard",
-          hex: "F013A",
-          version: "1.5.54"
-      }, {
-          name: "checkerboard-minus",
-          hex: "F1202",
-          version: "4.6.95"
-      }, {
-          name: "checkerboard-plus",
-          hex: "F1201",
-          version: "4.6.95"
-      }, {
-          name: "checkerboard-remove",
-          hex: "F1203",
-          version: "4.6.95"
-      }, {
-          name: "cheese",
-          hex: "F12B9",
-          version: "4.7.95"
-      }, {
-          name: "cheese-off",
-          hex: "F13EE",
-          version: "5.1.45"
-      }, {
-          name: "chef-hat",
-          hex: "F0B7C",
-          version: "3.0.39"
-      }, {
-          name: "chemical-weapon",
-          hex: "F013B",
-          version: "1.5.54"
-      }, {
-          name: "chess-bishop",
-          hex: "F085C",
-          version: "2.1.99"
-      }, {
-          name: "chess-king",
-          hex: "F0857",
-          version: "2.1.99"
-      }, {
-          name: "chess-knight",
-          hex: "F0858",
-          version: "2.1.99"
-      }, {
-          name: "chess-pawn",
-          hex: "F0859",
-          version: "2.1.99"
-      }, {
-          name: "chess-queen",
-          hex: "F085A",
-          version: "2.1.99"
-      }, {
-          name: "chess-rook",
-          hex: "F085B",
-          version: "2.1.99"
-      }, {
-          name: "chevron-double-down",
-          hex: "F013C",
-          version: "1.5.54"
-      }, {
-          name: "chevron-double-left",
-          hex: "F013D",
-          version: "1.5.54"
-      }, {
-          name: "chevron-double-right",
-          hex: "F013E",
-          version: "1.5.54"
-      }, {
-          name: "chevron-double-up",
-          hex: "F013F",
-          version: "1.5.54"
-      }, {
-          name: "chevron-down",
-          hex: "F0140",
-          version: "1.5.54"
-      }, {
-          name: "chevron-down-box",
-          hex: "F09D6",
-          version: "2.5.94"
-      }, {
-          name: "chevron-down-box-outline",
-          hex: "F09D7",
-          version: "2.5.94"
-      }, {
-          name: "chevron-down-circle",
-          hex: "F0B26",
-          version: "2.8.94"
-      }, {
-          name: "chevron-down-circle-outline",
-          hex: "F0B27",
-          version: "2.8.94"
-      }, {
-          name: "chevron-left",
-          hex: "F0141",
-          version: "1.5.54"
-      }, {
-          name: "chevron-left-box",
-          hex: "F09D8",
-          version: "2.5.94"
-      }, {
-          name: "chevron-left-box-outline",
-          hex: "F09D9",
-          version: "2.5.94"
-      }, {
-          name: "chevron-left-circle",
-          hex: "F0B28",
-          version: "2.8.94"
-      }, {
-          name: "chevron-left-circle-outline",
-          hex: "F0B29",
-          version: "2.8.94"
-      }, {
-          name: "chevron-right",
-          hex: "F0142",
-          version: "1.5.54"
-      }, {
-          name: "chevron-right-box",
-          hex: "F09DA",
-          version: "2.5.94"
-      }, {
-          name: "chevron-right-box-outline",
-          hex: "F09DB",
-          version: "2.5.94"
-      }, {
-          name: "chevron-right-circle",
-          hex: "F0B2A",
-          version: "2.8.94"
-      }, {
-          name: "chevron-right-circle-outline",
-          hex: "F0B2B",
-          version: "2.8.94"
-      }, {
-          name: "chevron-triple-down",
-          hex: "F0DB9",
-          version: "3.5.94"
-      }, {
-          name: "chevron-triple-left",
-          hex: "F0DBA",
-          version: "3.5.94"
-      }, {
-          name: "chevron-triple-right",
-          hex: "F0DBB",
-          version: "3.5.94"
-      }, {
-          name: "chevron-triple-up",
-          hex: "F0DBC",
-          version: "3.5.94"
-      }, {
-          name: "chevron-up",
-          hex: "F0143",
-          version: "1.5.54"
-      }, {
-          name: "chevron-up-box",
-          hex: "F09DC",
-          version: "2.5.94"
-      }, {
-          name: "chevron-up-box-outline",
-          hex: "F09DD",
-          version: "2.5.94"
-      }, {
-          name: "chevron-up-circle",
-          hex: "F0B2C",
-          version: "2.8.94"
-      }, {
-          name: "chevron-up-circle-outline",
-          hex: "F0B2D",
-          version: "2.8.94"
-      }, {
-          name: "chili-hot",
-          hex: "F07B2",
-          version: "2.0.46"
-      }, {
-          name: "chili-medium",
-          hex: "F07B3",
-          version: "2.0.46"
-      }, {
-          name: "chili-mild",
-          hex: "F07B4",
-          version: "2.0.46"
-      }, {
-          name: "chili-off",
-          hex: "F1467",
-          version: "5.2.45"
-      }, {
-          name: "chip",
-          hex: "F061A",
-          version: "1.6.50"
-      }, {
-          name: "christianity",
-          hex: "F0953",
-          version: "2.4.85"
-      }, {
-          name: "christianity-outline",
-          hex: "F0CF6",
-          version: "3.3.92"
-      }, {
-          name: "church",
-          hex: "F0144",
-          version: "1.5.54"
-      }, {
-          name: "cigar",
-          hex: "F1189",
-          version: "4.4.95"
-      }, {
-          name: "cigar-off",
-          hex: "F141B",
-          version: "5.2.45"
-      }, {
-          name: "circle",
-          hex: "F0765",
-          version: "1.9.32"
-      }, {
-          name: "circle-box",
-          hex: "F15DC",
-          version: "5.6.55"
-      }, {
-          name: "circle-box-outline",
-          hex: "F15DD",
-          version: "5.6.55"
-      }, {
-          name: "circle-double",
-          hex: "F0E95",
-          version: "3.7.94"
-      }, {
-          name: "circle-edit-outline",
-          hex: "F08D5",
-          version: "2.3.50"
-      }, {
-          name: "circle-expand",
-          hex: "F0E96",
-          version: "3.7.94"
-      }, {
-          name: "circle-half",
-          hex: "F1395",
-          version: "5.0.45"
-      }, {
-          name: "circle-half-full",
-          hex: "F1396",
-          version: "5.0.45"
-      }, {
-          name: "circle-medium",
-          hex: "F09DE",
-          version: "2.5.94"
-      }, {
-          name: "circle-multiple",
-          hex: "F0B38",
-          version: "2.8.94"
-      }, {
-          name: "circle-multiple-outline",
-          hex: "F0695",
-          version: "1.7.12"
-      }, {
-          name: "circle-off-outline",
-          hex: "F10D3",
-          version: "4.3.95"
-      }, {
-          name: "circle-outline",
-          hex: "F0766",
-          version: "1.9.32"
-      }, {
-          name: "circle-slice-1",
-          hex: "F0A9E",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-2",
-          hex: "F0A9F",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-3",
-          hex: "F0AA0",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-4",
-          hex: "F0AA1",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-5",
-          hex: "F0AA2",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-6",
-          hex: "F0AA3",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-7",
-          hex: "F0AA4",
-          version: "2.7.94"
-      }, {
-          name: "circle-slice-8",
-          hex: "F0AA5",
-          version: "2.7.94"
-      }, {
-          name: "circle-small",
-          hex: "F09DF",
-          version: "2.5.94"
-      }, {
-          name: "circular-saw",
-          hex: "F0E22",
-          version: "3.6.95"
-      }, {
-          name: "city",
-          hex: "F0146",
-          version: "1.5.54"
-      }, {
-          name: "city-variant",
-          hex: "F0A36",
-          version: "2.6.95"
-      }, {
-          name: "city-variant-outline",
-          hex: "F0A37",
-          version: "2.6.95"
-      }, {
-          name: "clipboard",
-          hex: "F0147",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-account",
-          hex: "F0148",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-account-outline",
-          hex: "F0C55",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-alert",
-          hex: "F0149",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-alert-outline",
-          hex: "F0CF7",
-          version: "3.3.92"
-      }, {
-          name: "clipboard-arrow-down",
-          hex: "F014A",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-arrow-down-outline",
-          hex: "F0C56",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-arrow-left",
-          hex: "F014B",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-arrow-left-outline",
-          hex: "F0CF8",
-          version: "3.3.92"
-      }, {
-          name: "clipboard-arrow-right",
-          hex: "F0CF9",
-          version: "3.3.92"
-      }, {
-          name: "clipboard-arrow-right-outline",
-          hex: "F0CFA",
-          version: "3.3.92"
-      }, {
-          name: "clipboard-arrow-up",
-          hex: "F0C57",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-arrow-up-outline",
-          hex: "F0C58",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-check",
-          hex: "F014E",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-check-multiple",
-          hex: "F1263",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-check-multiple-outline",
-          hex: "F1264",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-check-outline",
-          hex: "F08A8",
-          version: "2.2.43"
-      }, {
-          name: "clipboard-edit",
-          hex: "F14E5",
-          version: "5.4.55"
-      }, {
-          name: "clipboard-edit-outline",
-          hex: "F14E6",
-          version: "5.4.55"
-      }, {
-          name: "clipboard-file",
-          hex: "F1265",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-file-outline",
-          hex: "F1266",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-flow",
-          hex: "F06C8",
-          version: "1.8.36"
-      }, {
-          name: "clipboard-flow-outline",
-          hex: "F1117",
-          version: "4.3.95"
-      }, {
-          name: "clipboard-list",
-          hex: "F10D4",
-          version: "4.3.95"
-      }, {
-          name: "clipboard-list-outline",
-          hex: "F10D5",
-          version: "4.3.95"
-      }, {
-          name: "clipboard-minus",
-          hex: "F1618",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-minus-outline",
-          hex: "F1619",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-multiple",
-          hex: "F1267",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-multiple-outline",
-          hex: "F1268",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-off",
-          hex: "F161A",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-off-outline",
-          hex: "F161B",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-outline",
-          hex: "F014C",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-play",
-          hex: "F0C59",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-play-multiple",
-          hex: "F1269",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-play-multiple-outline",
-          hex: "F126A",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-play-outline",
-          hex: "F0C5A",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-plus",
-          hex: "F0751",
-          version: "1.9.32"
-      }, {
-          name: "clipboard-plus-outline",
-          hex: "F131F",
-          version: "4.8.95"
-      }, {
-          name: "clipboard-pulse",
-          hex: "F085D",
-          version: "2.1.99"
-      }, {
-          name: "clipboard-pulse-outline",
-          hex: "F085E",
-          version: "2.1.99"
-      }, {
-          name: "clipboard-remove",
-          hex: "F161C",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-remove-outline",
-          hex: "F161D",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-search",
-          hex: "F161E",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-search-outline",
-          hex: "F161F",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-text",
-          hex: "F014D",
-          version: "1.5.54"
-      }, {
-          name: "clipboard-text-multiple",
-          hex: "F126B",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-text-multiple-outline",
-          hex: "F126C",
-          version: "4.7.95"
-      }, {
-          name: "clipboard-text-off",
-          hex: "F1620",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-text-off-outline",
-          hex: "F1621",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-text-outline",
-          hex: "F0A38",
-          version: "2.6.95"
-      }, {
-          name: "clipboard-text-play",
-          hex: "F0C5B",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-text-play-outline",
-          hex: "F0C5C",
-          version: "3.2.89"
-      }, {
-          name: "clipboard-text-search",
-          hex: "F1622",
-          version: "5.7.55"
-      }, {
-          name: "clipboard-text-search-outline",
-          hex: "F1623",
-          version: "5.7.55"
-      }, {
-          name: "clippy",
-          hex: "F014F",
-          version: "1.5.54"
-      }, {
-          name: "clock",
-          hex: "F0954",
-          version: "2.4.85"
-      }, {
-          name: "clock-alert",
-          hex: "F0955",
-          version: "2.4.85"
-      }, {
-          name: "clock-alert-outline",
-          hex: "F05CE",
-          version: "1.5.54"
-      }, {
-          name: "clock-check",
-          hex: "F0FA8",
-          version: "4.0.96"
-      }, {
-          name: "clock-check-outline",
-          hex: "F0FA9",
-          version: "4.0.96"
-      }, {
-          name: "clock-digital",
-          hex: "F0E97",
-          version: "3.7.94"
-      }, {
-          name: "clock-end",
-          hex: "F0151",
-          version: "1.5.54"
-      }, {
-          name: "clock-fast",
-          hex: "F0152",
-          version: "1.5.54"
-      }, {
-          name: "clock-in",
-          hex: "F0153",
-          version: "1.5.54"
-      }, {
-          name: "clock-out",
-          hex: "F0154",
-          version: "1.5.54"
-      }, {
-          name: "clock-outline",
-          hex: "F0150",
-          version: "1.5.54"
-      }, {
-          name: "clock-start",
-          hex: "F0155",
-          version: "1.5.54"
-      }, {
-          name: "clock-time-eight",
-          hex: "F1446",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-eight-outline",
-          hex: "F1452",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-eleven",
-          hex: "F1449",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-eleven-outline",
-          hex: "F1455",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-five",
-          hex: "F1443",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-five-outline",
-          hex: "F144F",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-four",
-          hex: "F1442",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-four-outline",
-          hex: "F144E",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-nine",
-          hex: "F1447",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-nine-outline",
-          hex: "F1453",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-one",
-          hex: "F143F",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-one-outline",
-          hex: "F144B",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-seven",
-          hex: "F1445",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-seven-outline",
-          hex: "F1451",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-six",
-          hex: "F1444",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-six-outline",
-          hex: "F1450",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-ten",
-          hex: "F1448",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-ten-outline",
-          hex: "F1454",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-three",
-          hex: "F1441",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-three-outline",
-          hex: "F144D",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-twelve",
-          hex: "F144A",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-twelve-outline",
-          hex: "F1456",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-two",
-          hex: "F1440",
-          version: "5.2.45"
-      }, {
-          name: "clock-time-two-outline",
-          hex: "F144C",
-          version: "5.2.45"
-      }, {
-          name: "close",
-          hex: "F0156",
-          version: "1.5.54"
-      }, {
-          name: "close-box",
-          hex: "F0157",
-          version: "1.5.54"
-      }, {
-          name: "close-box-multiple",
-          hex: "F0C5D",
-          version: "3.2.89"
-      }, {
-          name: "close-box-multiple-outline",
-          hex: "F0C5E",
-          version: "3.2.89"
-      }, {
-          name: "close-box-outline",
-          hex: "F0158",
-          version: "1.5.54"
-      }, {
-          name: "close-circle",
-          hex: "F0159",
-          version: "1.5.54"
-      }, {
-          name: "close-circle-multiple",
-          hex: "F062A",
-          version: "1.6.50"
-      }, {
-          name: "close-circle-multiple-outline",
-          hex: "F0883",
-          version: "2.1.99"
-      }, {
-          name: "close-circle-outline",
-          hex: "F015A",
-          version: "1.5.54"
-      }, {
-          name: "close-network",
-          hex: "F015B",
-          version: "1.5.54"
-      }, {
-          name: "close-network-outline",
-          hex: "F0C5F",
-          version: "3.2.89"
-      }, {
-          name: "close-octagon",
-          hex: "F015C",
-          version: "1.5.54"
-      }, {
-          name: "close-octagon-outline",
-          hex: "F015D",
-          version: "1.5.54"
-      }, {
-          name: "close-outline",
-          hex: "F06C9",
-          version: "1.8.36"
-      }, {
-          name: "close-thick",
-          hex: "F1398",
-          version: "5.0.45"
-      }, {
-          name: "closed-caption",
-          hex: "F015E",
-          version: "1.5.54"
-      }, {
-          name: "closed-caption-outline",
-          hex: "F0DBD",
-          version: "3.5.94"
-      }, {
-          name: "cloud",
-          hex: "F015F",
-          version: "1.5.54"
-      }, {
-          name: "cloud-alert",
-          hex: "F09E0",
-          version: "2.5.94"
-      }, {
-          name: "cloud-braces",
-          hex: "F07B5",
-          version: "2.0.46"
-      }, {
-          name: "cloud-check",
-          hex: "F0160",
-          version: "1.5.54"
-      }, {
-          name: "cloud-check-outline",
-          hex: "F12CC",
-          version: "4.8.95"
-      }, {
-          name: "cloud-circle",
-          hex: "F0161",
-          version: "1.5.54"
-      }, {
-          name: "cloud-download",
-          hex: "F0162",
-          version: "1.5.54"
-      }, {
-          name: "cloud-download-outline",
-          hex: "F0B7D",
-          version: "3.0.39"
-      }, {
-          name: "cloud-lock",
-          hex: "F11F1",
-          version: "4.5.95"
-      }, {
-          name: "cloud-lock-outline",
-          hex: "F11F2",
-          version: "4.5.95"
-      }, {
-          name: "cloud-off-outline",
-          hex: "F0164",
-          version: "1.5.54"
-      }, {
-          name: "cloud-outline",
-          hex: "F0163",
-          version: "1.5.54"
-      }, {
-          name: "cloud-print",
-          hex: "F0165",
-          version: "1.5.54"
-      }, {
-          name: "cloud-print-outline",
-          hex: "F0166",
-          version: "1.5.54"
-      }, {
-          name: "cloud-question",
-          hex: "F0A39",
-          version: "2.6.95"
-      }, {
-          name: "cloud-refresh",
-          hex: "F052A",
-          version: "1.5.54"
-      }, {
-          name: "cloud-search",
-          hex: "F0956",
-          version: "2.4.85"
-      }, {
-          name: "cloud-search-outline",
-          hex: "F0957",
-          version: "2.4.85"
-      }, {
-          name: "cloud-sync",
-          hex: "F063F",
-          version: "1.6.50"
-      }, {
-          name: "cloud-sync-outline",
-          hex: "F12D6",
-          version: "4.8.95"
-      }, {
-          name: "cloud-tags",
-          hex: "F07B6",
-          version: "2.0.46"
-      }, {
-          name: "cloud-upload",
-          hex: "F0167",
-          version: "1.5.54"
-      }, {
-          name: "cloud-upload-outline",
-          hex: "F0B7E",
-          version: "3.0.39"
-      }, {
-          name: "clover",
-          hex: "F0816",
-          version: "2.1.19"
-      }, {
-          name: "coach-lamp",
-          hex: "F1020",
-          version: "4.1.95"
-      }, {
-          name: "coat-rack",
-          hex: "F109E",
-          version: "4.2.95"
-      }, {
-          name: "code-array",
-          hex: "F0168",
-          version: "1.5.54"
-      }, {
-          name: "code-braces",
-          hex: "F0169",
-          version: "1.5.54"
-      }, {
-          name: "code-braces-box",
-          hex: "F10D6",
-          version: "4.3.95"
-      }, {
-          name: "code-brackets",
-          hex: "F016A",
-          version: "1.5.54"
-      }, {
-          name: "code-equal",
-          hex: "F016B",
-          version: "1.5.54"
-      }, {
-          name: "code-greater-than",
-          hex: "F016C",
-          version: "1.5.54"
-      }, {
-          name: "code-greater-than-or-equal",
-          hex: "F016D",
-          version: "1.5.54"
-      }, {
-          name: "code-json",
-          hex: "F0626",
-          version: "1.6.50"
-      }, {
-          name: "code-less-than",
-          hex: "F016E",
-          version: "1.5.54"
-      }, {
-          name: "code-less-than-or-equal",
-          hex: "F016F",
-          version: "1.5.54"
-      }, {
-          name: "code-not-equal",
-          hex: "F0170",
-          version: "1.5.54"
-      }, {
-          name: "code-not-equal-variant",
-          hex: "F0171",
-          version: "1.5.54"
-      }, {
-          name: "code-parentheses",
-          hex: "F0172",
-          version: "1.5.54"
-      }, {
-          name: "code-parentheses-box",
-          hex: "F10D7",
-          version: "4.3.95"
-      }, {
-          name: "code-string",
-          hex: "F0173",
-          version: "1.5.54"
-      }, {
-          name: "code-tags",
-          hex: "F0174",
-          version: "1.5.54"
-      }, {
-          name: "code-tags-check",
-          hex: "F0694",
-          version: "1.7.12"
-      }, {
-          name: "codepen",
-          hex: "F0175",
-          version: "1.5.54"
-      }, {
-          name: "coffee",
-          hex: "F0176",
-          version: "1.5.54"
-      }, {
-          name: "coffee-maker",
-          hex: "F109F",
-          version: "4.2.95"
-      }, {
-          name: "coffee-off",
-          hex: "F0FAA",
-          version: "3.9.97"
-      }, {
-          name: "coffee-off-outline",
-          hex: "F0FAB",
-          version: "3.9.97"
-      }, {
-          name: "coffee-outline",
-          hex: "F06CA",
-          version: "1.8.36"
-      }, {
-          name: "coffee-to-go",
-          hex: "F0177",
-          version: "1.5.54"
-      }, {
-          name: "coffee-to-go-outline",
-          hex: "F130E",
-          version: "4.8.95"
-      }, {
-          name: "coffin",
-          hex: "F0B7F",
-          version: "3.0.39"
-      }, {
-          name: "cog",
-          hex: "F0493",
-          version: "1.5.54"
-      }, {
-          name: "cog-box",
-          hex: "F0494",
-          version: "1.5.54"
-      }, {
-          name: "cog-clockwise",
-          hex: "F11DD",
-          version: "4.5.95"
-      }, {
-          name: "cog-counterclockwise",
-          hex: "F11DE",
-          version: "4.5.95"
-      }, {
-          name: "cog-off",
-          hex: "F13CE",
-          version: "5.1.45"
-      }, {
-          name: "cog-off-outline",
-          hex: "F13CF",
-          version: "5.1.45"
-      }, {
-          name: "cog-outline",
-          hex: "F08BB",
-          version: "2.2.43"
-      }, {
-          name: "cog-refresh",
-          hex: "F145E",
-          version: "5.2.45"
-      }, {
-          name: "cog-refresh-outline",
-          hex: "F145F",
-          version: "5.2.45"
-      }, {
-          name: "cog-sync",
-          hex: "F1460",
-          version: "5.2.45"
-      }, {
-          name: "cog-sync-outline",
-          hex: "F1461",
-          version: "5.2.45"
-      }, {
-          name: "cog-transfer",
-          hex: "F105B",
-          version: "4.1.95"
-      }, {
-          name: "cog-transfer-outline",
-          hex: "F105C",
-          version: "4.1.95"
-      }, {
-          name: "cogs",
-          hex: "F08D6",
-          version: "2.3.50"
-      }, {
-          name: "collage",
-          hex: "F0640",
-          version: "1.6.50"
-      }, {
-          name: "collapse-all",
-          hex: "F0AA6",
-          version: "2.7.94"
-      }, {
-          name: "collapse-all-outline",
-          hex: "F0AA7",
-          version: "2.7.94"
-      }, {
-          name: "color-helper",
-          hex: "F0179",
-          version: "1.5.54"
-      }, {
-          name: "comma",
-          hex: "F0E23",
-          version: "3.6.95"
-      }, {
-          name: "comma-box",
-          hex: "F0E2B",
-          version: "3.6.95"
-      }, {
-          name: "comma-box-outline",
-          hex: "F0E24",
-          version: "3.6.95"
-      }, {
-          name: "comma-circle",
-          hex: "F0E25",
-          version: "3.6.95"
-      }, {
-          name: "comma-circle-outline",
-          hex: "F0E26",
-          version: "3.6.95"
-      }, {
-          name: "comment",
-          hex: "F017A",
-          version: "1.5.54"
-      }, {
-          name: "comment-account",
-          hex: "F017B",
-          version: "1.5.54"
-      }, {
-          name: "comment-account-outline",
-          hex: "F017C",
-          version: "1.5.54"
-      }, {
-          name: "comment-alert",
-          hex: "F017D",
-          version: "1.5.54"
-      }, {
-          name: "comment-alert-outline",
-          hex: "F017E",
-          version: "1.5.54"
-      }, {
-          name: "comment-arrow-left",
-          hex: "F09E1",
-          version: "2.5.94"
-      }, {
-          name: "comment-arrow-left-outline",
-          hex: "F09E2",
-          version: "2.5.94"
-      }, {
-          name: "comment-arrow-right",
-          hex: "F09E3",
-          version: "2.5.94"
-      }, {
-          name: "comment-arrow-right-outline",
-          hex: "F09E4",
-          version: "2.5.94"
-      }, {
-          name: "comment-bookmark",
-          hex: "F15AE",
-          version: "5.5.55"
-      }, {
-          name: "comment-bookmark-outline",
-          hex: "F15AF",
-          version: "5.5.55"
-      }, {
-          name: "comment-check",
-          hex: "F017F",
-          version: "1.5.54"
-      }, {
-          name: "comment-check-outline",
-          hex: "F0180",
-          version: "1.5.54"
-      }, {
-          name: "comment-edit",
-          hex: "F11BF",
-          version: "4.5.95"
-      }, {
-          name: "comment-edit-outline",
-          hex: "F12C4",
-          version: "4.8.95"
-      }, {
-          name: "comment-eye",
-          hex: "F0A3A",
-          version: "2.6.95"
-      }, {
-          name: "comment-eye-outline",
-          hex: "F0A3B",
-          version: "2.6.95"
-      }, {
-          name: "comment-flash",
-          hex: "F15B0",
-          version: "5.5.55"
-      }, {
-          name: "comment-flash-outline",
-          hex: "F15B1",
-          version: "5.5.55"
-      }, {
-          name: "comment-minus",
-          hex: "F15DF",
-          version: "5.6.55"
-      }, {
-          name: "comment-minus-outline",
-          hex: "F15E0",
-          version: "5.6.55"
-      }, {
-          name: "comment-multiple",
-          hex: "F085F",
-          version: "2.1.99"
-      }, {
-          name: "comment-multiple-outline",
-          hex: "F0181",
-          version: "1.5.54"
-      }, {
-          name: "comment-off",
-          hex: "F15E1",
-          version: "5.6.55"
-      }, {
-          name: "comment-off-outline",
-          hex: "F15E2",
-          version: "5.6.55"
-      }, {
-          name: "comment-outline",
-          hex: "F0182",
-          version: "1.5.54"
-      }, {
-          name: "comment-plus",
-          hex: "F09E5",
-          version: "2.5.94"
-      }, {
-          name: "comment-plus-outline",
-          hex: "F0183",
-          version: "1.5.54"
-      }, {
-          name: "comment-processing",
-          hex: "F0184",
-          version: "1.5.54"
-      }, {
-          name: "comment-processing-outline",
-          hex: "F0185",
-          version: "1.5.54"
-      }, {
-          name: "comment-question",
-          hex: "F0817",
-          version: "2.1.19"
-      }, {
-          name: "comment-question-outline",
-          hex: "F0186",
-          version: "1.5.54"
-      }, {
-          name: "comment-quote",
-          hex: "F1021",
-          version: "4.1.95"
-      }, {
-          name: "comment-quote-outline",
-          hex: "F1022",
-          version: "4.1.95"
-      }, {
-          name: "comment-remove",
-          hex: "F05DE",
-          version: "1.5.54"
-      }, {
-          name: "comment-remove-outline",
-          hex: "F0187",
-          version: "1.5.54"
-      }, {
-          name: "comment-search",
-          hex: "F0A3C",
-          version: "2.6.95"
-      }, {
-          name: "comment-search-outline",
-          hex: "F0A3D",
-          version: "2.6.95"
-      }, {
-          name: "comment-text",
-          hex: "F0188",
-          version: "1.5.54"
-      }, {
-          name: "comment-text-multiple",
-          hex: "F0860",
-          version: "2.1.99"
-      }, {
-          name: "comment-text-multiple-outline",
-          hex: "F0861",
-          version: "2.1.99"
-      }, {
-          name: "comment-text-outline",
-          hex: "F0189",
-          version: "1.5.54"
-      }, {
-          name: "compare",
-          hex: "F018A",
-          version: "1.5.54"
-      }, {
-          name: "compare-horizontal",
-          hex: "F1492",
-          version: "5.3.45"
-      }, {
-          name: "compare-vertical",
-          hex: "F1493",
-          version: "5.3.45"
-      }, {
-          name: "compass",
-          hex: "F018B",
-          version: "1.5.54"
-      }, {
-          name: "compass-off",
-          hex: "F0B80",
-          version: "3.0.39"
-      }, {
-          name: "compass-off-outline",
-          hex: "F0B81",
-          version: "3.0.39"
-      }, {
-          name: "compass-outline",
-          hex: "F018C",
-          version: "1.5.54"
-      }, {
-          name: "compass-rose",
-          hex: "F1382",
-          version: "4.9.95"
-      }, {
-          name: "concourse-ci",
-          hex: "F10A0",
-          version: "4.2.95"
-      }, {
-          name: "connection",
-          hex: "F1616",
-          version: "5.6.55"
-      }, {
-          name: "console",
-          hex: "F018D",
-          version: "1.5.54"
-      }, {
-          name: "console-line",
-          hex: "F07B7",
-          version: "2.0.46"
-      }, {
-          name: "console-network",
-          hex: "F08A9",
-          version: "2.2.43"
-      }, {
-          name: "console-network-outline",
-          hex: "F0C60",
-          version: "3.2.89"
-      }, {
-          name: "consolidate",
-          hex: "F10D8",
-          version: "4.3.95"
-      }, {
-          name: "contactless-payment",
-          hex: "F0D6A",
-          version: "3.4.93"
-      }, {
-          name: "contactless-payment-circle",
-          hex: "F0321",
-          version: "1.5.54"
-      }, {
-          name: "contactless-payment-circle-outline",
-          hex: "F0408",
-          version: "1.5.54"
-      }, {
-          name: "contacts",
-          hex: "F06CB",
-          version: "1.8.36"
-      }, {
-          name: "contacts-outline",
-          hex: "F05B8",
-          version: "1.5.54"
-      }, {
-          name: "contain",
-          hex: "F0A3E",
-          version: "2.6.95"
-      }, {
-          name: "contain-end",
-          hex: "F0A3F",
-          version: "2.6.95"
-      }, {
-          name: "contain-start",
-          hex: "F0A40",
-          version: "2.6.95"
-      }, {
-          name: "content-copy",
-          hex: "F018F",
-          version: "1.5.54"
-      }, {
-          name: "content-cut",
-          hex: "F0190",
-          version: "1.5.54"
-      }, {
-          name: "content-duplicate",
-          hex: "F0191",
-          version: "1.5.54"
-      }, {
-          name: "content-paste",
-          hex: "F0192",
-          version: "1.5.54"
-      }, {
-          name: "content-save",
-          hex: "F0193",
-          version: "1.5.54"
-      }, {
-          name: "content-save-alert",
-          hex: "F0F42",
-          version: "3.9.97"
-      }, {
-          name: "content-save-alert-outline",
-          hex: "F0F43",
-          version: "3.9.97"
-      }, {
-          name: "content-save-all",
-          hex: "F0194",
-          version: "1.5.54"
-      }, {
-          name: "content-save-all-outline",
-          hex: "F0F44",
-          version: "3.9.97"
-      }, {
-          name: "content-save-cog",
-          hex: "F145B",
-          version: "5.2.45"
-      }, {
-          name: "content-save-cog-outline",
-          hex: "F145C",
-          version: "5.2.45"
-      }, {
-          name: "content-save-edit",
-          hex: "F0CFB",
-          version: "3.3.92"
-      }, {
-          name: "content-save-edit-outline",
-          hex: "F0CFC",
-          version: "3.3.92"
-      }, {
-          name: "content-save-move",
-          hex: "F0E27",
-          version: "3.6.95"
-      }, {
-          name: "content-save-move-outline",
-          hex: "F0E28",
-          version: "3.6.95"
-      }, {
-          name: "content-save-off",
-          hex: "F1643",
-          version: "5.7.55"
-      }, {
-          name: "content-save-off-outline",
-          hex: "F1644",
-          version: "5.7.55"
-      }, {
-          name: "content-save-outline",
-          hex: "F0818",
-          version: "2.1.19"
-      }, {
-          name: "content-save-settings",
-          hex: "F061B",
-          version: "1.6.50"
-      }, {
-          name: "content-save-settings-outline",
-          hex: "F0B2E",
-          version: "2.8.94"
-      }, {
-          name: "contrast",
-          hex: "F0195",
-          version: "1.5.54"
-      }, {
-          name: "contrast-box",
-          hex: "F0196",
-          version: "1.5.54"
-      }, {
-          name: "contrast-circle",
-          hex: "F0197",
-          version: "1.5.54"
-      }, {
-          name: "controller-classic",
-          hex: "F0B82",
-          version: "3.0.39"
-      }, {
-          name: "controller-classic-outline",
-          hex: "F0B83",
-          version: "3.0.39"
-      }, {
-          name: "cookie",
-          hex: "F0198",
-          version: "1.5.54"
-      }, {
-          name: "cookie-alert",
-          hex: "F16D0",
-          version: "5.8.55"
-      }, {
-          name: "cookie-alert-outline",
-          hex: "F16D1",
-          version: "5.8.55"
-      }, {
-          name: "cookie-check",
-          hex: "F16D2",
-          version: "5.8.55"
-      }, {
-          name: "cookie-check-outline",
-          hex: "F16D3",
-          version: "5.8.55"
-      }, {
-          name: "cookie-cog",
-          hex: "F16D4",
-          version: "5.8.55"
-      }, {
-          name: "cookie-cog-outline",
-          hex: "F16D5",
-          version: "5.8.55"
-      }, {
-          name: "cookie-minus",
-          hex: "F16DA",
-          version: "5.8.55"
-      }, {
-          name: "cookie-minus-outline",
-          hex: "F16DB",
-          version: "5.8.55"
-      }, {
-          name: "cookie-outline",
-          hex: "F16DE",
-          version: "5.8.55"
-      }, {
-          name: "cookie-plus",
-          hex: "F16D6",
-          version: "5.8.55"
-      }, {
-          name: "cookie-plus-outline",
-          hex: "F16D7",
-          version: "5.8.55"
-      }, {
-          name: "cookie-remove",
-          hex: "F16D8",
-          version: "5.8.55"
-      }, {
-          name: "cookie-remove-outline",
-          hex: "F16D9",
-          version: "5.8.55"
-      }, {
-          name: "cookie-settings",
-          hex: "F16DC",
-          version: "5.8.55"
-      }, {
-          name: "cookie-settings-outline",
-          hex: "F16DD",
-          version: "5.8.55"
-      }, {
-          name: "coolant-temperature",
-          hex: "F03C8",
-          version: "1.5.54"
-      }, {
-          name: "copyright",
-          hex: "F05E6",
-          version: "1.5.54"
-      }, {
-          name: "cordova",
-          hex: "F0958",
-          version: "2.4.85"
-      }, {
-          name: "corn",
-          hex: "F07B8",
-          version: "2.0.46"
-      }, {
-          name: "corn-off",
-          hex: "F13EF",
-          version: "5.1.45"
-      }, {
-          name: "cosine-wave",
-          hex: "F1479",
-          version: "5.2.45"
-      }, {
-          name: "counter",
-          hex: "F0199",
-          version: "1.5.54"
-      }, {
-          name: "cow",
-          hex: "F019A",
-          version: "1.5.54"
-      }, {
-          name: "cpu-32-bit",
-          hex: "F0EDF",
-          version: "3.8.95"
-      }, {
-          name: "cpu-64-bit",
-          hex: "F0EE0",
-          version: "3.8.95"
-      }, {
-          name: "crane",
-          hex: "F0862",
-          version: "2.1.99"
-      }, {
-          name: "creation",
-          hex: "F0674",
-          version: "1.7.12"
-      }, {
-          name: "creative-commons",
-          hex: "F0D6B",
-          version: "3.4.93"
-      }, {
-          name: "credit-card",
-          hex: "F0FEF",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-check",
-          hex: "F13D0",
-          version: "5.1.45"
-      }, {
-          name: "credit-card-check-outline",
-          hex: "F13D1",
-          version: "5.1.45"
-      }, {
-          name: "credit-card-clock",
-          hex: "F0EE1",
-          version: "3.8.95"
-      }, {
-          name: "credit-card-clock-outline",
-          hex: "F0EE2",
-          version: "3.8.95"
-      }, {
-          name: "credit-card-marker",
-          hex: "F06A8",
-          version: "1.7.12"
-      }, {
-          name: "credit-card-marker-outline",
-          hex: "F0DBE",
-          version: "3.5.94"
-      }, {
-          name: "credit-card-minus",
-          hex: "F0FAC",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-minus-outline",
-          hex: "F0FAD",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-multiple",
-          hex: "F0FF0",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-multiple-outline",
-          hex: "F019C",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-off",
-          hex: "F0FF1",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-off-outline",
-          hex: "F05E4",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-outline",
-          hex: "F019B",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-plus",
-          hex: "F0FF2",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-plus-outline",
-          hex: "F0676",
-          version: "1.7.12"
-      }, {
-          name: "credit-card-refresh",
-          hex: "F1645",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-refresh-outline",
-          hex: "F1646",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-refund",
-          hex: "F0FF3",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-refund-outline",
-          hex: "F0AA8",
-          version: "2.7.94"
-      }, {
-          name: "credit-card-remove",
-          hex: "F0FAE",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-remove-outline",
-          hex: "F0FAF",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-scan",
-          hex: "F0FF4",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-scan-outline",
-          hex: "F019D",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-search",
-          hex: "F1647",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-search-outline",
-          hex: "F1648",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-settings",
-          hex: "F0FF5",
-          version: "4.0.96"
-      }, {
-          name: "credit-card-settings-outline",
-          hex: "F08D7",
-          version: "2.3.50"
-      }, {
-          name: "credit-card-sync",
-          hex: "F1649",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-sync-outline",
-          hex: "F164A",
-          version: "5.7.55"
-      }, {
-          name: "credit-card-wireless",
-          hex: "F0802",
-          version: "2.1.19"
-      }, {
-          name: "credit-card-wireless-off",
-          hex: "F057A",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-wireless-off-outline",
-          hex: "F057B",
-          version: "1.5.54"
-      }, {
-          name: "credit-card-wireless-outline",
-          hex: "F0D6C",
-          version: "3.4.93"
-      }, {
-          name: "cricket",
-          hex: "F0D6D",
-          version: "3.4.93"
-      }, {
-          name: "crop",
-          hex: "F019E",
-          version: "1.5.54"
-      }, {
-          name: "crop-free",
-          hex: "F019F",
-          version: "1.5.54"
-      }, {
-          name: "crop-landscape",
-          hex: "F01A0",
-          version: "1.5.54"
-      }, {
-          name: "crop-portrait",
-          hex: "F01A1",
-          version: "1.5.54"
-      }, {
-          name: "crop-rotate",
-          hex: "F0696",
-          version: "1.7.12"
-      }, {
-          name: "crop-square",
-          hex: "F01A2",
-          version: "1.5.54"
-      }, {
-          name: "crosshairs",
-          hex: "F01A3",
-          version: "1.5.54"
-      }, {
-          name: "crosshairs-gps",
-          hex: "F01A4",
-          version: "1.5.54"
-      }, {
-          name: "crosshairs-off",
-          hex: "F0F45",
-          version: "3.9.97"
-      }, {
-          name: "crosshairs-question",
-          hex: "F1136",
-          version: "4.4.95"
-      }, {
-          name: "crown",
-          hex: "F01A5",
-          version: "1.5.54"
-      }, {
-          name: "crown-outline",
-          hex: "F11D0",
-          version: "4.5.95"
-      }, {
-          name: "cryengine",
-          hex: "F0959",
-          version: "2.4.85"
-      }, {
-          name: "crystal-ball",
-          hex: "F0B2F",
-          version: "2.8.94"
-      }, {
-          name: "cube",
-          hex: "F01A6",
-          version: "1.5.54"
-      }, {
-          name: "cube-off",
-          hex: "F141C",
-          version: "5.2.45"
-      }, {
-          name: "cube-off-outline",
-          hex: "F141D",
-          version: "5.2.45"
-      }, {
-          name: "cube-outline",
-          hex: "F01A7",
-          version: "1.5.54"
-      }, {
-          name: "cube-scan",
-          hex: "F0B84",
-          version: "3.0.39"
-      }, {
-          name: "cube-send",
-          hex: "F01A8",
-          version: "1.5.54"
-      }, {
-          name: "cube-unfolded",
-          hex: "F01A9",
-          version: "1.5.54"
-      }, {
-          name: "cup",
-          hex: "F01AA",
-          version: "1.5.54"
-      }, {
-          name: "cup-off",
-          hex: "F05E5",
-          version: "1.5.54"
-      }, {
-          name: "cup-off-outline",
-          hex: "F137D",
-          version: "4.9.95"
-      }, {
-          name: "cup-outline",
-          hex: "F130F",
-          version: "4.8.95"
-      }, {
-          name: "cup-water",
-          hex: "F01AB",
-          version: "1.5.54"
-      }, {
-          name: "cupboard",
-          hex: "F0F46",
-          version: "3.9.97"
-      }, {
-          name: "cupboard-outline",
-          hex: "F0F47",
-          version: "3.9.97"
-      }, {
-          name: "cupcake",
-          hex: "F095A",
-          version: "2.4.85"
-      }, {
-          name: "curling",
-          hex: "F0863",
-          version: "2.1.99"
-      }, {
-          name: "currency-bdt",
-          hex: "F0864",
-          version: "2.1.99"
-      }, {
-          name: "currency-brl",
-          hex: "F0B85",
-          version: "3.0.39"
-      }, {
-          name: "currency-btc",
-          hex: "F01AC",
-          version: "1.5.54"
-      }, {
-          name: "currency-cny",
-          hex: "F07BA",
-          version: "2.0.46"
-      }, {
-          name: "currency-eth",
-          hex: "F07BB",
-          version: "2.0.46"
-      }, {
-          name: "currency-eur",
-          hex: "F01AD",
-          version: "1.5.54"
-      }, {
-          name: "currency-eur-off",
-          hex: "F1315",
-          version: "4.8.95"
-      }, {
-          name: "currency-gbp",
-          hex: "F01AE",
-          version: "1.5.54"
-      }, {
-          name: "currency-ils",
-          hex: "F0C61",
-          version: "3.2.89"
-      }, {
-          name: "currency-inr",
-          hex: "F01AF",
-          version: "1.5.54"
-      }, {
-          name: "currency-jpy",
-          hex: "F07BC",
-          version: "2.0.46"
-      }, {
-          name: "currency-krw",
-          hex: "F07BD",
-          version: "2.0.46"
-      }, {
-          name: "currency-kzt",
-          hex: "F0865",
-          version: "2.1.99"
-      }, {
-          name: "currency-mnt",
-          hex: "F1512",
-          version: "5.4.55"
-      }, {
-          name: "currency-ngn",
-          hex: "F01B0",
-          version: "1.5.54"
-      }, {
-          name: "currency-php",
-          hex: "F09E6",
-          version: "2.5.94"
-      }, {
-          name: "currency-rial",
-          hex: "F0E9C",
-          version: "3.7.94"
-      }, {
-          name: "currency-rub",
-          hex: "F01B1",
-          version: "1.5.54"
-      }, {
-          name: "currency-sign",
-          hex: "F07BE",
-          version: "2.0.46"
-      }, {
-          name: "currency-try",
-          hex: "F01B2",
-          version: "1.5.54"
-      }, {
-          name: "currency-twd",
-          hex: "F07BF",
-          version: "2.0.46"
-      }, {
-          name: "currency-usd",
-          hex: "F01C1",
-          version: "1.5.54"
-      }, {
-          name: "currency-usd-circle",
-          hex: "F116B",
-          version: "4.4.95"
-      }, {
-          name: "currency-usd-circle-outline",
-          hex: "F0178",
-          version: "1.5.54"
-      }, {
-          name: "currency-usd-off",
-          hex: "F067A",
-          version: "1.7.12"
-      }, {
-          name: "current-ac",
-          hex: "F1480",
-          version: "5.3.45"
-      }, {
-          name: "current-dc",
-          hex: "F095C",
-          version: "2.4.85"
-      }, {
-          name: "cursor-default",
-          hex: "F01C0",
-          version: "1.5.54"
-      }, {
-          name: "cursor-default-click",
-          hex: "F0CFD",
-          version: "3.3.92"
-      }, {
-          name: "cursor-default-click-outline",
-          hex: "F0CFE",
-          version: "3.3.92"
-      }, {
-          name: "cursor-default-gesture",
-          hex: "F1127",
-          version: "4.3.95"
-      }, {
-          name: "cursor-default-gesture-outline",
-          hex: "F1128",
-          version: "4.3.95"
-      }, {
-          name: "cursor-default-outline",
-          hex: "F01BF",
-          version: "1.5.54"
-      }, {
-          name: "cursor-move",
-          hex: "F01BE",
-          version: "1.5.54"
-      }, {
-          name: "cursor-pointer",
-          hex: "F01BD",
-          version: "1.5.54"
-      }, {
-          name: "cursor-text",
-          hex: "F05E7",
-          version: "1.5.54"
-      }, {
-          name: "dance-ballroom",
-          hex: "F15FB",
-          version: "5.6.55"
-      }, {
-          name: "dance-pole",
-          hex: "F1578",
-          version: "5.5.55"
-      }, {
-          name: "data-matrix",
-          hex: "F153C",
-          version: "5.4.55"
-      }, {
-          name: "data-matrix-edit",
-          hex: "F153D",
-          version: "5.4.55"
-      }, {
-          name: "data-matrix-minus",
-          hex: "F153E",
-          version: "5.4.55"
-      }, {
-          name: "data-matrix-plus",
-          hex: "F153F",
-          version: "5.4.55"
-      }, {
-          name: "data-matrix-remove",
-          hex: "F1540",
-          version: "5.4.55"
-      }, {
-          name: "data-matrix-scan",
-          hex: "F1541",
-          version: "5.4.55"
-      }, {
-          name: "database",
-          hex: "F01BC",
-          version: "1.5.54"
-      }, {
-          name: "database-alert",
-          hex: "F163A",
-          version: "5.7.55"
-      }, {
-          name: "database-alert-outline",
-          hex: "F1624",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-down",
-          hex: "F163B",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-down-outline",
-          hex: "F1625",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-left",
-          hex: "F163C",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-left-outline",
-          hex: "F1626",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-right",
-          hex: "F163D",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-right-outline",
-          hex: "F1627",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-up",
-          hex: "F163E",
-          version: "5.7.55"
-      }, {
-          name: "database-arrow-up-outline",
-          hex: "F1628",
-          version: "5.7.55"
-      }, {
-          name: "database-check",
-          hex: "F0AA9",
-          version: "2.7.94"
-      }, {
-          name: "database-check-outline",
-          hex: "F1629",
-          version: "5.7.55"
-      }, {
-          name: "database-clock",
-          hex: "F163F",
-          version: "5.7.55"
-      }, {
-          name: "database-clock-outline",
-          hex: "F162A",
-          version: "5.7.55"
-      }, {
-          name: "database-cog",
-          hex: "F164B",
-          version: "5.7.55"
-      }, {
-          name: "database-cog-outline",
-          hex: "F164C",
-          version: "5.7.55"
-      }, {
-          name: "database-edit",
-          hex: "F0B86",
-          version: "3.0.39"
-      }, {
-          name: "database-edit-outline",
-          hex: "F162B",
-          version: "5.7.55"
-      }, {
-          name: "database-export",
-          hex: "F095E",
-          version: "2.4.85"
-      }, {
-          name: "database-export-outline",
-          hex: "F162C",
-          version: "5.7.55"
-      }, {
-          name: "database-import",
-          hex: "F095D",
-          version: "2.4.85"
-      }, {
-          name: "database-import-outline",
-          hex: "F162D",
-          version: "5.7.55"
-      }, {
-          name: "database-lock",
-          hex: "F0AAA",
-          version: "2.7.94"
-      }, {
-          name: "database-lock-outline",
-          hex: "F162E",
-          version: "5.7.55"
-      }, {
-          name: "database-marker",
-          hex: "F12F6",
-          version: "4.8.95"
-      }, {
-          name: "database-marker-outline",
-          hex: "F162F",
-          version: "5.7.55"
-      }, {
-          name: "database-minus",
-          hex: "F01BB",
-          version: "1.5.54"
-      }, {
-          name: "database-minus-outline",
-          hex: "F1630",
-          version: "5.7.55"
-      }, {
-          name: "database-off",
-          hex: "F1640",
-          version: "5.7.55"
-      }, {
-          name: "database-off-outline",
-          hex: "F1631",
-          version: "5.7.55"
-      }, {
-          name: "database-outline",
-          hex: "F1632",
-          version: "5.7.55"
-      }, {
-          name: "database-plus",
-          hex: "F01BA",
-          version: "1.5.54"
-      }, {
-          name: "database-plus-outline",
-          hex: "F1633",
-          version: "5.7.55"
-      }, {
-          name: "database-refresh",
-          hex: "F05C2",
-          version: "1.5.54"
-      }, {
-          name: "database-refresh-outline",
-          hex: "F1634",
-          version: "5.7.55"
-      }, {
-          name: "database-remove",
-          hex: "F0D00",
-          version: "3.3.92"
-      }, {
-          name: "database-remove-outline",
-          hex: "F1635",
-          version: "5.7.55"
-      }, {
-          name: "database-search",
-          hex: "F0866",
-          version: "2.1.99"
-      }, {
-          name: "database-search-outline",
-          hex: "F1636",
-          version: "5.7.55"
-      }, {
-          name: "database-settings",
-          hex: "F0D01",
-          version: "3.3.92"
-      }, {
-          name: "database-settings-outline",
-          hex: "F1637",
-          version: "5.7.55"
-      }, {
-          name: "database-sync",
-          hex: "F0CFF",
-          version: "3.3.92"
-      }, {
-          name: "database-sync-outline",
-          hex: "F1638",
-          version: "5.7.55"
-      }, {
-          name: "death-star",
-          hex: "F08D8",
-          version: "2.3.50"
-      }, {
-          name: "death-star-variant",
-          hex: "F08D9",
-          version: "2.3.50"
-      }, {
-          name: "deathly-hallows",
-          hex: "F0B87",
-          version: "3.0.39"
-      }, {
-          name: "debian",
-          hex: "F08DA",
-          version: "2.3.50"
-      }, {
-          name: "debug-step-into",
-          hex: "F01B9",
-          version: "1.5.54"
-      }, {
-          name: "debug-step-out",
-          hex: "F01B8",
-          version: "1.5.54"
-      }, {
-          name: "debug-step-over",
-          hex: "F01B7",
-          version: "1.5.54"
-      }, {
-          name: "decagram",
-          hex: "F076C",
-          version: "1.9.32"
-      }, {
-          name: "decagram-outline",
-          hex: "F076D",
-          version: "1.9.32"
-      }, {
-          name: "decimal",
-          hex: "F10A1",
-          version: "4.2.95"
-      }, {
-          name: "decimal-comma",
-          hex: "F10A2",
-          version: "4.2.95"
-      }, {
-          name: "decimal-comma-decrease",
-          hex: "F10A3",
-          version: "4.2.95"
-      }, {
-          name: "decimal-comma-increase",
-          hex: "F10A4",
-          version: "4.2.95"
-      }, {
-          name: "decimal-decrease",
-          hex: "F01B6",
-          version: "1.5.54"
-      }, {
-          name: "decimal-increase",
-          hex: "F01B5",
-          version: "1.5.54"
-      }, {
-          name: "delete",
-          hex: "F01B4",
-          version: "1.5.54"
-      }, {
-          name: "delete-alert",
-          hex: "F10A5",
-          version: "4.2.95"
-      }, {
-          name: "delete-alert-outline",
-          hex: "F10A6",
-          version: "4.2.95"
-      }, {
-          name: "delete-circle",
-          hex: "F0683",
-          version: "1.7.12"
-      }, {
-          name: "delete-circle-outline",
-          hex: "F0B88",
-          version: "3.0.39"
-      }, {
-          name: "delete-clock",
-          hex: "F1556",
-          version: "5.5.55"
-      }, {
-          name: "delete-clock-outline",
-          hex: "F1557",
-          version: "5.5.55"
-      }, {
-          name: "delete-empty",
-          hex: "F06CC",
-          version: "1.8.36"
-      }, {
-          name: "delete-empty-outline",
-          hex: "F0E9D",
-          version: "3.7.94"
-      }, {
-          name: "delete-forever",
-          hex: "F05E8",
-          version: "1.5.54"
-      }, {
-          name: "delete-forever-outline",
-          hex: "F0B89",
-          version: "3.0.39"
-      }, {
-          name: "delete-off",
-          hex: "F10A7",
-          version: "4.2.95"
-      }, {
-          name: "delete-off-outline",
-          hex: "F10A8",
-          version: "4.2.95"
-      }, {
-          name: "delete-outline",
-          hex: "F09E7",
-          version: "2.5.94"
-      }, {
-          name: "delete-restore",
-          hex: "F0819",
-          version: "2.1.19"
-      }, {
-          name: "delete-sweep",
-          hex: "F05E9",
-          version: "1.5.54"
-      }, {
-          name: "delete-sweep-outline",
-          hex: "F0C62",
-          version: "3.2.89"
-      }, {
-          name: "delete-variant",
-          hex: "F01B3",
-          version: "1.5.54"
-      }, {
-          name: "delta",
-          hex: "F01C2",
-          version: "1.5.54"
-      }, {
-          name: "desk",
-          hex: "F1239",
-          version: "4.6.95"
-      }, {
-          name: "desk-lamp",
-          hex: "F095F",
-          version: "2.4.85"
-      }, {
-          name: "deskphone",
-          hex: "F01C3",
-          version: "1.5.54"
-      }, {
-          name: "desktop-classic",
-          hex: "F07C0",
-          version: "2.0.46"
-      }, {
-          name: "desktop-mac",
-          hex: "F01C4",
-          version: "1.5.54"
-      }, {
-          name: "desktop-mac-dashboard",
-          hex: "F09E8",
-          version: "2.5.94"
-      }, {
-          name: "desktop-tower",
-          hex: "F01C5",
-          version: "1.5.54"
-      }, {
-          name: "desktop-tower-monitor",
-          hex: "F0AAB",
-          version: "2.7.94"
-      }, {
-          name: "details",
-          hex: "F01C6",
-          version: "1.5.54"
-      }, {
-          name: "dev-to",
-          hex: "F0D6E",
-          version: "3.4.93"
-      }, {
-          name: "developer-board",
-          hex: "F0697",
-          version: "1.7.12"
-      }, {
-          name: "deviantart",
-          hex: "F01C7",
-          version: "1.5.54"
-      }, {
-          name: "devices",
-          hex: "F0FB0",
-          version: "4.0.96"
-      }, {
-          name: "diabetes",
-          hex: "F1126",
-          version: "4.3.95"
-      }, {
-          name: "dialpad",
-          hex: "F061C",
-          version: "1.6.50"
-      }, {
-          name: "diameter",
-          hex: "F0C63",
-          version: "3.2.89"
-      }, {
-          name: "diameter-outline",
-          hex: "F0C64",
-          version: "3.2.89"
-      }, {
-          name: "diameter-variant",
-          hex: "F0C65",
-          version: "3.2.89"
-      }, {
-          name: "diamond",
-          hex: "F0B8A",
-          version: "3.0.39"
-      }, {
-          name: "diamond-outline",
-          hex: "F0B8B",
-          version: "3.0.39"
-      }, {
-          name: "diamond-stone",
-          hex: "F01C8",
-          version: "1.5.54"
-      }, {
-          name: "dice-1",
-          hex: "F01CA",
-          version: "1.5.54"
-      }, {
-          name: "dice-1-outline",
-          hex: "F114A",
-          version: "4.4.95"
-      }, {
-          name: "dice-2",
-          hex: "F01CB",
-          version: "1.5.54"
-      }, {
-          name: "dice-2-outline",
-          hex: "F114B",
-          version: "4.4.95"
-      }, {
-          name: "dice-3",
-          hex: "F01CC",
-          version: "1.5.54"
-      }, {
-          name: "dice-3-outline",
-          hex: "F114C",
-          version: "4.4.95"
-      }, {
-          name: "dice-4",
-          hex: "F01CD",
-          version: "1.5.54"
-      }, {
-          name: "dice-4-outline",
-          hex: "F114D",
-          version: "4.4.95"
-      }, {
-          name: "dice-5",
-          hex: "F01CE",
-          version: "1.5.54"
-      }, {
-          name: "dice-5-outline",
-          hex: "F114E",
-          version: "4.4.95"
-      }, {
-          name: "dice-6",
-          hex: "F01CF",
-          version: "1.5.54"
-      }, {
-          name: "dice-6-outline",
-          hex: "F114F",
-          version: "4.4.95"
-      }, {
-          name: "dice-d10",
-          hex: "F1153",
-          version: "4.4.95"
-      }, {
-          name: "dice-d10-outline",
-          hex: "F076F",
-          version: "1.9.32"
-      }, {
-          name: "dice-d12",
-          hex: "F1154",
-          version: "4.4.95"
-      }, {
-          name: "dice-d12-outline",
-          hex: "F0867",
-          version: "2.1.99"
-      }, {
-          name: "dice-d20",
-          hex: "F1155",
-          version: "4.4.95"
-      }, {
-          name: "dice-d20-outline",
-          hex: "F05EA",
-          version: "1.5.54"
-      }, {
-          name: "dice-d4",
-          hex: "F1150",
-          version: "4.4.95"
-      }, {
-          name: "dice-d4-outline",
-          hex: "F05EB",
-          version: "1.5.54"
-      }, {
-          name: "dice-d6",
-          hex: "F1151",
-          version: "4.4.95"
-      }, {
-          name: "dice-d6-outline",
-          hex: "F05ED",
-          version: "1.5.54"
-      }, {
-          name: "dice-d8",
-          hex: "F1152",
-          version: "4.4.95"
-      }, {
-          name: "dice-d8-outline",
-          hex: "F05EC",
-          version: "1.5.54"
-      }, {
-          name: "dice-multiple",
-          hex: "F076E",
-          version: "1.9.32"
-      }, {
-          name: "dice-multiple-outline",
-          hex: "F1156",
-          version: "4.4.95"
-      }, {
-          name: "digital-ocean",
-          hex: "F1237",
-          version: "4.6.95"
-      }, {
-          name: "dip-switch",
-          hex: "F07C1",
-          version: "2.0.46"
-      }, {
-          name: "directions",
-          hex: "F01D0",
-          version: "1.5.54"
-      }, {
-          name: "directions-fork",
-          hex: "F0641",
-          version: "1.6.50"
-      }, {
-          name: "disc",
-          hex: "F05EE",
-          version: "1.5.54"
-      }, {
-          name: "disc-alert",
-          hex: "F01D1",
-          version: "1.5.54"
-      }, {
-          name: "disc-player",
-          hex: "F0960",
-          version: "2.4.85"
-      }, {
-          name: "discord",
-          hex: "F066F",
-          version: "1.6.50"
-      }, {
-          name: "dishwasher",
-          hex: "F0AAC",
-          version: "2.7.94"
-      }, {
-          name: "dishwasher-alert",
-          hex: "F11B8",
-          version: "4.5.95"
-      }, {
-          name: "dishwasher-off",
-          hex: "F11B9",
-          version: "4.5.95"
-      }, {
-          name: "disqus",
-          hex: "F01D2",
-          version: "1.5.54"
-      }, {
-          name: "distribute-horizontal-center",
-          hex: "F11C9",
-          version: "4.5.95"
-      }, {
-          name: "distribute-horizontal-left",
-          hex: "F11C8",
-          version: "4.5.95"
-      }, {
-          name: "distribute-horizontal-right",
-          hex: "F11CA",
-          version: "4.5.95"
-      }, {
-          name: "distribute-vertical-bottom",
-          hex: "F11CB",
-          version: "4.5.95"
-      }, {
-          name: "distribute-vertical-center",
-          hex: "F11CC",
-          version: "4.5.95"
-      }, {
-          name: "distribute-vertical-top",
-          hex: "F11CD",
-          version: "4.5.95"
-      }, {
-          name: "diving-flippers",
-          hex: "F0DBF",
-          version: "3.5.94"
-      }, {
-          name: "diving-helmet",
-          hex: "F0DC0",
-          version: "3.5.94"
-      }, {
-          name: "diving-scuba",
-          hex: "F0DC1",
-          version: "3.5.94"
-      }, {
-          name: "diving-scuba-flag",
-          hex: "F0DC2",
-          version: "3.5.94"
-      }, {
-          name: "diving-scuba-tank",
-          hex: "F0DC3",
-          version: "3.5.94"
-      }, {
-          name: "diving-scuba-tank-multiple",
-          hex: "F0DC4",
-          version: "3.5.94"
-      }, {
-          name: "diving-snorkel",
-          hex: "F0DC5",
-          version: "3.5.94"
-      }, {
-          name: "division",
-          hex: "F01D4",
-          version: "1.5.54"
-      }, {
-          name: "division-box",
-          hex: "F01D5",
-          version: "1.5.54"
-      }, {
-          name: "dlna",
-          hex: "F0A41",
-          version: "2.6.95"
-      }, {
-          name: "dna",
-          hex: "F0684",
-          version: "1.7.12"
-      }, {
-          name: "dns",
-          hex: "F01D6",
-          version: "1.5.54"
-      }, {
-          name: "dns-outline",
-          hex: "F0B8C",
-          version: "3.0.39"
-      }, {
-          name: "do-not-disturb",
-          hex: "F0698",
-          version: "1.7.12",
-          deprecated: !0
-      }, {
-          name: "do-not-disturb-off",
-          hex: "F0699",
-          version: "1.7.12",
-          deprecated: !0
-      }, {
-          name: "dock-bottom",
-          hex: "F10A9",
-          version: "4.2.95"
-      }, {
-          name: "dock-left",
-          hex: "F10AA",
-          version: "4.2.95"
-      }, {
-          name: "dock-right",
-          hex: "F10AB",
-          version: "4.2.95"
-      }, {
-          name: "dock-top",
-          hex: "F1513",
-          version: "5.4.55"
-      }, {
-          name: "dock-window",
-          hex: "F10AC",
-          version: "4.2.95"
-      }, {
-          name: "docker",
-          hex: "F0868",
-          version: "2.1.99"
-      }, {
-          name: "doctor",
-          hex: "F0A42",
-          version: "2.6.95"
-      }, {
-          name: "dog",
-          hex: "F0A43",
-          version: "2.6.95"
-      }, {
-          name: "dog-service",
-          hex: "F0AAD",
-          version: "2.7.94"
-      }, {
-          name: "dog-side",
-          hex: "F0A44",
-          version: "2.6.95"
-      }, {
-          name: "dolby",
-          hex: "F06B3",
-          version: "1.7.22"
-      }, {
-          name: "dolly",
-          hex: "F0E9E",
-          version: "3.7.94"
-      }, {
-          name: "domain",
-          hex: "F01D7",
-          version: "1.5.54"
-      }, {
-          name: "domain-off",
-          hex: "F0D6F",
-          version: "3.4.93"
-      }, {
-          name: "domain-plus",
-          hex: "F10AD",
-          version: "4.2.95"
-      }, {
-          name: "domain-remove",
-          hex: "F10AE",
-          version: "4.2.95"
-      }, {
-          name: "dome-light",
-          hex: "F141E",
-          version: "5.2.45"
-      }, {
-          name: "domino-mask",
-          hex: "F1023",
-          version: "4.1.95"
-      }, {
-          name: "donkey",
-          hex: "F07C2",
-          version: "2.0.46"
-      }, {
-          name: "door",
-          hex: "F081A",
-          version: "2.1.19"
-      }, {
-          name: "door-closed",
-          hex: "F081B",
-          version: "2.1.19"
-      }, {
-          name: "door-closed-lock",
-          hex: "F10AF",
-          version: "4.2.95"
-      }, {
-          name: "door-open",
-          hex: "F081C",
-          version: "2.1.19"
-      }, {
-          name: "doorbell",
-          hex: "F12E6",
-          version: "4.8.95"
-      }, {
-          name: "doorbell-video",
-          hex: "F0869",
-          version: "2.1.99"
-      }, {
-          name: "dot-net",
-          hex: "F0AAE",
-          version: "2.7.94"
-      }, {
-          name: "dots-grid",
-          hex: "F15FC",
-          version: "5.6.55"
-      }, {
-          name: "dots-hexagon",
-          hex: "F15FF",
-          version: "5.6.55"
-      }, {
-          name: "dots-horizontal",
-          hex: "F01D8",
-          version: "1.5.54"
-      }, {
-          name: "dots-horizontal-circle",
-          hex: "F07C3",
-          version: "2.0.46"
-      }, {
-          name: "dots-horizontal-circle-outline",
-          hex: "F0B8D",
-          version: "3.0.39"
-      }, {
-          name: "dots-square",
-          hex: "F15FD",
-          version: "5.6.55"
-      }, {
-          name: "dots-triangle",
-          hex: "F15FE",
-          version: "5.6.55"
-      }, {
-          name: "dots-vertical",
-          hex: "F01D9",
-          version: "1.5.54"
-      }, {
-          name: "dots-vertical-circle",
-          hex: "F07C4",
-          version: "2.0.46"
-      }, {
-          name: "dots-vertical-circle-outline",
-          hex: "F0B8E",
-          version: "3.0.39"
-      }, {
-          name: "douban",
-          hex: "F069A",
-          version: "1.7.12"
-      }, {
-          name: "download",
-          hex: "F01DA",
-          version: "1.5.54"
-      }, {
-          name: "download-box",
-          hex: "F1462",
-          version: "5.2.45"
-      }, {
-          name: "download-box-outline",
-          hex: "F1463",
-          version: "5.2.45"
-      }, {
-          name: "download-circle",
-          hex: "F1464",
-          version: "5.2.45"
-      }, {
-          name: "download-circle-outline",
-          hex: "F1465",
-          version: "5.2.45"
-      }, {
-          name: "download-lock",
-          hex: "F1320",
-          version: "4.9.95"
-      }, {
-          name: "download-lock-outline",
-          hex: "F1321",
-          version: "4.9.95"
-      }, {
-          name: "download-multiple",
-          hex: "F09E9",
-          version: "2.5.94"
-      }, {
-          name: "download-network",
-          hex: "F06F4",
-          version: "1.8.36"
-      }, {
-          name: "download-network-outline",
-          hex: "F0C66",
-          version: "3.2.89"
-      }, {
-          name: "download-off",
-          hex: "F10B0",
-          version: "4.2.95"
-      }, {
-          name: "download-off-outline",
-          hex: "F10B1",
-          version: "4.2.95"
-      }, {
-          name: "download-outline",
-          hex: "F0B8F",
-          version: "3.0.39"
-      }, {
-          name: "drag",
-          hex: "F01DB",
-          version: "1.5.54"
-      }, {
-          name: "drag-horizontal",
-          hex: "F01DC",
-          version: "1.5.54"
-      }, {
-          name: "drag-horizontal-variant",
-          hex: "F12F0",
-          version: "4.8.95"
-      }, {
-          name: "drag-variant",
-          hex: "F0B90",
-          version: "3.0.39"
-      }, {
-          name: "drag-vertical",
-          hex: "F01DD",
-          version: "1.5.54"
-      }, {
-          name: "drag-vertical-variant",
-          hex: "F12F1",
-          version: "4.8.95"
-      }, {
-          name: "drama-masks",
-          hex: "F0D02",
-          version: "3.3.92"
-      }, {
-          name: "draw",
-          hex: "F0F49",
-          version: "3.9.97"
-      }, {
-          name: "drawing",
-          hex: "F01DE",
-          version: "1.5.54"
-      }, {
-          name: "drawing-box",
-          hex: "F01DF",
-          version: "1.5.54"
-      }, {
-          name: "dresser",
-          hex: "F0F4A",
-          version: "3.9.97"
-      }, {
-          name: "dresser-outline",
-          hex: "F0F4B",
-          version: "3.9.97"
-      }, {
-          name: "drone",
-          hex: "F01E2",
-          version: "1.5.54"
-      }, {
-          name: "dropbox",
-          hex: "F01E3",
-          version: "1.5.54"
-      }, {
-          name: "drupal",
-          hex: "F01E4",
-          version: "1.5.54"
-      }, {
-          name: "duck",
-          hex: "F01E5",
-          version: "1.5.54"
-      }, {
-          name: "dumbbell",
-          hex: "F01E6",
-          version: "1.5.54"
-      }, {
-          name: "dump-truck",
-          hex: "F0C67",
-          version: "3.2.89"
-      }, {
-          name: "ear-hearing",
-          hex: "F07C5",
-          version: "2.0.46"
-      }, {
-          name: "ear-hearing-off",
-          hex: "F0A45",
-          version: "2.6.95"
-      }, {
-          name: "earth",
-          hex: "F01E7",
-          version: "1.5.54"
-      }, {
-          name: "earth-arrow-right",
-          hex: "F1311",
-          version: "4.8.95"
-      }, {
-          name: "earth-box",
-          hex: "F06CD",
-          version: "1.8.36"
-      }, {
-          name: "earth-box-minus",
-          hex: "F1407",
-          version: "5.1.45"
-      }, {
-          name: "earth-box-off",
-          hex: "F06CE",
-          version: "1.8.36"
-      }, {
-          name: "earth-box-plus",
-          hex: "F1406",
-          version: "5.1.45"
-      }, {
-          name: "earth-box-remove",
-          hex: "F1408",
-          version: "5.1.45"
-      }, {
-          name: "earth-minus",
-          hex: "F1404",
-          version: "5.1.45"
-      }, {
-          name: "earth-off",
-          hex: "F01E8",
-          version: "1.5.54"
-      }, {
-          name: "earth-plus",
-          hex: "F1403",
-          version: "5.1.45"
-      }, {
-          name: "earth-remove",
-          hex: "F1405",
-          version: "5.1.45"
-      }, {
-          name: "egg",
-          hex: "F0AAF",
-          version: "2.7.94"
-      }, {
-          name: "egg-easter",
-          hex: "F0AB0",
-          version: "2.7.94"
-      }, {
-          name: "egg-off",
-          hex: "F13F0",
-          version: "5.1.45"
-      }, {
-          name: "egg-off-outline",
-          hex: "F13F1",
-          version: "5.1.45"
-      }, {
-          name: "egg-outline",
-          hex: "F13F2",
-          version: "5.1.45"
-      }, {
-          name: "eiffel-tower",
-          hex: "F156B",
-          version: "5.5.55"
-      }, {
-          name: "eight-track",
-          hex: "F09EA",
-          version: "2.5.94"
-      }, {
-          name: "eject",
-          hex: "F01EA",
-          version: "1.5.54"
-      }, {
-          name: "eject-outline",
-          hex: "F0B91",
-          version: "3.0.39"
-      }, {
-          name: "electric-switch",
-          hex: "F0E9F",
-          version: "3.7.94"
-      }, {
-          name: "electric-switch-closed",
-          hex: "F10D9",
-          version: "4.3.95"
-      }, {
-          name: "electron-framework",
-          hex: "F1024",
-          version: "4.1.95"
-      }, {
-          name: "elephant",
-          hex: "F07C6",
-          version: "2.0.46"
-      }, {
-          name: "elevation-decline",
-          hex: "F01EB",
-          version: "1.5.54"
-      }, {
-          name: "elevation-rise",
-          hex: "F01EC",
-          version: "1.5.54"
-      }, {
-          name: "elevator",
-          hex: "F01ED",
-          version: "1.5.54"
-      }, {
-          name: "elevator-down",
-          hex: "F12C2",
-          version: "4.8.95"
-      }, {
-          name: "elevator-passenger",
-          hex: "F1381",
-          version: "4.9.95"
-      }, {
-          name: "elevator-up",
-          hex: "F12C1",
-          version: "4.8.95"
-      }, {
-          name: "ellipse",
-          hex: "F0EA0",
-          version: "3.7.94"
-      }, {
-          name: "ellipse-outline",
-          hex: "F0EA1",
-          version: "3.7.94"
-      }, {
-          name: "email",
-          hex: "F01EE",
-          version: "1.5.54"
-      }, {
-          name: "email-alert",
-          hex: "F06CF",
-          version: "1.8.36"
-      }, {
-          name: "email-alert-outline",
-          hex: "F0D42",
-          version: "3.4.93"
-      }, {
-          name: "email-box",
-          hex: "F0D03",
-          version: "3.3.92"
-      }, {
-          name: "email-check",
-          hex: "F0AB1",
-          version: "2.7.94"
-      }, {
-          name: "email-check-outline",
-          hex: "F0AB2",
-          version: "2.7.94"
-      }, {
-          name: "email-edit",
-          hex: "F0EE3",
-          version: "3.8.95"
-      }, {
-          name: "email-edit-outline",
-          hex: "F0EE4",
-          version: "3.8.95"
-      }, {
-          name: "email-lock",
-          hex: "F01F1",
-          version: "1.5.54"
-      }, {
-          name: "email-mark-as-unread",
-          hex: "F0B92",
-          version: "3.0.39"
-      }, {
-          name: "email-minus",
-          hex: "F0EE5",
-          version: "3.8.95"
-      }, {
-          name: "email-minus-outline",
-          hex: "F0EE6",
-          version: "3.8.95"
-      }, {
-          name: "email-multiple",
-          hex: "F0EE7",
-          version: "3.8.95"
-      }, {
-          name: "email-multiple-outline",
-          hex: "F0EE8",
-          version: "3.8.95"
-      }, {
-          name: "email-newsletter",
-          hex: "F0FB1",
-          version: "4.0.96"
-      }, {
-          name: "email-off",
-          hex: "F13E3",
-          version: "5.1.45"
-      }, {
-          name: "email-off-outline",
-          hex: "F13E4",
-          version: "5.1.45"
-      }, {
-          name: "email-open",
-          hex: "F01EF",
-          version: "1.5.54"
-      }, {
-          name: "email-open-multiple",
-          hex: "F0EE9",
-          version: "3.8.95"
-      }, {
-          name: "email-open-multiple-outline",
-          hex: "F0EEA",
-          version: "3.8.95"
-      }, {
-          name: "email-open-outline",
-          hex: "F05EF",
-          version: "1.5.54"
-      }, {
-          name: "email-outline",
-          hex: "F01F0",
-          version: "1.5.54"
-      }, {
-          name: "email-plus",
-          hex: "F09EB",
-          version: "2.5.94"
-      }, {
-          name: "email-plus-outline",
-          hex: "F09EC",
-          version: "2.5.94"
-      }, {
-          name: "email-receive",
-          hex: "F10DA",
-          version: "4.3.95"
-      }, {
-          name: "email-receive-outline",
-          hex: "F10DB",
-          version: "4.3.95"
-      }, {
-          name: "email-remove",
-          hex: "F1661",
-          version: "5.7.55"
-      }, {
-          name: "email-remove-outline",
-          hex: "F1662",
-          version: "5.7.55"
-      }, {
-          name: "email-search",
-          hex: "F0961",
-          version: "2.4.85"
-      }, {
-          name: "email-search-outline",
-          hex: "F0962",
-          version: "2.4.85"
-      }, {
-          name: "email-send",
-          hex: "F10DC",
-          version: "4.3.95"
-      }, {
-          name: "email-send-outline",
-          hex: "F10DD",
-          version: "4.3.95"
-      }, {
-          name: "email-sync",
-          hex: "F12C7",
-          version: "4.8.95"
-      }, {
-          name: "email-sync-outline",
-          hex: "F12C8",
-          version: "4.8.95"
-      }, {
-          name: "email-variant",
-          hex: "F05F0",
-          version: "1.5.54"
-      }, {
-          name: "ember",
-          hex: "F0B30",
-          version: "2.8.94"
-      }, {
-          name: "emby",
-          hex: "F06B4",
-          version: "1.7.22"
-      }, {
-          name: "emoticon",
-          hex: "F0C68",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-angry",
-          hex: "F0C69",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-angry-outline",
-          hex: "F0C6A",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-confused",
-          hex: "F10DE",
-          version: "4.3.95"
-      }, {
-          name: "emoticon-confused-outline",
-          hex: "F10DF",
-          version: "4.3.95"
-      }, {
-          name: "emoticon-cool",
-          hex: "F0C6B",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-cool-outline",
-          hex: "F01F3",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-cry",
-          hex: "F0C6C",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-cry-outline",
-          hex: "F0C6D",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-dead",
-          hex: "F0C6E",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-dead-outline",
-          hex: "F069B",
-          version: "1.7.12"
-      }, {
-          name: "emoticon-devil",
-          hex: "F0C6F",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-devil-outline",
-          hex: "F01F4",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-excited",
-          hex: "F0C70",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-excited-outline",
-          hex: "F069C",
-          version: "1.7.12"
-      }, {
-          name: "emoticon-frown",
-          hex: "F0F4C",
-          version: "3.9.97"
-      }, {
-          name: "emoticon-frown-outline",
-          hex: "F0F4D",
-          version: "3.9.97"
-      }, {
-          name: "emoticon-happy",
-          hex: "F0C71",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-happy-outline",
-          hex: "F01F5",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-kiss",
-          hex: "F0C72",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-kiss-outline",
-          hex: "F0C73",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-lol",
-          hex: "F1214",
-          version: "4.6.95"
-      }, {
-          name: "emoticon-lol-outline",
-          hex: "F1215",
-          version: "4.6.95"
-      }, {
-          name: "emoticon-neutral",
-          hex: "F0C74",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-neutral-outline",
-          hex: "F01F6",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-outline",
-          hex: "F01F2",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-poop",
-          hex: "F01F7",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-poop-outline",
-          hex: "F0C75",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-sad",
-          hex: "F0C76",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-sad-outline",
-          hex: "F01F8",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-sick",
-          hex: "F157C",
-          version: "5.5.55"
-      }, {
-          name: "emoticon-sick-outline",
-          hex: "F157D",
-          version: "5.5.55"
-      }, {
-          name: "emoticon-tongue",
-          hex: "F01F9",
-          version: "1.5.54"
-      }, {
-          name: "emoticon-tongue-outline",
-          hex: "F0C77",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-wink",
-          hex: "F0C78",
-          version: "3.2.89"
-      }, {
-          name: "emoticon-wink-outline",
-          hex: "F0C79",
-          version: "3.2.89"
-      }, {
-          name: "engine",
-          hex: "F01FA",
-          version: "1.5.54"
-      }, {
-          name: "engine-off",
-          hex: "F0A46",
-          version: "2.6.95"
-      }, {
-          name: "engine-off-outline",
-          hex: "F0A47",
-          version: "2.6.95"
-      }, {
-          name: "engine-outline",
-          hex: "F01FB",
-          version: "1.5.54"
-      }, {
-          name: "epsilon",
-          hex: "F10E0",
-          version: "4.3.95"
-      }, {
-          name: "equal",
-          hex: "F01FC",
-          version: "1.5.54"
-      }, {
-          name: "equal-box",
-          hex: "F01FD",
-          version: "1.5.54"
-      }, {
-          name: "equalizer",
-          hex: "F0EA2",
-          version: "3.7.94"
-      }, {
-          name: "equalizer-outline",
-          hex: "F0EA3",
-          version: "3.7.94"
-      }, {
-          name: "eraser",
-          hex: "F01FE",
-          version: "1.5.54"
-      }, {
-          name: "eraser-variant",
-          hex: "F0642",
-          version: "1.6.50"
-      }, {
-          name: "escalator",
-          hex: "F01FF",
-          version: "1.5.54"
-      }, {
-          name: "escalator-box",
-          hex: "F1399",
-          version: "5.0.45"
-      }, {
-          name: "escalator-down",
-          hex: "F12C0",
-          version: "4.8.95"
-      }, {
-          name: "escalator-up",
-          hex: "F12BF",
-          version: "4.8.95"
-      }, {
-          name: "eslint",
-          hex: "F0C7A",
-          version: "3.2.89"
-      }, {
-          name: "et",
-          hex: "F0AB3",
-          version: "2.7.94"
-      }, {
-          name: "ethereum",
-          hex: "F086A",
-          version: "2.1.99"
-      }, {
-          name: "ethernet",
-          hex: "F0200",
-          version: "1.5.54"
-      }, {
-          name: "ethernet-cable",
-          hex: "F0201",
-          version: "1.5.54"
-      }, {
-          name: "ethernet-cable-off",
-          hex: "F0202",
-          version: "1.5.54"
-      }, {
-          name: "ev-plug-ccs1",
-          hex: "F1519",
-          version: "5.4.55"
-      }, {
-          name: "ev-plug-ccs2",
-          hex: "F151A",
-          version: "5.4.55"
-      }, {
-          name: "ev-plug-chademo",
-          hex: "F151B",
-          version: "5.4.55"
-      }, {
-          name: "ev-plug-tesla",
-          hex: "F151C",
-          version: "5.4.55"
-      }, {
-          name: "ev-plug-type1",
-          hex: "F151D",
-          version: "5.4.55"
-      }, {
-          name: "ev-plug-type2",
-          hex: "F151E",
-          version: "5.4.55"
-      }, {
-          name: "ev-station",
-          hex: "F05F1",
-          version: "1.5.54"
-      }, {
-          name: "evernote",
-          hex: "F0204",
-          version: "1.5.54"
-      }, {
-          name: "excavator",
-          hex: "F1025",
-          version: "4.1.95"
-      }, {
-          name: "exclamation",
-          hex: "F0205",
-          version: "1.5.54"
-      }, {
-          name: "exclamation-thick",
-          hex: "F1238",
-          version: "4.6.95"
-      }, {
-          name: "exit-run",
-          hex: "F0A48",
-          version: "2.6.95"
-      }, {
-          name: "exit-to-app",
-          hex: "F0206",
-          version: "1.5.54"
-      }, {
-          name: "expand-all",
-          hex: "F0AB4",
-          version: "2.7.94"
-      }, {
-          name: "expand-all-outline",
-          hex: "F0AB5",
-          version: "2.7.94"
-      }, {
-          name: "expansion-card",
-          hex: "F08AE",
-          version: "2.2.43"
-      }, {
-          name: "expansion-card-variant",
-          hex: "F0FB2",
-          version: "4.0.96"
-      }, {
-          name: "exponent",
-          hex: "F0963",
-          version: "2.4.85"
-      }, {
-          name: "exponent-box",
-          hex: "F0964",
-          version: "2.4.85"
-      }, {
-          name: "export",
-          hex: "F0207",
-          version: "1.5.54"
-      }, {
-          name: "export-variant",
-          hex: "F0B93",
-          version: "3.0.39"
-      }, {
-          name: "eye",
-          hex: "F0208",
-          version: "1.5.54"
-      }, {
-          name: "eye-check",
-          hex: "F0D04",
-          version: "3.3.92"
-      }, {
-          name: "eye-check-outline",
-          hex: "F0D05",
-          version: "3.3.92"
-      }, {
-          name: "eye-circle",
-          hex: "F0B94",
-          version: "3.0.39"
-      }, {
-          name: "eye-circle-outline",
-          hex: "F0B95",
-          version: "3.0.39"
-      }, {
-          name: "eye-minus",
-          hex: "F1026",
-          version: "4.1.95"
-      }, {
-          name: "eye-minus-outline",
-          hex: "F1027",
-          version: "4.1.95"
-      }, {
-          name: "eye-off",
-          hex: "F0209",
-          version: "1.5.54"
-      }, {
-          name: "eye-off-outline",
-          hex: "F06D1",
-          version: "1.8.36"
-      }, {
-          name: "eye-outline",
-          hex: "F06D0",
-          version: "1.8.36"
-      }, {
-          name: "eye-plus",
-          hex: "F086B",
-          version: "2.1.99"
-      }, {
-          name: "eye-plus-outline",
-          hex: "F086C",
-          version: "2.1.99"
-      }, {
-          name: "eye-remove",
-          hex: "F15E3",
-          version: "5.6.55"
-      }, {
-          name: "eye-remove-outline",
-          hex: "F15E4",
-          version: "5.6.55"
-      }, {
-          name: "eye-settings",
-          hex: "F086D",
-          version: "2.1.99"
-      }, {
-          name: "eye-settings-outline",
-          hex: "F086E",
-          version: "2.1.99"
-      }, {
-          name: "eyedropper",
-          hex: "F020A",
-          version: "1.5.54"
-      }, {
-          name: "eyedropper-minus",
-          hex: "F13DD",
-          version: "5.1.45"
-      }, {
-          name: "eyedropper-off",
-          hex: "F13DF",
-          version: "5.1.45"
-      }, {
-          name: "eyedropper-plus",
-          hex: "F13DC",
-          version: "5.1.45"
-      }, {
-          name: "eyedropper-remove",
-          hex: "F13DE",
-          version: "5.1.45"
-      }, {
-          name: "eyedropper-variant",
-          hex: "F020B",
-          version: "1.5.54"
-      }, {
-          name: "face",
-          hex: "F0643",
-          version: "1.6.50"
-      }, {
-          name: "face-agent",
-          hex: "F0D70",
-          version: "3.4.93"
-      }, {
-          name: "face-mask",
-          hex: "F1586",
-          version: "5.5.55"
-      }, {
-          name: "face-mask-outline",
-          hex: "F1587",
-          version: "5.5.55"
-      }, {
-          name: "face-outline",
-          hex: "F0B96",
-          version: "3.0.39"
-      }, {
-          name: "face-profile",
-          hex: "F0644",
-          version: "1.6.50"
-      }, {
-          name: "face-profile-woman",
-          hex: "F1076",
-          version: "4.2.95"
-      }, {
-          name: "face-recognition",
-          hex: "F0C7B",
-          version: "3.2.89"
-      }, {
-          name: "face-shimmer",
-          hex: "F15CC",
-          version: "5.6.55"
-      }, {
-          name: "face-shimmer-outline",
-          hex: "F15CD",
-          version: "5.6.55"
-      }, {
-          name: "face-woman",
-          hex: "F1077",
-          version: "4.2.95"
-      }, {
-          name: "face-woman-outline",
-          hex: "F1078",
-          version: "4.2.95"
-      }, {
-          name: "face-woman-shimmer",
-          hex: "F15CE",
-          version: "5.6.55"
-      }, {
-          name: "face-woman-shimmer-outline",
-          hex: "F15CF",
-          version: "5.6.55"
-      }, {
-          name: "facebook",
-          hex: "F020C",
-          version: "1.5.54"
-      }, {
-          name: "facebook-gaming",
-          hex: "F07DD",
-          version: "2.0.46"
-      }, {
-          name: "facebook-messenger",
-          hex: "F020E",
-          version: "1.5.54"
-      }, {
-          name: "facebook-workplace",
-          hex: "F0B31",
-          version: "2.8.94"
-      }, {
-          name: "factory",
-          hex: "F020F",
-          version: "1.5.54"
-      }, {
-          name: "family-tree",
-          hex: "F160E",
-          version: "5.6.55"
-      }, {
-          name: "fan",
-          hex: "F0210",
-          version: "1.5.54"
-      }, {
-          name: "fan-alert",
-          hex: "F146C",
-          version: "5.2.45"
-      }, {
-          name: "fan-chevron-down",
-          hex: "F146D",
-          version: "5.2.45"
-      }, {
-          name: "fan-chevron-up",
-          hex: "F146E",
-          version: "5.2.45"
-      }, {
-          name: "fan-minus",
-          hex: "F1470",
-          version: "5.2.45"
-      }, {
-          name: "fan-off",
-          hex: "F081D",
-          version: "2.1.19"
-      }, {
-          name: "fan-plus",
-          hex: "F146F",
-          version: "5.2.45"
-      }, {
-          name: "fan-remove",
-          hex: "F1471",
-          version: "5.2.45"
-      }, {
-          name: "fan-speed-1",
-          hex: "F1472",
-          version: "5.2.45"
-      }, {
-          name: "fan-speed-2",
-          hex: "F1473",
-          version: "5.2.45"
-      }, {
-          name: "fan-speed-3",
-          hex: "F1474",
-          version: "5.2.45"
-      }, {
-          name: "fast-forward",
-          hex: "F0211",
-          version: "1.5.54"
-      }, {
-          name: "fast-forward-10",
-          hex: "F0D71",
-          version: "3.4.93"
-      }, {
-          name: "fast-forward-30",
-          hex: "F0D06",
-          version: "3.3.92"
-      }, {
-          name: "fast-forward-5",
-          hex: "F11F8",
-          version: "4.6.95"
-      }, {
-          name: "fast-forward-60",
-          hex: "F160B",
-          version: "5.6.55"
-      }, {
-          name: "fast-forward-outline",
-          hex: "F06D2",
-          version: "1.8.36"
-      }, {
-          name: "fax",
-          hex: "F0212",
-          version: "1.5.54"
-      }, {
-          name: "feather",
-          hex: "F06D3",
-          version: "1.8.36"
-      }, {
-          name: "feature-search",
-          hex: "F0A49",
-          version: "2.6.95"
-      }, {
-          name: "feature-search-outline",
-          hex: "F0A4A",
-          version: "2.6.95"
-      }, {
-          name: "fedora",
-          hex: "F08DB",
-          version: "2.3.50"
-      }, {
-          name: "fencing",
-          hex: "F14C1",
-          version: "5.3.45"
-      }, {
-          name: "ferris-wheel",
-          hex: "F0EA4",
-          version: "3.7.94"
-      }, {
-          name: "ferry",
-          hex: "F0213",
-          version: "1.5.54"
-      }, {
-          name: "file",
-          hex: "F0214",
-          version: "1.5.54"
-      }, {
-          name: "file-account",
-          hex: "F073B",
-          version: "1.9.32"
-      }, {
-          name: "file-account-outline",
-          hex: "F1028",
-          version: "4.1.95"
-      }, {
-          name: "file-alert",
-          hex: "F0A4B",
-          version: "2.6.95"
-      }, {
-          name: "file-alert-outline",
-          hex: "F0A4C",
-          version: "2.6.95"
-      }, {
-          name: "file-cabinet",
-          hex: "F0AB6",
-          version: "2.7.94"
-      }, {
-          name: "file-cad",
-          hex: "F0EEB",
-          version: "3.8.95"
-      }, {
-          name: "file-cad-box",
-          hex: "F0EEC",
-          version: "3.8.95"
-      }, {
-          name: "file-cancel",
-          hex: "F0DC6",
-          version: "3.5.94"
-      }, {
-          name: "file-cancel-outline",
-          hex: "F0DC7",
-          version: "3.5.94"
-      }, {
-          name: "file-certificate",
-          hex: "F1186",
-          version: "4.4.95"
-      }, {
-          name: "file-certificate-outline",
-          hex: "F1187",
-          version: "4.4.95"
-      }, {
-          name: "file-chart",
-          hex: "F0215",
-          version: "1.5.54"
-      }, {
-          name: "file-chart-outline",
-          hex: "F1029",
-          version: "4.1.95"
-      }, {
-          name: "file-check",
-          hex: "F0216",
-          version: "1.5.54"
-      }, {
-          name: "file-check-outline",
-          hex: "F0E29",
-          version: "3.6.95"
-      }, {
-          name: "file-clock",
-          hex: "F12E1",
-          version: "4.8.95"
-      }, {
-          name: "file-clock-outline",
-          hex: "F12E2",
-          version: "4.8.95"
-      }, {
-          name: "file-cloud",
-          hex: "F0217",
-          version: "1.5.54"
-      }, {
-          name: "file-cloud-outline",
-          hex: "F102A",
-          version: "4.1.95"
-      }, {
-          name: "file-code",
-          hex: "F022E",
-          version: "1.5.54"
-      }, {
-          name: "file-code-outline",
-          hex: "F102B",
-          version: "4.1.95"
-      }, {
-          name: "file-cog",
-          hex: "F107B",
-          version: "4.2.95"
-      }, {
-          name: "file-cog-outline",
-          hex: "F107C",
-          version: "4.2.95"
-      }, {
-          name: "file-compare",
-          hex: "F08AA",
-          version: "2.2.43"
-      }, {
-          name: "file-delimited",
-          hex: "F0218",
-          version: "1.5.54"
-      }, {
-          name: "file-delimited-outline",
-          hex: "F0EA5",
-          version: "3.7.94"
-      }, {
-          name: "file-document",
-          hex: "F0219",
-          version: "1.5.54"
-      }, {
-          name: "file-document-edit",
-          hex: "F0DC8",
-          version: "3.5.94"
-      }, {
-          name: "file-document-edit-outline",
-          hex: "F0DC9",
-          version: "3.5.94"
-      }, {
-          name: "file-document-multiple",
-          hex: "F1517",
-          version: "5.4.55"
-      }, {
-          name: "file-document-multiple-outline",
-          hex: "F1518",
-          version: "5.4.55"
-      }, {
-          name: "file-document-outline",
-          hex: "F09EE",
-          version: "2.5.94"
-      }, {
-          name: "file-download",
-          hex: "F0965",
-          version: "2.4.85"
-      }, {
-          name: "file-download-outline",
-          hex: "F0966",
-          version: "2.4.85"
-      }, {
-          name: "file-edit",
-          hex: "F11E7",
-          version: "4.5.95"
-      }, {
-          name: "file-edit-outline",
-          hex: "F11E8",
-          version: "4.5.95"
-      }, {
-          name: "file-excel",
-          hex: "F021B",
-          version: "1.5.54"
-      }, {
-          name: "file-excel-box",
-          hex: "F021C",
-          version: "1.5.54"
-      }, {
-          name: "file-excel-box-outline",
-          hex: "F102C",
-          version: "4.1.95"
-      }, {
-          name: "file-excel-outline",
-          hex: "F102D",
-          version: "4.1.95"
-      }, {
-          name: "file-export",
-          hex: "F021D",
-          version: "1.5.54"
-      }, {
-          name: "file-export-outline",
-          hex: "F102E",
-          version: "4.1.95"
-      }, {
-          name: "file-eye",
-          hex: "F0DCA",
-          version: "3.5.94"
-      }, {
-          name: "file-eye-outline",
-          hex: "F0DCB",
-          version: "3.5.94"
-      }, {
-          name: "file-find",
-          hex: "F021E",
-          version: "1.5.54"
-      }, {
-          name: "file-find-outline",
-          hex: "F0B97",
-          version: "3.0.39"
-      }, {
-          name: "file-hidden",
-          hex: "F0613",
-          version: "1.5.54"
-      }, {
-          name: "file-image",
-          hex: "F021F",
-          version: "1.5.54"
-      }, {
-          name: "file-image-outline",
-          hex: "F0EB0",
-          version: "3.7.94"
-      }, {
-          name: "file-import",
-          hex: "F0220",
-          version: "1.5.54"
-      }, {
-          name: "file-import-outline",
-          hex: "F102F",
-          version: "4.1.95"
-      }, {
-          name: "file-key",
-          hex: "F1184",
-          version: "4.4.95"
-      }, {
-          name: "file-key-outline",
-          hex: "F1185",
-          version: "4.4.95"
-      }, {
-          name: "file-link",
-          hex: "F1177",
-          version: "4.4.95"
-      }, {
-          name: "file-link-outline",
-          hex: "F1178",
-          version: "4.4.95"
-      }, {
-          name: "file-lock",
-          hex: "F0221",
-          version: "1.5.54"
-      }, {
-          name: "file-lock-outline",
-          hex: "F1030",
-          version: "4.1.95"
-      }, {
-          name: "file-move",
-          hex: "F0AB9",
-          version: "2.7.94"
-      }, {
-          name: "file-move-outline",
-          hex: "F1031",
-          version: "4.1.95"
-      }, {
-          name: "file-multiple",
-          hex: "F0222",
-          version: "1.5.54"
-      }, {
-          name: "file-multiple-outline",
-          hex: "F1032",
-          version: "4.1.95"
-      }, {
-          name: "file-music",
-          hex: "F0223",
-          version: "1.5.54"
-      }, {
-          name: "file-music-outline",
-          hex: "F0E2A",
-          version: "3.6.95"
-      }, {
-          name: "file-outline",
-          hex: "F0224",
-          version: "1.5.54"
-      }, {
-          name: "file-pdf",
-          hex: "F0225",
-          version: "1.5.54"
-      }, {
-          name: "file-pdf-box",
-          hex: "F0226",
-          version: "1.5.54"
-      }, {
-          name: "file-pdf-box-outline",
-          hex: "F0FB3",
-          version: "4.0.96"
-      }, {
-          name: "file-pdf-outline",
-          hex: "F0E2D",
-          version: "3.6.95"
-      }, {
-          name: "file-percent",
-          hex: "F081E",
-          version: "2.1.19"
-      }, {
-          name: "file-percent-outline",
-          hex: "F1033",
-          version: "4.1.95"
-      }, {
-          name: "file-phone",
-          hex: "F1179",
-          version: "4.4.95"
-      }, {
-          name: "file-phone-outline",
-          hex: "F117A",
-          version: "4.4.95"
-      }, {
-          name: "file-plus",
-          hex: "F0752",
-          version: "1.9.32"
-      }, {
-          name: "file-plus-outline",
-          hex: "F0EED",
-          version: "3.8.95"
-      }, {
-          name: "file-powerpoint",
-          hex: "F0227",
-          version: "1.5.54"
-      }, {
-          name: "file-powerpoint-box",
-          hex: "F0228",
-          version: "1.5.54"
-      }, {
-          name: "file-powerpoint-box-outline",
-          hex: "F1034",
-          version: "4.1.95"
-      }, {
-          name: "file-powerpoint-outline",
-          hex: "F1035",
-          version: "4.1.95"
-      }, {
-          name: "file-presentation-box",
-          hex: "F0229",
-          version: "1.5.54"
-      }, {
-          name: "file-question",
-          hex: "F086F",
-          version: "2.1.99"
-      }, {
-          name: "file-question-outline",
-          hex: "F1036",
-          version: "4.1.95"
-      }, {
-          name: "file-refresh",
-          hex: "F0918",
-          version: "2.3.50"
-      }, {
-          name: "file-refresh-outline",
-          hex: "F0541",
-          version: "1.5.54"
-      }, {
-          name: "file-remove",
-          hex: "F0B98",
-          version: "3.0.39"
-      }, {
-          name: "file-remove-outline",
-          hex: "F1037",
-          version: "4.1.95"
-      }, {
-          name: "file-replace",
-          hex: "F0B32",
-          version: "2.8.94"
-      }, {
-          name: "file-replace-outline",
-          hex: "F0B33",
-          version: "2.8.94"
-      }, {
-          name: "file-restore",
-          hex: "F0670",
-          version: "1.6.50"
-      }, {
-          name: "file-restore-outline",
-          hex: "F1038",
-          version: "4.1.95"
-      }, {
-          name: "file-search",
-          hex: "F0C7C",
-          version: "3.2.89"
-      }, {
-          name: "file-search-outline",
-          hex: "F0C7D",
-          version: "3.2.89"
-      }, {
-          name: "file-send",
-          hex: "F022A",
-          version: "1.5.54"
-      }, {
-          name: "file-send-outline",
-          hex: "F1039",
-          version: "4.1.95"
-      }, {
-          name: "file-settings",
-          hex: "F1079",
-          version: "4.2.95"
-      }, {
-          name: "file-settings-outline",
-          hex: "F107A",
-          version: "4.2.95"
-      }, {
-          name: "file-star",
-          hex: "F103A",
-          version: "4.1.95"
-      }, {
-          name: "file-star-outline",
-          hex: "F103B",
-          version: "4.1.95"
-      }, {
-          name: "file-swap",
-          hex: "F0FB4",
-          version: "4.0.96"
-      }, {
-          name: "file-swap-outline",
-          hex: "F0FB5",
-          version: "4.0.96"
-      }, {
-          name: "file-sync",
-          hex: "F1216",
-          version: "4.6.95"
-      }, {
-          name: "file-sync-outline",
-          hex: "F1217",
-          version: "4.6.95"
-      }, {
-          name: "file-table",
-          hex: "F0C7E",
-          version: "3.2.89"
-      }, {
-          name: "file-table-box",
-          hex: "F10E1",
-          version: "4.3.95"
-      }, {
-          name: "file-table-box-multiple",
-          hex: "F10E2",
-          version: "4.3.95"
-      }, {
-          name: "file-table-box-multiple-outline",
-          hex: "F10E3",
-          version: "4.3.95"
-      }, {
-          name: "file-table-box-outline",
-          hex: "F10E4",
-          version: "4.3.95"
-      }, {
-          name: "file-table-outline",
-          hex: "F0C7F",
-          version: "3.2.89"
-      }, {
-          name: "file-tree",
-          hex: "F0645",
-          version: "1.6.50"
-      }, {
-          name: "file-tree-outline",
-          hex: "F13D2",
-          version: "5.1.45"
-      }, {
-          name: "file-undo",
-          hex: "F08DC",
-          version: "2.3.50"
-      }, {
-          name: "file-undo-outline",
-          hex: "F103C",
-          version: "4.1.95"
-      }, {
-          name: "file-upload",
-          hex: "F0A4D",
-          version: "2.6.95"
-      }, {
-          name: "file-upload-outline",
-          hex: "F0A4E",
-          version: "2.6.95"
-      }, {
-          name: "file-video",
-          hex: "F022B",
-          version: "1.5.54"
-      }, {
-          name: "file-video-outline",
-          hex: "F0E2C",
-          version: "3.6.95"
-      }, {
-          name: "file-word",
-          hex: "F022C",
-          version: "1.5.54"
-      }, {
-          name: "file-word-box",
-          hex: "F022D",
-          version: "1.5.54"
-      }, {
-          name: "file-word-box-outline",
-          hex: "F103D",
-          version: "4.1.95"
-      }, {
-          name: "file-word-outline",
-          hex: "F103E",
-          version: "4.1.95"
-      }, {
-          name: "film",
-          hex: "F022F",
-          version: "1.5.54"
-      }, {
-          name: "filmstrip",
-          hex: "F0230",
-          version: "1.5.54"
-      }, {
-          name: "filmstrip-box",
-          hex: "F0332",
-          version: "1.5.54"
-      }, {
-          name: "filmstrip-box-multiple",
-          hex: "F0D18",
-          version: "3.3.92"
-      }, {
-          name: "filmstrip-off",
-          hex: "F0231",
-          version: "1.5.54"
-      }, {
-          name: "filter",
-          hex: "F0232",
-          version: "1.5.54"
-      }, {
-          name: "filter-menu",
-          hex: "F10E5",
-          version: "4.3.95"
-      }, {
-          name: "filter-menu-outline",
-          hex: "F10E6",
-          version: "4.3.95"
-      }, {
-          name: "filter-minus",
-          hex: "F0EEE",
-          version: "3.8.95"
-      }, {
-          name: "filter-minus-outline",
-          hex: "F0EEF",
-          version: "3.8.95"
-      }, {
-          name: "filter-off",
-          hex: "F14EF",
-          version: "5.4.55"
-      }, {
-          name: "filter-off-outline",
-          hex: "F14F0",
-          version: "5.4.55"
-      }, {
-          name: "filter-outline",
-          hex: "F0233",
-          version: "1.5.54"
-      }, {
-          name: "filter-plus",
-          hex: "F0EF0",
-          version: "3.8.95"
-      }, {
-          name: "filter-plus-outline",
-          hex: "F0EF1",
-          version: "3.8.95"
-      }, {
-          name: "filter-remove",
-          hex: "F0234",
-          version: "1.5.54"
-      }, {
-          name: "filter-remove-outline",
-          hex: "F0235",
-          version: "1.5.54"
-      }, {
-          name: "filter-variant",
-          hex: "F0236",
-          version: "1.5.54"
-      }, {
-          name: "filter-variant-minus",
-          hex: "F1112",
-          version: "4.3.95"
-      }, {
-          name: "filter-variant-plus",
-          hex: "F1113",
-          version: "4.3.95"
-      }, {
-          name: "filter-variant-remove",
-          hex: "F103F",
-          version: "4.1.95"
-      }, {
-          name: "finance",
-          hex: "F081F",
-          version: "2.1.19"
-      }, {
-          name: "find-replace",
-          hex: "F06D4",
-          version: "1.8.36"
-      }, {
-          name: "fingerprint",
-          hex: "F0237",
-          version: "1.5.54"
-      }, {
-          name: "fingerprint-off",
-          hex: "F0EB1",
-          version: "3.7.94"
-      }, {
-          name: "fire",
-          hex: "F0238",
-          version: "1.5.54"
-      }, {
-          name: "fire-alert",
-          hex: "F15D7",
-          version: "5.6.55"
-      }, {
-          name: "fire-extinguisher",
-          hex: "F0EF2",
-          version: "3.8.95"
-      }, {
-          name: "fire-hydrant",
-          hex: "F1137",
-          version: "4.4.95"
-      }, {
-          name: "fire-hydrant-alert",
-          hex: "F1138",
-          version: "4.4.95"
-      }, {
-          name: "fire-hydrant-off",
-          hex: "F1139",
-          version: "4.4.95"
-      }, {
-          name: "fire-truck",
-          hex: "F08AB",
-          version: "2.2.43"
-      }, {
-          name: "firebase",
-          hex: "F0967",
-          version: "2.4.85"
-      }, {
-          name: "firefox",
-          hex: "F0239",
-          version: "1.5.54"
-      }, {
-          name: "fireplace",
-          hex: "F0E2E",
-          version: "3.6.95"
-      }, {
-          name: "fireplace-off",
-          hex: "F0E2F",
-          version: "3.6.95"
-      }, {
-          name: "firework",
-          hex: "F0E30",
-          version: "3.6.95"
-      }, {
-          name: "fish",
-          hex: "F023A",
-          version: "1.5.54"
-      }, {
-          name: "fish-off",
-          hex: "F13F3",
-          version: "5.1.45"
-      }, {
-          name: "fishbowl",
-          hex: "F0EF3",
-          version: "3.8.95"
-      }, {
-          name: "fishbowl-outline",
-          hex: "F0EF4",
-          version: "3.8.95"
-      }, {
-          name: "fit-to-page",
-          hex: "F0EF5",
-          version: "3.8.95"
-      }, {
-          name: "fit-to-page-outline",
-          hex: "F0EF6",
-          version: "3.8.95"
-      }, {
-          name: "flag",
-          hex: "F023B",
-          version: "1.5.54"
-      }, {
-          name: "flag-checkered",
-          hex: "F023C",
-          version: "1.5.54"
-      }, {
-          name: "flag-minus",
-          hex: "F0B99",
-          version: "3.0.39"
-      }, {
-          name: "flag-minus-outline",
-          hex: "F10B2",
-          version: "4.2.95"
-      }, {
-          name: "flag-outline",
-          hex: "F023D",
-          version: "1.5.54"
-      }, {
-          name: "flag-plus",
-          hex: "F0B9A",
-          version: "3.0.39"
-      }, {
-          name: "flag-plus-outline",
-          hex: "F10B3",
-          version: "4.2.95"
-      }, {
-          name: "flag-remove",
-          hex: "F0B9B",
-          version: "3.0.39"
-      }, {
-          name: "flag-remove-outline",
-          hex: "F10B4",
-          version: "4.2.95"
-      }, {
-          name: "flag-triangle",
-          hex: "F023F",
-          version: "1.5.54"
-      }, {
-          name: "flag-variant",
-          hex: "F0240",
-          version: "1.5.54"
-      }, {
-          name: "flag-variant-outline",
-          hex: "F023E",
-          version: "1.5.54"
-      }, {
-          name: "flare",
-          hex: "F0D72",
-          version: "3.4.93"
-      }, {
-          name: "flash",
-          hex: "F0241",
-          version: "1.5.54"
-      }, {
-          name: "flash-alert",
-          hex: "F0EF7",
-          version: "3.8.95"
-      }, {
-          name: "flash-alert-outline",
-          hex: "F0EF8",
-          version: "3.8.95"
-      }, {
-          name: "flash-auto",
-          hex: "F0242",
-          version: "1.5.54"
-      }, {
-          name: "flash-circle",
-          hex: "F0820",
-          version: "2.1.19"
-      }, {
-          name: "flash-off",
-          hex: "F0243",
-          version: "1.5.54"
-      }, {
-          name: "flash-outline",
-          hex: "F06D5",
-          version: "1.8.36"
-      }, {
-          name: "flash-red-eye",
-          hex: "F067B",
-          version: "1.7.12"
-      }, {
-          name: "flashlight",
-          hex: "F0244",
-          version: "1.5.54"
-      }, {
-          name: "flashlight-off",
-          hex: "F0245",
-          version: "1.5.54"
-      }, {
-          name: "flask",
-          hex: "F0093",
-          version: "1.5.54"
-      }, {
-          name: "flask-empty",
-          hex: "F0094",
-          version: "1.5.54"
-      }, {
-          name: "flask-empty-minus",
-          hex: "F123A",
-          version: "4.6.95"
-      }, {
-          name: "flask-empty-minus-outline",
-          hex: "F123B",
-          version: "4.6.95"
-      }, {
-          name: "flask-empty-off",
-          hex: "F13F4",
-          version: "5.1.45"
-      }, {
-          name: "flask-empty-off-outline",
-          hex: "F13F5",
-          version: "5.1.45"
-      }, {
-          name: "flask-empty-outline",
-          hex: "F0095",
-          version: "1.5.54"
-      }, {
-          name: "flask-empty-plus",
-          hex: "F123C",
-          version: "4.6.95"
-      }, {
-          name: "flask-empty-plus-outline",
-          hex: "F123D",
-          version: "4.6.95"
-      }, {
-          name: "flask-empty-remove",
-          hex: "F123E",
-          version: "4.6.95"
-      }, {
-          name: "flask-empty-remove-outline",
-          hex: "F123F",
-          version: "4.6.95"
-      }, {
-          name: "flask-minus",
-          hex: "F1240",
-          version: "4.6.95"
-      }, {
-          name: "flask-minus-outline",
-          hex: "F1241",
-          version: "4.6.95"
-      }, {
-          name: "flask-off",
-          hex: "F13F6",
-          version: "5.1.45"
-      }, {
-          name: "flask-off-outline",
-          hex: "F13F7",
-          version: "5.1.45"
-      }, {
-          name: "flask-outline",
-          hex: "F0096",
-          version: "1.5.54"
-      }, {
-          name: "flask-plus",
-          hex: "F1242",
-          version: "4.6.95"
-      }, {
-          name: "flask-plus-outline",
-          hex: "F1243",
-          version: "4.6.95"
-      }, {
-          name: "flask-remove",
-          hex: "F1244",
-          version: "4.6.95"
-      }, {
-          name: "flask-remove-outline",
-          hex: "F1245",
-          version: "4.6.95"
-      }, {
-          name: "flask-round-bottom",
-          hex: "F124B",
-          version: "4.6.95"
-      }, {
-          name: "flask-round-bottom-empty",
-          hex: "F124C",
-          version: "4.6.95"
-      }, {
-          name: "flask-round-bottom-empty-outline",
-          hex: "F124D",
-          version: "4.6.95"
-      }, {
-          name: "flask-round-bottom-outline",
-          hex: "F124E",
-          version: "4.6.95"
-      }, {
-          name: "fleur-de-lis",
-          hex: "F1303",
-          version: "4.8.95"
-      }, {
-          name: "flip-horizontal",
-          hex: "F10E7",
-          version: "4.3.95"
-      }, {
-          name: "flip-to-back",
-          hex: "F0247",
-          version: "1.5.54"
-      }, {
-          name: "flip-to-front",
-          hex: "F0248",
-          version: "1.5.54"
-      }, {
-          name: "flip-vertical",
-          hex: "F10E8",
-          version: "4.3.95"
-      }, {
-          name: "floor-lamp",
-          hex: "F08DD",
-          version: "2.3.50"
-      }, {
-          name: "floor-lamp-dual",
-          hex: "F1040",
-          version: "4.1.95"
-      }, {
-          name: "floor-lamp-variant",
-          hex: "F1041",
-          version: "4.1.95"
-      }, {
-          name: "floor-plan",
-          hex: "F0821",
-          version: "2.1.19"
-      }, {
-          name: "floppy",
-          hex: "F0249",
-          version: "1.5.54"
-      }, {
-          name: "floppy-variant",
-          hex: "F09EF",
-          version: "2.5.94"
-      }, {
-          name: "flower",
-          hex: "F024A",
-          version: "1.5.54"
-      }, {
-          name: "flower-outline",
-          hex: "F09F0",
-          version: "2.5.94"
-      }, {
-          name: "flower-poppy",
-          hex: "F0D08",
-          version: "3.3.92"
-      }, {
-          name: "flower-tulip",
-          hex: "F09F1",
-          version: "2.5.94"
-      }, {
-          name: "flower-tulip-outline",
-          hex: "F09F2",
-          version: "2.5.94"
-      }, {
-          name: "focus-auto",
-          hex: "F0F4E",
-          version: "3.9.97"
-      }, {
-          name: "focus-field",
-          hex: "F0F4F",
-          version: "3.9.97"
-      }, {
-          name: "focus-field-horizontal",
-          hex: "F0F50",
-          version: "3.9.97"
-      }, {
-          name: "focus-field-vertical",
-          hex: "F0F51",
-          version: "3.9.97"
-      }, {
-          name: "folder",
-          hex: "F024B",
-          version: "1.5.54"
-      }, {
-          name: "folder-account",
-          hex: "F024C",
-          version: "1.5.54"
-      }, {
-          name: "folder-account-outline",
-          hex: "F0B9C",
-          version: "3.0.39"
-      }, {
-          name: "folder-alert",
-          hex: "F0DCC",
-          version: "3.5.94"
-      }, {
-          name: "folder-alert-outline",
-          hex: "F0DCD",
-          version: "3.5.94"
-      }, {
-          name: "folder-clock",
-          hex: "F0ABA",
-          version: "2.7.94"
-      }, {
-          name: "folder-clock-outline",
-          hex: "F0ABB",
-          version: "2.7.94"
-      }, {
-          name: "folder-cog",
-          hex: "F107F",
-          version: "4.2.95"
-      }, {
-          name: "folder-cog-outline",
-          hex: "F1080",
-          version: "4.2.95"
-      }, {
-          name: "folder-download",
-          hex: "F024D",
-          version: "1.5.54"
-      }, {
-          name: "folder-download-outline",
-          hex: "F10E9",
-          version: "4.3.95"
-      }, {
-          name: "folder-edit",
-          hex: "F08DE",
-          version: "2.3.50"
-      }, {
-          name: "folder-edit-outline",
-          hex: "F0DCE",
-          version: "3.5.94"
-      }, {
-          name: "folder-google-drive",
-          hex: "F024E",
-          version: "1.5.54"
-      }, {
-          name: "folder-heart",
-          hex: "F10EA",
-          version: "4.3.95"
-      }, {
-          name: "folder-heart-outline",
-          hex: "F10EB",
-          version: "4.3.95"
-      }, {
-          name: "folder-home",
-          hex: "F10B5",
-          version: "4.2.95"
-      }, {
-          name: "folder-home-outline",
-          hex: "F10B6",
-          version: "4.2.95"
-      }, {
-          name: "folder-image",
-          hex: "F024F",
-          version: "1.5.54"
-      }, {
-          name: "folder-information",
-          hex: "F10B7",
-          version: "4.2.95"
-      }, {
-          name: "folder-information-outline",
-          hex: "F10B8",
-          version: "4.2.95"
-      }, {
-          name: "folder-key",
-          hex: "F08AC",
-          version: "2.2.43"
-      }, {
-          name: "folder-key-network",
-          hex: "F08AD",
-          version: "2.2.43"
-      }, {
-          name: "folder-key-network-outline",
-          hex: "F0C80",
-          version: "3.2.89"
-      }, {
-          name: "folder-key-outline",
-          hex: "F10EC",
-          version: "4.3.95"
-      }, {
-          name: "folder-lock",
-          hex: "F0250",
-          version: "1.5.54"
-      }, {
-          name: "folder-lock-open",
-          hex: "F0251",
-          version: "1.5.54"
-      }, {
-          name: "folder-marker",
-          hex: "F126D",
-          version: "4.7.95"
-      }, {
-          name: "folder-marker-outline",
-          hex: "F126E",
-          version: "4.7.95"
-      }, {
-          name: "folder-move",
-          hex: "F0252",
-          version: "1.5.54"
-      }, {
-          name: "folder-move-outline",
-          hex: "F1246",
-          version: "4.6.95"
-      }, {
-          name: "folder-multiple",
-          hex: "F0253",
-          version: "1.5.54"
-      }, {
-          name: "folder-multiple-image",
-          hex: "F0254",
-          version: "1.5.54"
-      }, {
-          name: "folder-multiple-outline",
-          hex: "F0255",
-          version: "1.5.54"
-      }, {
-          name: "folder-multiple-plus",
-          hex: "F147E",
-          version: "5.3.45"
-      }, {
-          name: "folder-multiple-plus-outline",
-          hex: "F147F",
-          version: "5.3.45"
-      }, {
-          name: "folder-music",
-          hex: "F1359",
-          version: "4.9.95"
-      }, {
-          name: "folder-music-outline",
-          hex: "F135A",
-          version: "4.9.95"
-      }, {
-          name: "folder-network",
-          hex: "F0870",
-          version: "2.1.99"
-      }, {
-          name: "folder-network-outline",
-          hex: "F0C81",
-          version: "3.2.89"
-      }, {
-          name: "folder-open",
-          hex: "F0770",
-          version: "1.9.32"
-      }, {
-          name: "folder-open-outline",
-          hex: "F0DCF",
-          version: "3.5.94"
-      }, {
-          name: "folder-outline",
-          hex: "F0256",
-          version: "1.5.54"
-      }, {
-          name: "folder-plus",
-          hex: "F0257",
-          version: "1.5.54"
-      }, {
-          name: "folder-plus-outline",
-          hex: "F0B9D",
-          version: "3.0.39"
-      }, {
-          name: "folder-pound",
-          hex: "F0D09",
-          version: "3.3.92"
-      }, {
-          name: "folder-pound-outline",
-          hex: "F0D0A",
-          version: "3.3.92"
-      }, {
-          name: "folder-refresh",
-          hex: "F0749",
-          version: "1.9.32"
-      }, {
-          name: "folder-refresh-outline",
-          hex: "F0542",
-          version: "1.5.54"
-      }, {
-          name: "folder-remove",
-          hex: "F0258",
-          version: "1.5.54"
-      }, {
-          name: "folder-remove-outline",
-          hex: "F0B9E",
-          version: "3.0.39"
-      }, {
-          name: "folder-search",
-          hex: "F0968",
-          version: "2.4.85"
-      }, {
-          name: "folder-search-outline",
-          hex: "F0969",
-          version: "2.4.85"
-      }, {
-          name: "folder-settings",
-          hex: "F107D",
-          version: "4.2.95"
-      }, {
-          name: "folder-settings-outline",
-          hex: "F107E",
-          version: "4.2.95"
-      }, {
-          name: "folder-star",
-          hex: "F069D",
-          version: "1.7.12"
-      }, {
-          name: "folder-star-multiple",
-          hex: "F13D3",
-          version: "5.1.45"
-      }, {
-          name: "folder-star-multiple-outline",
-          hex: "F13D4",
-          version: "5.1.45"
-      }, {
-          name: "folder-star-outline",
-          hex: "F0B9F",
-          version: "3.0.39"
-      }, {
-          name: "folder-swap",
-          hex: "F0FB6",
-          version: "4.0.96"
-      }, {
-          name: "folder-swap-outline",
-          hex: "F0FB7",
-          version: "4.0.96"
-      }, {
-          name: "folder-sync",
-          hex: "F0D0B",
-          version: "3.3.92"
-      }, {
-          name: "folder-sync-outline",
-          hex: "F0D0C",
-          version: "3.3.92"
-      }, {
-          name: "folder-table",
-          hex: "F12E3",
-          version: "4.8.95"
-      }, {
-          name: "folder-table-outline",
-          hex: "F12E4",
-          version: "4.8.95"
-      }, {
-          name: "folder-text",
-          hex: "F0C82",
-          version: "3.2.89"
-      }, {
-          name: "folder-text-outline",
-          hex: "F0C83",
-          version: "3.2.89"
-      }, {
-          name: "folder-upload",
-          hex: "F0259",
-          version: "1.5.54"
-      }, {
-          name: "folder-upload-outline",
-          hex: "F10ED",
-          version: "4.3.95"
-      }, {
-          name: "folder-zip",
-          hex: "F06EB",
-          version: "1.8.36"
-      }, {
-          name: "folder-zip-outline",
-          hex: "F07B9",
-          version: "2.0.46"
-      }, {
-          name: "font-awesome",
-          hex: "F003A",
-          version: "1.5.54"
-      }, {
-          name: "food",
-          hex: "F025A",
-          version: "1.5.54"
-      }, {
-          name: "food-apple",
-          hex: "F025B",
-          version: "1.5.54"
-      }, {
-          name: "food-apple-outline",
-          hex: "F0C84",
-          version: "3.2.89"
-      }, {
-          name: "food-croissant",
-          hex: "F07C8",
-          version: "2.0.46"
-      }, {
-          name: "food-drumstick",
-          hex: "F141F",
-          version: "5.2.45"
-      }, {
-          name: "food-drumstick-off",
-          hex: "F1468",
-          version: "5.2.45"
-      }, {
-          name: "food-drumstick-off-outline",
-          hex: "F1469",
-          version: "5.2.45"
-      }, {
-          name: "food-drumstick-outline",
-          hex: "F1420",
-          version: "5.2.45"
-      }, {
-          name: "food-fork-drink",
-          hex: "F05F2",
-          version: "1.5.54"
-      }, {
-          name: "food-halal",
-          hex: "F1572",
-          version: "5.5.55"
-      }, {
-          name: "food-kosher",
-          hex: "F1573",
-          version: "5.5.55"
-      }, {
-          name: "food-off",
-          hex: "F05F3",
-          version: "1.5.54"
-      }, {
-          name: "food-steak",
-          hex: "F146A",
-          version: "5.2.45"
-      }, {
-          name: "food-steak-off",
-          hex: "F146B",
-          version: "5.2.45"
-      }, {
-          name: "food-variant",
-          hex: "F025C",
-          version: "1.5.54"
-      }, {
-          name: "food-variant-off",
-          hex: "F13E5",
-          version: "5.1.45"
-      }, {
-          name: "foot-print",
-          hex: "F0F52",
-          version: "3.9.97"
-      }, {
-          name: "football",
-          hex: "F025D",
-          version: "1.5.54"
-      }, {
-          name: "football-australian",
-          hex: "F025E",
-          version: "1.5.54"
-      }, {
-          name: "football-helmet",
-          hex: "F025F",
-          version: "1.5.54"
-      }, {
-          name: "forklift",
-          hex: "F07C9",
-          version: "2.0.46"
-      }, {
-          name: "form-dropdown",
-          hex: "F1400",
-          version: "5.1.45"
-      }, {
-          name: "form-select",
-          hex: "F1401",
-          version: "5.1.45"
-      }, {
-          name: "form-textarea",
-          hex: "F1095",
-          version: "4.2.95"
-      }, {
-          name: "form-textbox",
-          hex: "F060E",
-          version: "1.5.54"
-      }, {
-          name: "form-textbox-lock",
-          hex: "F135D",
-          version: "4.9.95"
-      }, {
-          name: "form-textbox-password",
-          hex: "F07F5",
-          version: "2.0.46"
-      }, {
-          name: "format-align-bottom",
-          hex: "F0753",
-          version: "1.9.32"
-      }, {
-          name: "format-align-center",
-          hex: "F0260",
-          version: "1.5.54"
-      }, {
-          name: "format-align-justify",
-          hex: "F0261",
-          version: "1.5.54"
-      }, {
-          name: "format-align-left",
-          hex: "F0262",
-          version: "1.5.54"
-      }, {
-          name: "format-align-middle",
-          hex: "F0754",
-          version: "1.9.32"
-      }, {
-          name: "format-align-right",
-          hex: "F0263",
-          version: "1.5.54"
-      }, {
-          name: "format-align-top",
-          hex: "F0755",
-          version: "1.9.32"
-      }, {
-          name: "format-annotation-minus",
-          hex: "F0ABC",
-          version: "2.7.94"
-      }, {
-          name: "format-annotation-plus",
-          hex: "F0646",
-          version: "1.6.50"
-      }, {
-          name: "format-bold",
-          hex: "F0264",
-          version: "1.5.54"
-      }, {
-          name: "format-clear",
-          hex: "F0265",
-          version: "1.5.54"
-      }, {
-          name: "format-color-fill",
-          hex: "F0266",
-          version: "1.5.54"
-      }, {
-          name: "format-color-highlight",
-          hex: "F0E31",
-          version: "3.6.95"
-      }, {
-          name: "format-color-marker-cancel",
-          hex: "F1313",
-          version: "4.8.95"
-      }, {
-          name: "format-color-text",
-          hex: "F069E",
-          version: "1.7.12"
-      }, {
-          name: "format-columns",
-          hex: "F08DF",
-          version: "2.3.50"
-      }, {
-          name: "format-float-center",
-          hex: "F0267",
-          version: "1.5.54"
-      }, {
-          name: "format-float-left",
-          hex: "F0268",
-          version: "1.5.54"
-      }, {
-          name: "format-float-none",
-          hex: "F0269",
-          version: "1.5.54"
-      }, {
-          name: "format-float-right",
-          hex: "F026A",
-          version: "1.5.54"
-      }, {
-          name: "format-font",
-          hex: "F06D6",
-          version: "1.8.36"
-      }, {
-          name: "format-font-size-decrease",
-          hex: "F09F3",
-          version: "2.5.94"
-      }, {
-          name: "format-font-size-increase",
-          hex: "F09F4",
-          version: "2.5.94"
-      }, {
-          name: "format-header-1",
-          hex: "F026B",
-          version: "1.5.54"
-      }, {
-          name: "format-header-2",
-          hex: "F026C",
-          version: "1.5.54"
-      }, {
-          name: "format-header-3",
-          hex: "F026D",
-          version: "1.5.54"
-      }, {
-          name: "format-header-4",
-          hex: "F026E",
-          version: "1.5.54"
-      }, {
-          name: "format-header-5",
-          hex: "F026F",
-          version: "1.5.54"
-      }, {
-          name: "format-header-6",
-          hex: "F0270",
-          version: "1.5.54"
-      }, {
-          name: "format-header-decrease",
-          hex: "F0271",
-          version: "1.5.54"
-      }, {
-          name: "format-header-equal",
-          hex: "F0272",
-          version: "1.5.54"
-      }, {
-          name: "format-header-increase",
-          hex: "F0273",
-          version: "1.5.54"
-      }, {
-          name: "format-header-pound",
-          hex: "F0274",
-          version: "1.5.54"
-      }, {
-          name: "format-horizontal-align-center",
-          hex: "F061E",
-          version: "1.6.50"
-      }, {
-          name: "format-horizontal-align-left",
-          hex: "F061F",
-          version: "1.6.50"
-      }, {
-          name: "format-horizontal-align-right",
-          hex: "F0620",
-          version: "1.6.50"
-      }, {
-          name: "format-indent-decrease",
-          hex: "F0275",
-          version: "1.5.54"
-      }, {
-          name: "format-indent-increase",
-          hex: "F0276",
-          version: "1.5.54"
-      }, {
-          name: "format-italic",
-          hex: "F0277",
-          version: "1.5.54"
-      }, {
-          name: "format-letter-case",
-          hex: "F0B34",
-          version: "2.8.94"
-      }, {
-          name: "format-letter-case-lower",
-          hex: "F0B35",
-          version: "2.8.94"
-      }, {
-          name: "format-letter-case-upper",
-          hex: "F0B36",
-          version: "2.8.94"
-      }, {
-          name: "format-letter-ends-with",
-          hex: "F0FB8",
-          version: "4.0.96"
-      }, {
-          name: "format-letter-matches",
-          hex: "F0FB9",
-          version: "4.0.96"
-      }, {
-          name: "format-letter-starts-with",
-          hex: "F0FBA",
-          version: "4.0.96"
-      }, {
-          name: "format-line-spacing",
-          hex: "F0278",
-          version: "1.5.54"
-      }, {
-          name: "format-line-style",
-          hex: "F05C8",
-          version: "1.5.54"
-      }, {
-          name: "format-line-weight",
-          hex: "F05C9",
-          version: "1.5.54"
-      }, {
-          name: "format-list-bulleted",
-          hex: "F0279",
-          version: "1.5.54"
-      }, {
-          name: "format-list-bulleted-square",
-          hex: "F0DD0",
-          version: "3.5.94"
-      }, {
-          name: "format-list-bulleted-triangle",
-          hex: "F0EB2",
-          version: "3.7.94"
-      }, {
-          name: "format-list-bulleted-type",
-          hex: "F027A",
-          version: "1.5.54"
-      }, {
-          name: "format-list-checkbox",
-          hex: "F096A",
-          version: "2.4.85"
-      }, {
-          name: "format-list-checks",
-          hex: "F0756",
-          version: "1.9.32"
-      }, {
-          name: "format-list-numbered",
-          hex: "F027B",
-          version: "1.5.54"
-      }, {
-          name: "format-list-numbered-rtl",
-          hex: "F0D0D",
-          version: "3.3.92"
-      }, {
-          name: "format-list-text",
-          hex: "F126F",
-          version: "4.7.95"
-      }, {
-          name: "format-overline",
-          hex: "F0EB3",
-          version: "3.7.94"
-      }, {
-          name: "format-page-break",
-          hex: "F06D7",
-          version: "1.8.36"
-      }, {
-          name: "format-paint",
-          hex: "F027C",
-          version: "1.5.54"
-      }, {
-          name: "format-paragraph",
-          hex: "F027D",
-          version: "1.5.54"
-      }, {
-          name: "format-pilcrow",
-          hex: "F06D8",
-          version: "1.8.36"
-      }, {
-          name: "format-quote-close",
-          hex: "F027E",
-          version: "1.5.54"
-      }, {
-          name: "format-quote-close-outline",
-          hex: "F11A8",
-          version: "4.5.95"
-      }, {
-          name: "format-quote-open",
-          hex: "F0757",
-          version: "1.9.32"
-      }, {
-          name: "format-quote-open-outline",
-          hex: "F11A7",
-          version: "4.5.95"
-      }, {
-          name: "format-rotate-90",
-          hex: "F06AA",
-          version: "1.7.12"
-      }, {
-          name: "format-section",
-          hex: "F069F",
-          version: "1.7.12"
-      }, {
-          name: "format-size",
-          hex: "F027F",
-          version: "1.5.54"
-      }, {
-          name: "format-strikethrough",
-          hex: "F0280",
-          version: "1.5.54"
-      }, {
-          name: "format-strikethrough-variant",
-          hex: "F0281",
-          version: "1.5.54"
-      }, {
-          name: "format-subscript",
-          hex: "F0282",
-          version: "1.5.54"
-      }, {
-          name: "format-superscript",
-          hex: "F0283",
-          version: "1.5.54"
-      }, {
-          name: "format-text",
-          hex: "F0284",
-          version: "1.5.54"
-      }, {
-          name: "format-text-rotation-angle-down",
-          hex: "F0FBB",
-          version: "4.0.96"
-      }, {
-          name: "format-text-rotation-angle-up",
-          hex: "F0FBC",
-          version: "4.0.96"
-      }, {
-          name: "format-text-rotation-down",
-          hex: "F0D73",
-          version: "3.4.93"
-      }, {
-          name: "format-text-rotation-down-vertical",
-          hex: "F0FBD",
-          version: "4.0.96"
-      }, {
-          name: "format-text-rotation-none",
-          hex: "F0D74",
-          version: "3.4.93"
-      }, {
-          name: "format-text-rotation-up",
-          hex: "F0FBE",
-          version: "4.0.96"
-      }, {
-          name: "format-text-rotation-vertical",
-          hex: "F0FBF",
-          version: "4.0.96"
-      }, {
-          name: "format-text-variant",
-          hex: "F0E32",
-          version: "3.6.95"
-      }, {
-          name: "format-text-variant-outline",
-          hex: "F150F",
-          version: "5.4.55"
-      }, {
-          name: "format-text-wrapping-clip",
-          hex: "F0D0E",
-          version: "3.3.92"
-      }, {
-          name: "format-text-wrapping-overflow",
-          hex: "F0D0F",
-          version: "3.3.92"
-      }, {
-          name: "format-text-wrapping-wrap",
-          hex: "F0D10",
-          version: "3.3.92"
-      }, {
-          name: "format-textbox",
-          hex: "F0D11",
-          version: "3.3.92"
-      }, {
-          name: "format-textdirection-l-to-r",
-          hex: "F0285",
-          version: "1.5.54"
-      }, {
-          name: "format-textdirection-r-to-l",
-          hex: "F0286",
-          version: "1.5.54"
-      }, {
-          name: "format-title",
-          hex: "F05F4",
-          version: "1.5.54"
-      }, {
-          name: "format-underline",
-          hex: "F0287",
-          version: "1.5.54"
-      }, {
-          name: "format-vertical-align-bottom",
-          hex: "F0621",
-          version: "1.6.50"
-      }, {
-          name: "format-vertical-align-center",
-          hex: "F0622",
-          version: "1.6.50"
-      }, {
-          name: "format-vertical-align-top",
-          hex: "F0623",
-          version: "1.6.50"
-      }, {
-          name: "format-wrap-inline",
-          hex: "F0288",
-          version: "1.5.54"
-      }, {
-          name: "format-wrap-square",
-          hex: "F0289",
-          version: "1.5.54"
-      }, {
-          name: "format-wrap-tight",
-          hex: "F028A",
-          version: "1.5.54"
-      }, {
-          name: "format-wrap-top-bottom",
-          hex: "F028B",
-          version: "1.5.54"
-      }, {
-          name: "forum",
-          hex: "F028C",
-          version: "1.5.54"
-      }, {
-          name: "forum-outline",
-          hex: "F0822",
-          version: "2.1.19"
-      }, {
-          name: "forward",
-          hex: "F028D",
-          version: "1.5.54"
-      }, {
-          name: "forwardburger",
-          hex: "F0D75",
-          version: "3.4.93"
-      }, {
-          name: "fountain",
-          hex: "F096B",
-          version: "2.4.85"
-      }, {
-          name: "fountain-pen",
-          hex: "F0D12",
-          version: "3.3.92"
-      }, {
-          name: "fountain-pen-tip",
-          hex: "F0D13",
-          version: "3.3.92"
-      }, {
-          name: "freebsd",
-          hex: "F08E0",
-          version: "2.3.50"
-      }, {
-          name: "frequently-asked-questions",
-          hex: "F0EB4",
-          version: "3.7.94"
-      }, {
-          name: "fridge",
-          hex: "F0290",
-          version: "1.5.54"
-      }, {
-          name: "fridge-alert",
-          hex: "F11B1",
-          version: "4.5.95"
-      }, {
-          name: "fridge-alert-outline",
-          hex: "F11B2",
-          version: "4.5.95"
-      }, {
-          name: "fridge-bottom",
-          hex: "F0292",
-          version: "1.5.54"
-      }, {
-          name: "fridge-industrial",
-          hex: "F15EE",
-          version: "5.6.55"
-      }, {
-          name: "fridge-industrial-alert",
-          hex: "F15EF",
-          version: "5.6.55"
-      }, {
-          name: "fridge-industrial-alert-outline",
-          hex: "F15F0",
-          version: "5.6.55"
-      }, {
-          name: "fridge-industrial-off",
-          hex: "F15F1",
-          version: "5.6.55"
-      }, {
-          name: "fridge-industrial-off-outline",
-          hex: "F15F2",
-          version: "5.6.55"
-      }, {
-          name: "fridge-industrial-outline",
-          hex: "F15F3",
-          version: "5.6.55"
-      }, {
-          name: "fridge-off",
-          hex: "F11AF",
-          version: "4.5.95"
-      }, {
-          name: "fridge-off-outline",
-          hex: "F11B0",
-          version: "4.5.95"
-      }, {
-          name: "fridge-outline",
-          hex: "F028F",
-          version: "1.5.54"
-      }, {
-          name: "fridge-top",
-          hex: "F0291",
-          version: "1.5.54"
-      }, {
-          name: "fridge-variant",
-          hex: "F15F4",
-          version: "5.6.55"
-      }, {
-          name: "fridge-variant-alert",
-          hex: "F15F5",
-          version: "5.6.55"
-      }, {
-          name: "fridge-variant-alert-outline",
-          hex: "F15F6",
-          version: "5.6.55"
-      }, {
-          name: "fridge-variant-off",
-          hex: "F15F7",
-          version: "5.6.55"
-      }, {
-          name: "fridge-variant-off-outline",
-          hex: "F15F8",
-          version: "5.6.55"
-      }, {
-          name: "fridge-variant-outline",
-          hex: "F15F9",
-          version: "5.6.55"
-      }, {
-          name: "fruit-cherries",
-          hex: "F1042",
-          version: "4.1.95"
-      }, {
-          name: "fruit-cherries-off",
-          hex: "F13F8",
-          version: "5.1.45"
-      }, {
-          name: "fruit-citrus",
-          hex: "F1043",
-          version: "4.1.95"
-      }, {
-          name: "fruit-citrus-off",
-          hex: "F13F9",
-          version: "5.1.45"
-      }, {
-          name: "fruit-grapes",
-          hex: "F1044",
-          version: "4.1.95"
-      }, {
-          name: "fruit-grapes-outline",
-          hex: "F1045",
-          version: "4.1.95"
-      }, {
-          name: "fruit-pineapple",
-          hex: "F1046",
-          version: "4.1.95"
-      }, {
-          name: "fruit-watermelon",
-          hex: "F1047",
-          version: "4.1.95"
-      }, {
-          name: "fuel",
-          hex: "F07CA",
-          version: "2.0.46"
-      }, {
-          name: "fullscreen",
-          hex: "F0293",
-          version: "1.5.54"
-      }, {
-          name: "fullscreen-exit",
-          hex: "F0294",
-          version: "1.5.54"
-      }, {
-          name: "function",
-          hex: "F0295",
-          version: "1.5.54"
-      }, {
-          name: "function-variant",
-          hex: "F0871",
-          version: "2.1.99"
-      }, {
-          name: "furigana-horizontal",
-          hex: "F1081",
-          version: "4.2.95"
-      }, {
-          name: "furigana-vertical",
-          hex: "F1082",
-          version: "4.2.95"
-      }, {
-          name: "fuse",
-          hex: "F0C85",
-          version: "3.2.89"
-      }, {
-          name: "fuse-alert",
-          hex: "F142D",
-          version: "5.2.45"
-      }, {
-          name: "fuse-blade",
-          hex: "F0C86",
-          version: "3.2.89"
-      }, {
-          name: "fuse-off",
-          hex: "F142C",
-          version: "5.2.45"
-      }, {
-          name: "gamepad",
-          hex: "F0296",
-          version: "1.5.54"
-      }, {
-          name: "gamepad-circle",
-          hex: "F0E33",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-circle-down",
-          hex: "F0E34",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-circle-left",
-          hex: "F0E35",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-circle-outline",
-          hex: "F0E36",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-circle-right",
-          hex: "F0E37",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-circle-up",
-          hex: "F0E38",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-down",
-          hex: "F0E39",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-left",
-          hex: "F0E3A",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-right",
-          hex: "F0E3B",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round",
-          hex: "F0E3C",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round-down",
-          hex: "F0E3D",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round-left",
-          hex: "F0E3E",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round-outline",
-          hex: "F0E3F",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round-right",
-          hex: "F0E40",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-round-up",
-          hex: "F0E41",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-square",
-          hex: "F0EB5",
-          version: "3.7.94"
-      }, {
-          name: "gamepad-square-outline",
-          hex: "F0EB6",
-          version: "3.7.94"
-      }, {
-          name: "gamepad-up",
-          hex: "F0E42",
-          version: "3.6.95"
-      }, {
-          name: "gamepad-variant",
-          hex: "F0297",
-          version: "1.5.54"
-      }, {
-          name: "gamepad-variant-outline",
-          hex: "F0EB7",
-          version: "3.7.94"
-      }, {
-          name: "gamma",
-          hex: "F10EE",
-          version: "4.3.95"
-      }, {
-          name: "gantry-crane",
-          hex: "F0DD1",
-          version: "3.5.94"
-      }, {
-          name: "garage",
-          hex: "F06D9",
-          version: "1.8.36"
-      }, {
-          name: "garage-alert",
-          hex: "F0872",
-          version: "2.1.99"
-      }, {
-          name: "garage-alert-variant",
-          hex: "F12D5",
-          version: "4.8.95"
-      }, {
-          name: "garage-open",
-          hex: "F06DA",
-          version: "1.8.36"
-      }, {
-          name: "garage-open-variant",
-          hex: "F12D4",
-          version: "4.8.95"
-      }, {
-          name: "garage-variant",
-          hex: "F12D3",
-          version: "4.8.95"
-      }, {
-          name: "gas-cylinder",
-          hex: "F0647",
-          version: "1.6.50"
-      }, {
-          name: "gas-station",
-          hex: "F0298",
-          version: "1.5.54"
-      }, {
-          name: "gas-station-off",
-          hex: "F1409",
-          version: "5.1.45"
-      }, {
-          name: "gas-station-off-outline",
-          hex: "F140A",
-          version: "5.1.45"
-      }, {
-          name: "gas-station-outline",
-          hex: "F0EB8",
-          version: "3.7.94"
-      }, {
-          name: "gate",
-          hex: "F0299",
-          version: "1.5.54"
-      }, {
-          name: "gate-and",
-          hex: "F08E1",
-          version: "2.3.50"
-      }, {
-          name: "gate-arrow-right",
-          hex: "F1169",
-          version: "4.4.95"
-      }, {
-          name: "gate-nand",
-          hex: "F08E2",
-          version: "2.3.50"
-      }, {
-          name: "gate-nor",
-          hex: "F08E3",
-          version: "2.3.50"
-      }, {
-          name: "gate-not",
-          hex: "F08E4",
-          version: "2.3.50"
-      }, {
-          name: "gate-open",
-          hex: "F116A",
-          version: "4.4.95"
-      }, {
-          name: "gate-or",
-          hex: "F08E5",
-          version: "2.3.50"
-      }, {
-          name: "gate-xnor",
-          hex: "F08E6",
-          version: "2.3.50"
-      }, {
-          name: "gate-xor",
-          hex: "F08E7",
-          version: "2.3.50"
-      }, {
-          name: "gatsby",
-          hex: "F0E43",
-          version: "3.6.95"
-      }, {
-          name: "gauge",
-          hex: "F029A",
-          version: "1.5.54"
-      }, {
-          name: "gauge-empty",
-          hex: "F0873",
-          version: "2.1.99"
-      }, {
-          name: "gauge-full",
-          hex: "F0874",
-          version: "2.1.99"
-      }, {
-          name: "gauge-low",
-          hex: "F0875",
-          version: "2.1.99"
-      }, {
-          name: "gavel",
-          hex: "F029B",
-          version: "1.5.54"
-      }, {
-          name: "gender-female",
-          hex: "F029C",
-          version: "1.5.54"
-      }, {
-          name: "gender-male",
-          hex: "F029D",
-          version: "1.5.54"
-      }, {
-          name: "gender-male-female",
-          hex: "F029E",
-          version: "1.5.54"
-      }, {
-          name: "gender-male-female-variant",
-          hex: "F113F",
-          version: "4.4.95"
-      }, {
-          name: "gender-non-binary",
-          hex: "F1140",
-          version: "4.4.95"
-      }, {
-          name: "gender-transgender",
-          hex: "F029F",
-          version: "1.5.54"
-      }, {
-          name: "gentoo",
-          hex: "F08E8",
-          version: "2.3.50"
-      }, {
-          name: "gesture",
-          hex: "F07CB",
-          version: "2.0.46"
-      }, {
-          name: "gesture-double-tap",
-          hex: "F073C",
-          version: "1.9.32"
-      }, {
-          name: "gesture-pinch",
-          hex: "F0ABD",
-          version: "2.7.94"
-      }, {
-          name: "gesture-spread",
-          hex: "F0ABE",
-          version: "2.7.94"
-      }, {
-          name: "gesture-swipe",
-          hex: "F0D76",
-          version: "3.4.93"
-      }, {
-          name: "gesture-swipe-down",
-          hex: "F073D",
-          version: "1.9.32"
-      }, {
-          name: "gesture-swipe-horizontal",
-          hex: "F0ABF",
-          version: "2.7.94"
-      }, {
-          name: "gesture-swipe-left",
-          hex: "F073E",
-          version: "1.9.32"
-      }, {
-          name: "gesture-swipe-right",
-          hex: "F073F",
-          version: "1.9.32"
-      }, {
-          name: "gesture-swipe-up",
-          hex: "F0740",
-          version: "1.9.32"
-      }, {
-          name: "gesture-swipe-vertical",
-          hex: "F0AC0",
-          version: "2.7.94"
-      }, {
-          name: "gesture-tap",
-          hex: "F0741",
-          version: "1.9.32"
-      }, {
-          name: "gesture-tap-box",
-          hex: "F12A9",
-          version: "4.7.95"
-      }, {
-          name: "gesture-tap-button",
-          hex: "F12A8",
-          version: "4.7.95"
-      }, {
-          name: "gesture-tap-hold",
-          hex: "F0D77",
-          version: "3.4.93"
-      }, {
-          name: "gesture-two-double-tap",
-          hex: "F0742",
-          version: "1.9.32"
-      }, {
-          name: "gesture-two-tap",
-          hex: "F0743",
-          version: "1.9.32"
-      }, {
-          name: "ghost",
-          hex: "F02A0",
-          version: "1.5.54"
-      }, {
-          name: "ghost-off",
-          hex: "F09F5",
-          version: "2.5.94"
-      }, {
-          name: "ghost-off-outline",
-          hex: "F165C",
-          version: "5.7.55"
-      }, {
-          name: "ghost-outline",
-          hex: "F165D",
-          version: "5.7.55"
-      }, {
-          name: "gif",
-          hex: "F0D78",
-          version: "3.4.93"
-      }, {
-          name: "gift",
-          hex: "F0E44",
-          version: "3.6.95"
-      }, {
-          name: "gift-outline",
-          hex: "F02A1",
-          version: "1.5.54"
-      }, {
-          name: "git",
-          hex: "F02A2",
-          version: "1.5.54"
-      }, {
-          name: "github",
-          hex: "F02A4",
-          version: "1.5.54"
-      }, {
-          name: "gitlab",
-          hex: "F0BA0",
-          version: "3.0.39"
-      }, {
-          name: "glass-cocktail",
-          hex: "F0356",
-          version: "1.5.54"
-      }, {
-          name: "glass-cocktail-off",
-          hex: "F15E6",
-          version: "5.6.55"
-      }, {
-          name: "glass-flute",
-          hex: "F02A5",
-          version: "1.5.54"
-      }, {
-          name: "glass-mug",
-          hex: "F02A6",
-          version: "1.5.54"
-      }, {
-          name: "glass-mug-off",
-          hex: "F15E7",
-          version: "5.6.55"
-      }, {
-          name: "glass-mug-variant",
-          hex: "F1116",
-          version: "4.3.95"
-      }, {
-          name: "glass-mug-variant-off",
-          hex: "F15E8",
-          version: "5.6.55"
-      }, {
-          name: "glass-pint-outline",
-          hex: "F130D",
-          version: "4.8.95"
-      }, {
-          name: "glass-stange",
-          hex: "F02A7",
-          version: "1.5.54"
-      }, {
-          name: "glass-tulip",
-          hex: "F02A8",
-          version: "1.5.54"
-      }, {
-          name: "glass-wine",
-          hex: "F0876",
-          version: "2.1.99"
-      }, {
-          name: "glasses",
-          hex: "F02AA",
-          version: "1.5.54"
-      }, {
-          name: "globe-light",
-          hex: "F12D7",
-          version: "4.8.95"
-      }, {
-          name: "globe-model",
-          hex: "F08E9",
-          version: "2.3.50"
-      }, {
-          name: "gmail",
-          hex: "F02AB",
-          version: "1.5.54"
-      }, {
-          name: "gnome",
-          hex: "F02AC",
-          version: "1.5.54"
-      }, {
-          name: "go-kart",
-          hex: "F0D79",
-          version: "3.4.93"
-      }, {
-          name: "go-kart-track",
-          hex: "F0D7A",
-          version: "3.4.93"
-      }, {
-          name: "gog",
-          hex: "F0BA1",
-          version: "3.0.39"
-      }, {
-          name: "gold",
-          hex: "F124F",
-          version: "4.6.95"
-      }, {
-          name: "golf",
-          hex: "F0823",
-          version: "2.1.19"
-      }, {
-          name: "golf-cart",
-          hex: "F11A4",
-          version: "4.5.95"
-      }, {
-          name: "golf-tee",
-          hex: "F1083",
-          version: "4.2.95"
-      }, {
-          name: "gondola",
-          hex: "F0686",
-          version: "1.7.12"
-      }, {
-          name: "goodreads",
-          hex: "F0D7B",
-          version: "3.4.93"
-      }, {
-          name: "google",
-          hex: "F02AD",
-          version: "1.5.54"
-      }, {
-          name: "google-ads",
-          hex: "F0C87",
-          version: "3.2.89"
-      }, {
-          name: "google-analytics",
-          hex: "F07CC",
-          version: "2.0.46"
-      }, {
-          name: "google-assistant",
-          hex: "F07CD",
-          version: "2.0.46"
-      }, {
-          name: "google-cardboard",
-          hex: "F02AE",
-          version: "1.5.54"
-      }, {
-          name: "google-chrome",
-          hex: "F02AF",
-          version: "1.5.54"
-      }, {
-          name: "google-circles",
-          hex: "F02B0",
-          version: "1.5.54"
-      }, {
-          name: "google-circles-communities",
-          hex: "F02B1",
-          version: "1.5.54"
-      }, {
-          name: "google-circles-extended",
-          hex: "F02B2",
-          version: "1.5.54"
-      }, {
-          name: "google-circles-group",
-          hex: "F02B3",
-          version: "1.5.54"
-      }, {
-          name: "google-classroom",
-          hex: "F02C0",
-          version: "1.5.54"
-      }, {
-          name: "google-cloud",
-          hex: "F11F6",
-          version: "4.6.95"
-      }, {
-          name: "google-controller",
-          hex: "F02B4",
-          version: "1.5.54"
-      }, {
-          name: "google-controller-off",
-          hex: "F02B5",
-          version: "1.5.54"
-      }, {
-          name: "google-downasaur",
-          hex: "F1362",
-          version: "4.9.95"
-      }, {
-          name: "google-drive",
-          hex: "F02B6",
-          version: "1.5.54"
-      }, {
-          name: "google-earth",
-          hex: "F02B7",
-          version: "1.5.54"
-      }, {
-          name: "google-fit",
-          hex: "F096C",
-          version: "2.4.85"
-      }, {
-          name: "google-glass",
-          hex: "F02B8",
-          version: "1.5.54"
-      }, {
-          name: "google-hangouts",
-          hex: "F02C9",
-          version: "1.5.54"
-      }, {
-          name: "google-home",
-          hex: "F0824",
-          version: "2.1.19"
-      }, {
-          name: "google-keep",
-          hex: "F06DC",
-          version: "1.8.36"
-      }, {
-          name: "google-lens",
-          hex: "F09F6",
-          version: "2.5.94"
-      }, {
-          name: "google-maps",
-          hex: "F05F5",
-          version: "1.5.54"
-      }, {
-          name: "google-my-business",
-          hex: "F1048",
-          version: "4.1.95"
-      }, {
-          name: "google-nearby",
-          hex: "F02B9",
-          version: "1.5.54"
-      }, {
-          name: "google-photos",
-          hex: "F06DD",
-          version: "1.8.36"
-      }, {
-          name: "google-play",
-          hex: "F02BC",
-          version: "1.5.54"
-      }, {
-          name: "google-plus",
-          hex: "F02BD",
-          version: "1.5.54"
-      }, {
-          name: "google-podcast",
-          hex: "F0EB9",
-          version: "3.7.94"
-      }, {
-          name: "google-spreadsheet",
-          hex: "F09F7",
-          version: "2.5.94"
-      }, {
-          name: "google-street-view",
-          hex: "F0C88",
-          version: "3.2.89"
-      }, {
-          name: "google-translate",
-          hex: "F02BF",
-          version: "1.5.54"
-      }, {
-          name: "gradient",
-          hex: "F06A0",
-          version: "1.7.12"
-      }, {
-          name: "grain",
-          hex: "F0D7C",
-          version: "3.4.93"
-      }, {
-          name: "graph",
-          hex: "F1049",
-          version: "4.1.95"
-      }, {
-          name: "graph-outline",
-          hex: "F104A",
-          version: "4.1.95"
-      }, {
-          name: "graphql",
-          hex: "F0877",
-          version: "2.1.99"
-      }, {
-          name: "grass",
-          hex: "F1510",
-          version: "5.4.55"
-      }, {
-          name: "grave-stone",
-          hex: "F0BA2",
-          version: "3.0.39"
-      }, {
-          name: "grease-pencil",
-          hex: "F0648",
-          version: "1.6.50"
-      }, {
-          name: "greater-than",
-          hex: "F096D",
-          version: "2.4.85"
-      }, {
-          name: "greater-than-or-equal",
-          hex: "F096E",
-          version: "2.4.85"
-      }, {
-          name: "grid",
-          hex: "F02C1",
-          version: "1.5.54"
-      }, {
-          name: "grid-large",
-          hex: "F0758",
-          version: "1.9.32"
-      }, {
-          name: "grid-off",
-          hex: "F02C2",
-          version: "1.5.54"
-      }, {
-          name: "grill",
-          hex: "F0E45",
-          version: "3.6.95"
-      }, {
-          name: "grill-outline",
-          hex: "F118A",
-          version: "4.4.95"
-      }, {
-          name: "group",
-          hex: "F02C3",
-          version: "1.5.54"
-      }, {
-          name: "guitar-acoustic",
-          hex: "F0771",
-          version: "1.9.32"
-      }, {
-          name: "guitar-electric",
-          hex: "F02C4",
-          version: "1.5.54"
-      }, {
-          name: "guitar-pick",
-          hex: "F02C5",
-          version: "1.5.54"
-      }, {
-          name: "guitar-pick-outline",
-          hex: "F02C6",
-          version: "1.5.54"
-      }, {
-          name: "guy-fawkes-mask",
-          hex: "F0825",
-          version: "2.1.19"
-      }, {
-          name: "hail",
-          hex: "F0AC1",
-          version: "2.7.94"
-      }, {
-          name: "hair-dryer",
-          hex: "F10EF",
-          version: "4.3.95"
-      }, {
-          name: "hair-dryer-outline",
-          hex: "F10F0",
-          version: "4.3.95"
-      }, {
-          name: "halloween",
-          hex: "F0BA3",
-          version: "3.0.39"
-      }, {
-          name: "hamburger",
-          hex: "F0685",
-          version: "1.7.12"
-      }, {
-          name: "hammer",
-          hex: "F08EA",
-          version: "2.3.50"
-      }, {
-          name: "hammer-screwdriver",
-          hex: "F1322",
-          version: "4.9.95"
-      }, {
-          name: "hammer-wrench",
-          hex: "F1323",
-          version: "4.9.95"
-      }, {
-          name: "hand",
-          hex: "F0A4F",
-          version: "2.6.95"
-      }, {
-          name: "hand-heart",
-          hex: "F10F1",
-          version: "4.3.95"
-      }, {
-          name: "hand-heart-outline",
-          hex: "F157E",
-          version: "5.5.55"
-      }, {
-          name: "hand-left",
-          hex: "F0E46",
-          version: "3.6.95"
-      }, {
-          name: "hand-okay",
-          hex: "F0A50",
-          version: "2.6.95"
-      }, {
-          name: "hand-peace",
-          hex: "F0A51",
-          version: "2.6.95"
-      }, {
-          name: "hand-peace-variant",
-          hex: "F0A52",
-          version: "2.6.95"
-      }, {
-          name: "hand-pointing-down",
-          hex: "F0A53",
-          version: "2.6.95"
-      }, {
-          name: "hand-pointing-left",
-          hex: "F0A54",
-          version: "2.6.95"
-      }, {
-          name: "hand-pointing-right",
-          hex: "F02C7",
-          version: "1.5.54"
-      }, {
-          name: "hand-pointing-up",
-          hex: "F0A55",
-          version: "2.6.95"
-      }, {
-          name: "hand-right",
-          hex: "F0E47",
-          version: "3.6.95"
-      }, {
-          name: "hand-saw",
-          hex: "F0E48",
-          version: "3.6.95"
-      }, {
-          name: "hand-wash",
-          hex: "F157F",
-          version: "5.5.55"
-      }, {
-          name: "hand-wash-outline",
-          hex: "F1580",
-          version: "5.5.55"
-      }, {
-          name: "hand-water",
-          hex: "F139F",
-          version: "5.0.45"
-      }, {
-          name: "handball",
-          hex: "F0F53",
-          version: "3.9.97"
-      }, {
-          name: "handcuffs",
-          hex: "F113E",
-          version: "4.4.95"
-      }, {
-          name: "handshake",
-          hex: "F1218",
-          version: "4.6.95"
-      }, {
-          name: "handshake-outline",
-          hex: "F15A1",
-          version: "5.5.55"
-      }, {
-          name: "hanger",
-          hex: "F02C8",
-          version: "1.5.54"
-      }, {
-          name: "hard-hat",
-          hex: "F096F",
-          version: "2.4.85"
-      }, {
-          name: "harddisk",
-          hex: "F02CA",
-          version: "1.5.54"
-      }, {
-          name: "harddisk-plus",
-          hex: "F104B",
-          version: "4.1.95"
-      }, {
-          name: "harddisk-remove",
-          hex: "F104C",
-          version: "4.1.95"
-      }, {
-          name: "hat-fedora",
-          hex: "F0BA4",
-          version: "3.0.39"
-      }, {
-          name: "hazard-lights",
-          hex: "F0C89",
-          version: "3.2.89"
-      }, {
-          name: "hdr",
-          hex: "F0D7D",
-          version: "3.4.93"
-      }, {
-          name: "hdr-off",
-          hex: "F0D7E",
-          version: "3.4.93"
-      }, {
-          name: "head",
-          hex: "F135E",
-          version: "4.9.95"
-      }, {
-          name: "head-alert",
-          hex: "F1338",
-          version: "4.9.95"
-      }, {
-          name: "head-alert-outline",
-          hex: "F1339",
-          version: "4.9.95"
-      }, {
-          name: "head-check",
-          hex: "F133A",
-          version: "4.9.95"
-      }, {
-          name: "head-check-outline",
-          hex: "F133B",
-          version: "4.9.95"
-      }, {
-          name: "head-cog",
-          hex: "F133C",
-          version: "4.9.95"
-      }, {
-          name: "head-cog-outline",
-          hex: "F133D",
-          version: "4.9.95"
-      }, {
-          name: "head-dots-horizontal",
-          hex: "F133E",
-          version: "4.9.95"
-      }, {
-          name: "head-dots-horizontal-outline",
-          hex: "F133F",
-          version: "4.9.95"
-      }, {
-          name: "head-flash",
-          hex: "F1340",
-          version: "4.9.95"
-      }, {
-          name: "head-flash-outline",
-          hex: "F1341",
-          version: "4.9.95"
-      }, {
-          name: "head-heart",
-          hex: "F1342",
-          version: "4.9.95"
-      }, {
-          name: "head-heart-outline",
-          hex: "F1343",
-          version: "4.9.95"
-      }, {
-          name: "head-lightbulb",
-          hex: "F1344",
-          version: "4.9.95"
-      }, {
-          name: "head-lightbulb-outline",
-          hex: "F1345",
-          version: "4.9.95"
-      }, {
-          name: "head-minus",
-          hex: "F1346",
-          version: "4.9.95"
-      }, {
-          name: "head-minus-outline",
-          hex: "F1347",
-          version: "4.9.95"
-      }, {
-          name: "head-outline",
-          hex: "F135F",
-          version: "4.9.95"
-      }, {
-          name: "head-plus",
-          hex: "F1348",
-          version: "4.9.95"
-      }, {
-          name: "head-plus-outline",
-          hex: "F1349",
-          version: "4.9.95"
-      }, {
-          name: "head-question",
-          hex: "F134A",
-          version: "4.9.95"
-      }, {
-          name: "head-question-outline",
-          hex: "F134B",
-          version: "4.9.95"
-      }, {
-          name: "head-remove",
-          hex: "F134C",
-          version: "4.9.95"
-      }, {
-          name: "head-remove-outline",
-          hex: "F134D",
-          version: "4.9.95"
-      }, {
-          name: "head-snowflake",
-          hex: "F134E",
-          version: "4.9.95"
-      }, {
-          name: "head-snowflake-outline",
-          hex: "F134F",
-          version: "4.9.95"
-      }, {
-          name: "head-sync",
-          hex: "F1350",
-          version: "4.9.95"
-      }, {
-          name: "head-sync-outline",
-          hex: "F1351",
-          version: "4.9.95"
-      }, {
-          name: "headphones",
-          hex: "F02CB",
-          version: "1.5.54"
-      }, {
-          name: "headphones-bluetooth",
-          hex: "F0970",
-          version: "2.4.85"
-      }, {
-          name: "headphones-box",
-          hex: "F02CC",
-          version: "1.5.54"
-      }, {
-          name: "headphones-off",
-          hex: "F07CE",
-          version: "2.0.46"
-      }, {
-          name: "headphones-settings",
-          hex: "F02CD",
-          version: "1.5.54"
-      }, {
-          name: "headset",
-          hex: "F02CE",
-          version: "1.5.54"
-      }, {
-          name: "headset-dock",
-          hex: "F02CF",
-          version: "1.5.54"
-      }, {
-          name: "headset-off",
-          hex: "F02D0",
-          version: "1.5.54"
-      }, {
-          name: "heart",
-          hex: "F02D1",
-          version: "1.5.54"
-      }, {
-          name: "heart-box",
-          hex: "F02D2",
-          version: "1.5.54"
-      }, {
-          name: "heart-box-outline",
-          hex: "F02D3",
-          version: "1.5.54"
-      }, {
-          name: "heart-broken",
-          hex: "F02D4",
-          version: "1.5.54"
-      }, {
-          name: "heart-broken-outline",
-          hex: "F0D14",
-          version: "3.3.92"
-      }, {
-          name: "heart-circle",
-          hex: "F0971",
-          version: "2.4.85"
-      }, {
-          name: "heart-circle-outline",
-          hex: "F0972",
-          version: "2.4.85"
-      }, {
-          name: "heart-cog",
-          hex: "F1663",
-          version: "5.7.55"
-      }, {
-          name: "heart-cog-outline",
-          hex: "F1664",
-          version: "5.7.55"
-      }, {
-          name: "heart-flash",
-          hex: "F0EF9",
-          version: "3.8.95"
-      }, {
-          name: "heart-half",
-          hex: "F06DF",
-          version: "1.8.36"
-      }, {
-          name: "heart-half-full",
-          hex: "F06DE",
-          version: "1.8.36"
-      }, {
-          name: "heart-half-outline",
-          hex: "F06E0",
-          version: "1.8.36"
-      }, {
-          name: "heart-minus",
-          hex: "F142F",
-          version: "5.2.45"
-      }, {
-          name: "heart-minus-outline",
-          hex: "F1432",
-          version: "5.2.45"
-      }, {
-          name: "heart-multiple",
-          hex: "F0A56",
-          version: "2.6.95"
-      }, {
-          name: "heart-multiple-outline",
-          hex: "F0A57",
-          version: "2.6.95"
-      }, {
-          name: "heart-off",
-          hex: "F0759",
-          version: "1.9.32"
-      }, {
-          name: "heart-off-outline",
-          hex: "F1434",
-          version: "5.2.45"
-      }, {
-          name: "heart-outline",
-          hex: "F02D5",
-          version: "1.5.54"
-      }, {
-          name: "heart-plus",
-          hex: "F142E",
-          version: "5.2.45"
-      }, {
-          name: "heart-plus-outline",
-          hex: "F1431",
-          version: "5.2.45"
-      }, {
-          name: "heart-pulse",
-          hex: "F05F6",
-          version: "1.5.54"
-      }, {
-          name: "heart-remove",
-          hex: "F1430",
-          version: "5.2.45"
-      }, {
-          name: "heart-remove-outline",
-          hex: "F1433",
-          version: "5.2.45"
-      }, {
-          name: "heart-settings",
-          hex: "F1665",
-          version: "5.7.55"
-      }, {
-          name: "heart-settings-outline",
-          hex: "F1666",
-          version: "5.7.55"
-      }, {
-          name: "helicopter",
-          hex: "F0AC2",
-          version: "2.7.94"
-      }, {
-          name: "help",
-          hex: "F02D6",
-          version: "1.5.54"
-      }, {
-          name: "help-box",
-          hex: "F078B",
-          version: "1.9.32"
-      }, {
-          name: "help-circle",
-          hex: "F02D7",
-          version: "1.5.54"
-      }, {
-          name: "help-circle-outline",
-          hex: "F0625",
-          version: "1.6.50"
-      }, {
-          name: "help-network",
-          hex: "F06F5",
-          version: "1.8.36"
-      }, {
-          name: "help-network-outline",
-          hex: "F0C8A",
-          version: "3.2.89"
-      }, {
-          name: "help-rhombus",
-          hex: "F0BA5",
-          version: "3.0.39"
-      }, {
-          name: "help-rhombus-outline",
-          hex: "F0BA6",
-          version: "3.0.39"
-      }, {
-          name: "hexadecimal",
-          hex: "F12A7",
-          version: "4.7.95"
-      }, {
-          name: "hexagon",
-          hex: "F02D8",
-          version: "1.5.54"
-      }, {
-          name: "hexagon-multiple",
-          hex: "F06E1",
-          version: "1.8.36"
-      }, {
-          name: "hexagon-multiple-outline",
-          hex: "F10F2",
-          version: "4.3.95"
-      }, {
-          name: "hexagon-outline",
-          hex: "F02D9",
-          version: "1.5.54"
-      }, {
-          name: "hexagon-slice-1",
-          hex: "F0AC3",
-          version: "2.7.94"
-      }, {
-          name: "hexagon-slice-2",
-          hex: "F0AC4",
-          version: "2.7.94"
-      }, {
-          name: "hexagon-slice-3",
-          hex: "F0AC5",
-          version: "2.7.94"
-      }, {
-          name: "hexagon-slice-4",
-          hex: "F0AC6",
-          version: "2.7.94"
-      }, {
-          name: "hexagon-slice-5",
-          hex: "F0AC7",
-          version: "2.7.94"
-      }, {
-          name: "hexagon-slice-6",
-          hex: "F0AC8",
-          version: "2.7.94"
-      }, {
-          name: "hexagram",
-          hex: "F0AC9",
-          version: "2.7.94"
-      }, {
-          name: "hexagram-outline",
-          hex: "F0ACA",
-          version: "2.7.94"
-      }, {
-          name: "high-definition",
-          hex: "F07CF",
-          version: "2.0.46"
-      }, {
-          name: "high-definition-box",
-          hex: "F0878",
-          version: "2.1.99"
-      }, {
-          name: "highway",
-          hex: "F05F7",
-          version: "1.5.54"
-      }, {
-          name: "hiking",
-          hex: "F0D7F",
-          version: "3.4.93"
-      }, {
-          name: "hinduism",
-          hex: "F0973",
-          version: "2.4.85"
-      }, {
-          name: "history",
-          hex: "F02DA",
-          version: "1.5.54"
-      }, {
-          name: "hockey-puck",
-          hex: "F0879",
-          version: "2.1.99"
-      }, {
-          name: "hockey-sticks",
-          hex: "F087A",
-          version: "2.1.99"
-      }, {
-          name: "hololens",
-          hex: "F02DB",
-          version: "1.5.54"
-      }, {
-          name: "home",
-          hex: "F02DC",
-          version: "1.5.54"
-      }, {
-          name: "home-account",
-          hex: "F0826",
-          version: "2.1.19"
-      }, {
-          name: "home-alert",
-          hex: "F087B",
-          version: "2.1.99"
-      }, {
-          name: "home-alert-outline",
-          hex: "F15D0",
-          version: "5.6.55"
-      }, {
-          name: "home-analytics",
-          hex: "F0EBA",
-          version: "3.7.94"
-      }, {
-          name: "home-assistant",
-          hex: "F07D0",
-          version: "2.0.46"
-      }, {
-          name: "home-automation",
-          hex: "F07D1",
-          version: "2.0.46"
-      }, {
-          name: "home-circle",
-          hex: "F07D2",
-          version: "2.0.46"
-      }, {
-          name: "home-circle-outline",
-          hex: "F104D",
-          version: "4.1.95"
-      }, {
-          name: "home-city",
-          hex: "F0D15",
-          version: "3.3.92"
-      }, {
-          name: "home-city-outline",
-          hex: "F0D16",
-          version: "3.3.92"
-      }, {
-          name: "home-currency-usd",
-          hex: "F08AF",
-          version: "2.2.43"
-      }, {
-          name: "home-edit",
-          hex: "F1159",
-          version: "4.4.95"
-      }, {
-          name: "home-edit-outline",
-          hex: "F115A",
-          version: "4.4.95"
-      }, {
-          name: "home-export-outline",
-          hex: "F0F9B",
-          version: "3.9.97"
-      }, {
-          name: "home-flood",
-          hex: "F0EFA",
-          version: "3.8.95"
-      }, {
-          name: "home-floor-0",
-          hex: "F0DD2",
-          version: "3.5.94"
-      }, {
-          name: "home-floor-1",
-          hex: "F0D80",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-2",
-          hex: "F0D81",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-3",
-          hex: "F0D82",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-a",
-          hex: "F0D83",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-b",
-          hex: "F0D84",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-g",
-          hex: "F0D85",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-l",
-          hex: "F0D86",
-          version: "3.4.93"
-      }, {
-          name: "home-floor-negative-1",
-          hex: "F0DD3",
-          version: "3.5.94"
-      }, {
-          name: "home-group",
-          hex: "F0DD4",
-          version: "3.5.94"
-      }, {
-          name: "home-heart",
-          hex: "F0827",
-          version: "2.1.19"
-      }, {
-          name: "home-import-outline",
-          hex: "F0F9C",
-          version: "3.9.97"
-      }, {
-          name: "home-lightbulb",
-          hex: "F1251",
-          version: "4.6.95"
-      }, {
-          name: "home-lightbulb-outline",
-          hex: "F1252",
-          version: "4.6.95"
-      }, {
-          name: "home-lock",
-          hex: "F08EB",
-          version: "2.3.50"
-      }, {
-          name: "home-lock-open",
-          hex: "F08EC",
-          version: "2.3.50"
-      }, {
-          name: "home-map-marker",
-          hex: "F05F8",
-          version: "1.5.54"
-      }, {
-          name: "home-minus",
-          hex: "F0974",
-          version: "2.4.85"
-      }, {
-          name: "home-minus-outline",
-          hex: "F13D5",
-          version: "5.1.45"
-      }, {
-          name: "home-modern",
-          hex: "F02DD",
-          version: "1.5.54"
-      }, {
-          name: "home-outline",
-          hex: "F06A1",
-          version: "1.7.12"
-      }, {
-          name: "home-plus",
-          hex: "F0975",
-          version: "2.4.85"
-      }, {
-          name: "home-plus-outline",
-          hex: "F13D6",
-          version: "5.1.45"
-      }, {
-          name: "home-remove",
-          hex: "F1247",
-          version: "4.6.95"
-      }, {
-          name: "home-remove-outline",
-          hex: "F13D7",
-          version: "5.1.45"
-      }, {
-          name: "home-roof",
-          hex: "F112B",
-          version: "4.3.95"
-      }, {
-          name: "home-search",
-          hex: "F13B0",
-          version: "5.0.45"
-      }, {
-          name: "home-search-outline",
-          hex: "F13B1",
-          version: "5.0.45"
-      }, {
-          name: "home-thermometer",
-          hex: "F0F54",
-          version: "3.9.97"
-      }, {
-          name: "home-thermometer-outline",
-          hex: "F0F55",
-          version: "3.9.97"
-      }, {
-          name: "home-variant",
-          hex: "F02DE",
-          version: "1.5.54"
-      }, {
-          name: "home-variant-outline",
-          hex: "F0BA7",
-          version: "3.0.39"
-      }, {
-          name: "hook",
-          hex: "F06E2",
-          version: "1.8.36"
-      }, {
-          name: "hook-off",
-          hex: "F06E3",
-          version: "1.8.36"
-      }, {
-          name: "hops",
-          hex: "F02DF",
-          version: "1.5.54"
-      }, {
-          name: "horizontal-rotate-clockwise",
-          hex: "F10F3",
-          version: "4.3.95"
-      }, {
-          name: "horizontal-rotate-counterclockwise",
-          hex: "F10F4",
-          version: "4.3.95"
-      }, {
-          name: "horse",
-          hex: "F15BF",
-          version: "5.6.55"
-      }, {
-          name: "horse-human",
-          hex: "F15C0",
-          version: "5.6.55"
-      }, {
-          name: "horse-variant",
-          hex: "F15C1",
-          version: "5.6.55"
-      }, {
-          name: "horseshoe",
-          hex: "F0A58",
-          version: "2.6.95"
-      }, {
-          name: "hospital",
-          hex: "F0FF6",
-          version: "4.0.96"
-      }, {
-          name: "hospital-box",
-          hex: "F02E0",
-          version: "1.5.54"
-      }, {
-          name: "hospital-box-outline",
-          hex: "F0FF7",
-          version: "4.0.96"
-      }, {
-          name: "hospital-building",
-          hex: "F02E1",
-          version: "1.5.54"
-      }, {
-          name: "hospital-marker",
-          hex: "F02E2",
-          version: "1.5.54"
-      }, {
-          name: "hot-tub",
-          hex: "F0828",
-          version: "2.1.19"
-      }, {
-          name: "hours-24",
-          hex: "F1478",
-          version: "5.2.45"
-      }, {
-          name: "hubspot",
-          hex: "F0D17",
-          version: "3.3.92"
-      }, {
-          name: "hulu",
-          hex: "F0829",
-          version: "2.1.19"
-      }, {
-          name: "human",
-          hex: "F02E6",
-          version: "1.5.54"
-      }, {
-          name: "human-baby-changing-table",
-          hex: "F138B",
-          version: "5.0.45"
-      }, {
-          name: "human-cane",
-          hex: "F1581",
-          version: "5.5.55"
-      }, {
-          name: "human-capacity-decrease",
-          hex: "F159B",
-          version: "5.5.55"
-      }, {
-          name: "human-capacity-increase",
-          hex: "F159C",
-          version: "5.5.55"
-      }, {
-          name: "human-child",
-          hex: "F02E7",
-          version: "1.5.54"
-      }, {
-          name: "human-edit",
-          hex: "F14E8",
-          version: "5.4.55"
-      }, {
-          name: "human-female",
-          hex: "F0649",
-          version: "1.6.50"
-      }, {
-          name: "human-female-boy",
-          hex: "F0A59",
-          version: "2.6.95"
-      }, {
-          name: "human-female-dance",
-          hex: "F15C9",
-          version: "5.6.55"
-      }, {
-          name: "human-female-female",
-          hex: "F0A5A",
-          version: "2.6.95"
-      }, {
-          name: "human-female-girl",
-          hex: "F0A5B",
-          version: "2.6.95"
-      }, {
-          name: "human-greeting",
-          hex: "F064A",
-          version: "1.6.50"
-      }, {
-          name: "human-greeting-proximity",
-          hex: "F159D",
-          version: "5.5.55"
-      }, {
-          name: "human-handsdown",
-          hex: "F064B",
-          version: "1.6.50"
-      }, {
-          name: "human-handsup",
-          hex: "F064C",
-          version: "1.6.50"
-      }, {
-          name: "human-male",
-          hex: "F064D",
-          version: "1.6.50"
-      }, {
-          name: "human-male-boy",
-          hex: "F0A5C",
-          version: "2.6.95"
-      }, {
-          name: "human-male-child",
-          hex: "F138C",
-          version: "5.0.45"
-      }, {
-          name: "human-male-female",
-          hex: "F02E8",
-          version: "1.5.54"
-      }, {
-          name: "human-male-girl",
-          hex: "F0A5D",
-          version: "2.6.95"
-      }, {
-          name: "human-male-height",
-          hex: "F0EFB",
-          version: "3.8.95"
-      }, {
-          name: "human-male-height-variant",
-          hex: "F0EFC",
-          version: "3.8.95"
-      }, {
-          name: "human-male-male",
-          hex: "F0A5E",
-          version: "2.6.95"
-      }, {
-          name: "human-pregnant",
-          hex: "F05CF",
-          version: "1.5.54"
-      }, {
-          name: "human-queue",
-          hex: "F1571",
-          version: "5.5.55"
-      }, {
-          name: "human-scooter",
-          hex: "F11E9",
-          version: "4.5.95"
-      }, {
-          name: "human-wheelchair",
-          hex: "F138D",
-          version: "5.0.45"
-      }, {
-          name: "humble-bundle",
-          hex: "F0744",
-          version: "1.9.32"
-      }, {
-          name: "hvac",
-          hex: "F1352",
-          version: "4.9.95"
-      }, {
-          name: "hvac-off",
-          hex: "F159E",
-          version: "5.5.55"
-      }, {
-          name: "hydraulic-oil-level",
-          hex: "F1324",
-          version: "4.9.95"
-      }, {
-          name: "hydraulic-oil-temperature",
-          hex: "F1325",
-          version: "4.9.95"
-      }, {
-          name: "hydro-power",
-          hex: "F12E5",
-          version: "4.8.95"
-      }, {
-          name: "ice-cream",
-          hex: "F082A",
-          version: "2.1.19"
-      }, {
-          name: "ice-cream-off",
-          hex: "F0E52",
-          version: "3.6.95"
-      }, {
-          name: "ice-pop",
-          hex: "F0EFD",
-          version: "3.8.95"
-      }, {
-          name: "id-card",
-          hex: "F0FC0",
-          version: "4.0.96"
-      }, {
-          name: "identifier",
-          hex: "F0EFE",
-          version: "3.8.95"
-      }, {
-          name: "ideogram-cjk",
-          hex: "F1331",
-          version: "4.9.95"
-      }, {
-          name: "ideogram-cjk-variant",
-          hex: "F1332",
-          version: "4.9.95"
-      }, {
-          name: "iframe",
-          hex: "F0C8B",
-          version: "3.2.89"
-      }, {
-          name: "iframe-array",
-          hex: "F10F5",
-          version: "4.3.95"
-      }, {
-          name: "iframe-array-outline",
-          hex: "F10F6",
-          version: "4.3.95"
-      }, {
-          name: "iframe-braces",
-          hex: "F10F7",
-          version: "4.3.95"
-      }, {
-          name: "iframe-braces-outline",
-          hex: "F10F8",
-          version: "4.3.95"
-      }, {
-          name: "iframe-outline",
-          hex: "F0C8C",
-          version: "3.2.89"
-      }, {
-          name: "iframe-parentheses",
-          hex: "F10F9",
-          version: "4.3.95"
-      }, {
-          name: "iframe-parentheses-outline",
-          hex: "F10FA",
-          version: "4.3.95"
-      }, {
-          name: "iframe-variable",
-          hex: "F10FB",
-          version: "4.3.95"
-      }, {
-          name: "iframe-variable-outline",
-          hex: "F10FC",
-          version: "4.3.95"
-      }, {
-          name: "image",
-          hex: "F02E9",
-          version: "1.5.54"
-      }, {
-          name: "image-album",
-          hex: "F02EA",
-          version: "1.5.54"
-      }, {
-          name: "image-area",
-          hex: "F02EB",
-          version: "1.5.54"
-      }, {
-          name: "image-area-close",
-          hex: "F02EC",
-          version: "1.5.54"
-      }, {
-          name: "image-auto-adjust",
-          hex: "F0FC1",
-          version: "4.0.96"
-      }, {
-          name: "image-broken",
-          hex: "F02ED",
-          version: "1.5.54"
-      }, {
-          name: "image-broken-variant",
-          hex: "F02EE",
-          version: "1.5.54"
-      }, {
-          name: "image-edit",
-          hex: "F11E3",
-          version: "4.5.95"
-      }, {
-          name: "image-edit-outline",
-          hex: "F11E4",
-          version: "4.5.95"
-      }, {
-          name: "image-filter-black-white",
-          hex: "F02F0",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-center-focus",
-          hex: "F02F1",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-center-focus-strong",
-          hex: "F0EFF",
-          version: "3.8.95"
-      }, {
-          name: "image-filter-center-focus-strong-outline",
-          hex: "F0F00",
-          version: "3.8.95"
-      }, {
-          name: "image-filter-center-focus-weak",
-          hex: "F02F2",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-drama",
-          hex: "F02F3",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-frames",
-          hex: "F02F4",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-hdr",
-          hex: "F02F5",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-none",
-          hex: "F02F6",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-tilt-shift",
-          hex: "F02F7",
-          version: "1.5.54"
-      }, {
-          name: "image-filter-vintage",
-          hex: "F02F8",
-          version: "1.5.54"
-      }, {
-          name: "image-frame",
-          hex: "F0E49",
-          version: "3.6.95"
-      }, {
-          name: "image-minus",
-          hex: "F1419",
-          version: "5.1.45"
-      }, {
-          name: "image-move",
-          hex: "F09F8",
-          version: "2.5.94"
-      }, {
-          name: "image-multiple",
-          hex: "F02F9",
-          version: "1.5.54"
-      }, {
-          name: "image-multiple-outline",
-          hex: "F02EF",
-          version: "1.5.54"
-      }, {
-          name: "image-off",
-          hex: "F082B",
-          version: "2.1.19"
-      }, {
-          name: "image-off-outline",
-          hex: "F11D1",
-          version: "4.5.95"
-      }, {
-          name: "image-outline",
-          hex: "F0976",
-          version: "2.4.85"
-      }, {
-          name: "image-plus",
-          hex: "F087C",
-          version: "2.1.99"
-      }, {
-          name: "image-remove",
-          hex: "F1418",
-          version: "5.1.45"
-      }, {
-          name: "image-search",
-          hex: "F0977",
-          version: "2.4.85"
-      }, {
-          name: "image-search-outline",
-          hex: "F0978",
-          version: "2.4.85"
-      }, {
-          name: "image-size-select-actual",
-          hex: "F0C8D",
-          version: "3.2.89"
-      }, {
-          name: "image-size-select-large",
-          hex: "F0C8E",
-          version: "3.2.89"
-      }, {
-          name: "image-size-select-small",
-          hex: "F0C8F",
-          version: "3.2.89"
-      }, {
-          name: "image-text",
-          hex: "F160D",
-          version: "5.6.55"
-      }, {
-          name: "import",
-          hex: "F02FA",
-          version: "1.5.54"
-      }, {
-          name: "inbox",
-          hex: "F0687",
-          version: "1.7.12"
-      }, {
-          name: "inbox-arrow-down",
-          hex: "F02FB",
-          version: "1.5.54"
-      }, {
-          name: "inbox-arrow-down-outline",
-          hex: "F1270",
-          version: "4.7.95"
-      }, {
-          name: "inbox-arrow-up",
-          hex: "F03D1",
-          version: "1.5.54"
-      }, {
-          name: "inbox-arrow-up-outline",
-          hex: "F1271",
-          version: "4.7.95"
-      }, {
-          name: "inbox-full",
-          hex: "F1272",
-          version: "4.7.95"
-      }, {
-          name: "inbox-full-outline",
-          hex: "F1273",
-          version: "4.7.95"
-      }, {
-          name: "inbox-multiple",
-          hex: "F08B0",
-          version: "2.2.43"
-      }, {
-          name: "inbox-multiple-outline",
-          hex: "F0BA8",
-          version: "3.0.39"
-      }, {
-          name: "inbox-outline",
-          hex: "F1274",
-          version: "4.7.95"
-      }, {
-          name: "inbox-remove",
-          hex: "F159F",
-          version: "5.5.55"
-      }, {
-          name: "inbox-remove-outline",
-          hex: "F15A0",
-          version: "5.5.55"
-      }, {
-          name: "incognito",
-          hex: "F05F9",
-          version: "1.5.54"
-      }, {
-          name: "incognito-circle",
-          hex: "F1421",
-          version: "5.2.45"
-      }, {
-          name: "incognito-circle-off",
-          hex: "F1422",
-          version: "5.2.45"
-      }, {
-          name: "incognito-off",
-          hex: "F0075",
-          version: "1.5.54"
-      }, {
-          name: "infinity",
-          hex: "F06E4",
-          version: "1.8.36"
-      }, {
-          name: "information",
-          hex: "F02FC",
-          version: "1.5.54"
-      }, {
-          name: "information-outline",
-          hex: "F02FD",
-          version: "1.5.54"
-      }, {
-          name: "information-variant",
-          hex: "F064E",
-          version: "1.6.50"
-      }, {
-          name: "instagram",
-          hex: "F02FE",
-          version: "1.5.54"
-      }, {
-          name: "instrument-triangle",
-          hex: "F104E",
-          version: "4.1.95"
-      }, {
-          name: "invert-colors",
-          hex: "F0301",
-          version: "1.5.54"
-      }, {
-          name: "invert-colors-off",
-          hex: "F0E4A",
-          version: "3.6.95"
-      }, {
-          name: "iobroker",
-          hex: "F12E8",
-          version: "4.8.95"
-      }, {
-          name: "ip",
-          hex: "F0A5F",
-          version: "2.6.95"
-      }, {
-          name: "ip-network",
-          hex: "F0A60",
-          version: "2.6.95"
-      }, {
-          name: "ip-network-outline",
-          hex: "F0C90",
-          version: "3.2.89"
-      }, {
-          name: "ipod",
-          hex: "F0C91",
-          version: "3.2.89"
-      }, {
-          name: "islam",
-          hex: "F0979",
-          version: "2.4.85"
-      }, {
-          name: "island",
-          hex: "F104F",
-          version: "4.1.95"
-      }, {
-          name: "iv-bag",
-          hex: "F10B9",
-          version: "4.2.95"
-      }, {
-          name: "jabber",
-          hex: "F0DD5",
-          version: "3.5.94"
-      }, {
-          name: "jeepney",
-          hex: "F0302",
-          version: "1.5.54"
-      }, {
-          name: "jellyfish",
-          hex: "F0F01",
-          version: "3.8.95"
-      }, {
-          name: "jellyfish-outline",
-          hex: "F0F02",
-          version: "3.8.95"
-      }, {
-          name: "jira",
-          hex: "F0303",
-          version: "1.5.54"
-      }, {
-          name: "jquery",
-          hex: "F087D",
-          version: "2.1.99"
-      }, {
-          name: "jsfiddle",
-          hex: "F0304",
-          version: "1.5.54"
-      }, {
-          name: "judaism",
-          hex: "F097A",
-          version: "2.4.85"
-      }, {
-          name: "jump-rope",
-          hex: "F12FF",
-          version: "4.8.95"
-      }, {
-          name: "kabaddi",
-          hex: "F0D87",
-          version: "3.4.93"
-      }, {
-          name: "kangaroo",
-          hex: "F1558",
-          version: "5.5.55"
-      }, {
-          name: "karate",
-          hex: "F082C",
-          version: "2.1.19"
-      }, {
-          name: "keg",
-          hex: "F0305",
-          version: "1.5.54"
-      }, {
-          name: "kettle",
-          hex: "F05FA",
-          version: "1.5.54"
-      }, {
-          name: "kettle-alert",
-          hex: "F1317",
-          version: "4.8.95"
-      }, {
-          name: "kettle-alert-outline",
-          hex: "F1318",
-          version: "4.8.95"
-      }, {
-          name: "kettle-off",
-          hex: "F131B",
-          version: "4.8.95"
-      }, {
-          name: "kettle-off-outline",
-          hex: "F131C",
-          version: "4.8.95"
-      }, {
-          name: "kettle-outline",
-          hex: "F0F56",
-          version: "3.9.97"
-      }, {
-          name: "kettle-steam",
-          hex: "F1319",
-          version: "4.8.95"
-      }, {
-          name: "kettle-steam-outline",
-          hex: "F131A",
-          version: "4.8.95"
-      }, {
-          name: "kettlebell",
-          hex: "F1300",
-          version: "4.8.95"
-      }, {
-          name: "key",
-          hex: "F0306",
-          version: "1.5.54"
-      }, {
-          name: "key-arrow-right",
-          hex: "F1312",
-          version: "4.8.95"
-      }, {
-          name: "key-chain",
-          hex: "F1574",
-          version: "5.5.55"
-      }, {
-          name: "key-chain-variant",
-          hex: "F1575",
-          version: "5.5.55"
-      }, {
-          name: "key-change",
-          hex: "F0307",
-          version: "1.5.54"
-      }, {
-          name: "key-link",
-          hex: "F119F",
-          version: "4.4.95"
-      }, {
-          name: "key-minus",
-          hex: "F0308",
-          version: "1.5.54"
-      }, {
-          name: "key-outline",
-          hex: "F0DD6",
-          version: "3.5.94"
-      }, {
-          name: "key-plus",
-          hex: "F0309",
-          version: "1.5.54"
-      }, {
-          name: "key-remove",
-          hex: "F030A",
-          version: "1.5.54"
-      }, {
-          name: "key-star",
-          hex: "F119E",
-          version: "4.4.95"
-      }, {
-          name: "key-variant",
-          hex: "F030B",
-          version: "1.5.54"
-      }, {
-          name: "key-wireless",
-          hex: "F0FC2",
-          version: "4.0.96"
-      }, {
-          name: "keyboard",
-          hex: "F030C",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-backspace",
-          hex: "F030D",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-caps",
-          hex: "F030E",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-close",
-          hex: "F030F",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-esc",
-          hex: "F12B7",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f1",
-          hex: "F12AB",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f10",
-          hex: "F12B4",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f11",
-          hex: "F12B5",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f12",
-          hex: "F12B6",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f2",
-          hex: "F12AC",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f3",
-          hex: "F12AD",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f4",
-          hex: "F12AE",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f5",
-          hex: "F12AF",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f6",
-          hex: "F12B0",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f7",
-          hex: "F12B1",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f8",
-          hex: "F12B2",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-f9",
-          hex: "F12B3",
-          version: "4.7.95"
-      }, {
-          name: "keyboard-off",
-          hex: "F0310",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-off-outline",
-          hex: "F0E4B",
-          version: "3.6.95"
-      }, {
-          name: "keyboard-outline",
-          hex: "F097B",
-          version: "2.4.85"
-      }, {
-          name: "keyboard-return",
-          hex: "F0311",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-settings",
-          hex: "F09F9",
-          version: "2.5.94"
-      }, {
-          name: "keyboard-settings-outline",
-          hex: "F09FA",
-          version: "2.5.94"
-      }, {
-          name: "keyboard-space",
-          hex: "F1050",
-          version: "4.1.95"
-      }, {
-          name: "keyboard-tab",
-          hex: "F0312",
-          version: "1.5.54"
-      }, {
-          name: "keyboard-variant",
-          hex: "F0313",
-          version: "1.5.54"
-      }, {
-          name: "khanda",
-          hex: "F10FD",
-          version: "4.3.95"
-      }, {
-          name: "kickstarter",
-          hex: "F0745",
-          version: "1.9.32"
-      }, {
-          name: "klingon",
-          hex: "F135B",
-          version: "4.9.95"
-      }, {
-          name: "knife",
-          hex: "F09FB",
-          version: "2.5.94"
-      }, {
-          name: "knife-military",
-          hex: "F09FC",
-          version: "2.5.94"
-      }, {
-          name: "kodi",
-          hex: "F0314",
-          version: "1.5.54"
-      }, {
-          name: "kubernetes",
-          hex: "F10FE",
-          version: "4.3.95"
-      }, {
-          name: "label",
-          hex: "F0315",
-          version: "1.5.54"
-      }, {
-          name: "label-multiple",
-          hex: "F1375",
-          version: "4.9.95"
-      }, {
-          name: "label-multiple-outline",
-          hex: "F1376",
-          version: "4.9.95"
-      }, {
-          name: "label-off",
-          hex: "F0ACB",
-          version: "2.7.94"
-      }, {
-          name: "label-off-outline",
-          hex: "F0ACC",
-          version: "2.7.94"
-      }, {
-          name: "label-outline",
-          hex: "F0316",
-          version: "1.5.54"
-      }, {
-          name: "label-percent",
-          hex: "F12EA",
-          version: "4.8.95"
-      }, {
-          name: "label-percent-outline",
-          hex: "F12EB",
-          version: "4.8.95"
-      }, {
-          name: "label-variant",
-          hex: "F0ACD",
-          version: "2.7.94"
-      }, {
-          name: "label-variant-outline",
-          hex: "F0ACE",
-          version: "2.7.94"
-      }, {
-          name: "ladder",
-          hex: "F15A2",
-          version: "5.5.55"
-      }, {
-          name: "ladybug",
-          hex: "F082D",
-          version: "2.1.19"
-      }, {
-          name: "lambda",
-          hex: "F0627",
-          version: "1.6.50"
-      }, {
-          name: "lamp",
-          hex: "F06B5",
-          version: "1.7.22"
-      }, {
-          name: "lamps",
-          hex: "F1576",
-          version: "5.5.55"
-      }, {
-          name: "lan",
-          hex: "F0317",
-          version: "1.5.54"
-      }, {
-          name: "lan-check",
-          hex: "F12AA",
-          version: "4.7.95"
-      }, {
-          name: "lan-connect",
-          hex: "F0318",
-          version: "1.5.54"
-      }, {
-          name: "lan-disconnect",
-          hex: "F0319",
-          version: "1.5.54"
-      }, {
-          name: "lan-pending",
-          hex: "F031A",
-          version: "1.5.54"
-      }, {
-          name: "language-c",
-          hex: "F0671",
-          version: "1.6.50"
-      }, {
-          name: "language-cpp",
-          hex: "F0672",
-          version: "1.6.50"
-      }, {
-          name: "language-csharp",
-          hex: "F031B",
-          version: "1.5.54"
-      }, {
-          name: "language-css3",
-          hex: "F031C",
-          version: "1.5.54"
-      }, {
-          name: "language-fortran",
-          hex: "F121A",
-          version: "4.6.95"
-      }, {
-          name: "language-go",
-          hex: "F07D3",
-          version: "2.0.46"
-      }, {
-          name: "language-haskell",
-          hex: "F0C92",
-          version: "3.2.89"
-      }, {
-          name: "language-html5",
-          hex: "F031D",
-          version: "1.5.54"
-      }, {
-          name: "language-java",
-          hex: "F0B37",
-          version: "2.8.94"
-      }, {
-          name: "language-javascript",
-          hex: "F031E",
-          version: "1.5.54"
-      }, {
-          name: "language-kotlin",
-          hex: "F1219",
-          version: "4.6.95"
-      }, {
-          name: "language-lua",
-          hex: "F08B1",
-          version: "2.2.43"
-      }, {
-          name: "language-markdown",
-          hex: "F0354",
-          version: "1.5.54"
-      }, {
-          name: "language-markdown-outline",
-          hex: "F0F5B",
-          version: "3.9.97"
-      }, {
-          name: "language-php",
-          hex: "F031F",
-          version: "1.5.54"
-      }, {
-          name: "language-python",
-          hex: "F0320",
-          version: "1.5.54"
-      }, {
-          name: "language-r",
-          hex: "F07D4",
-          version: "2.0.46"
-      }, {
-          name: "language-ruby",
-          hex: "F0D2D",
-          version: "3.3.92"
-      }, {
-          name: "language-ruby-on-rails",
-          hex: "F0ACF",
-          version: "2.7.94"
-      }, {
-          name: "language-rust",
-          hex: "F1617",
-          version: "5.6.55"
-      }, {
-          name: "language-swift",
-          hex: "F06E5",
-          version: "1.8.36"
-      }, {
-          name: "language-typescript",
-          hex: "F06E6",
-          version: "1.8.36"
-      }, {
-          name: "language-xaml",
-          hex: "F0673",
-          version: "1.6.50"
-      }, {
-          name: "laptop",
-          hex: "F0322",
-          version: "1.5.54"
-      }, {
-          name: "laptop-chromebook",
-          hex: "F0323",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "laptop-mac",
-          hex: "F0324",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "laptop-off",
-          hex: "F06E7",
-          version: "1.8.36"
-      }, {
-          name: "laptop-windows",
-          hex: "F0325",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "laravel",
-          hex: "F0AD0",
-          version: "2.7.94"
-      }, {
-          name: "laser-pointer",
-          hex: "F1484",
-          version: "5.3.45"
-      }, {
-          name: "lasso",
-          hex: "F0F03",
-          version: "3.8.95"
-      }, {
-          name: "lastpass",
-          hex: "F0446",
-          version: "1.5.54"
-      }, {
-          name: "latitude",
-          hex: "F0F57",
-          version: "3.9.97"
-      }, {
-          name: "launch",
-          hex: "F0327",
-          version: "1.5.54"
-      }, {
-          name: "lava-lamp",
-          hex: "F07D5",
-          version: "2.0.46"
-      }, {
-          name: "layers",
-          hex: "F0328",
-          version: "1.5.54"
-      }, {
-          name: "layers-minus",
-          hex: "F0E4C",
-          version: "3.6.95"
-      }, {
-          name: "layers-off",
-          hex: "F0329",
-          version: "1.5.54"
-      }, {
-          name: "layers-off-outline",
-          hex: "F09FD",
-          version: "2.5.94"
-      }, {
-          name: "layers-outline",
-          hex: "F09FE",
-          version: "2.5.94"
-      }, {
-          name: "layers-plus",
-          hex: "F0E4D",
-          version: "3.6.95"
-      }, {
-          name: "layers-remove",
-          hex: "F0E4E",
-          version: "3.6.95"
-      }, {
-          name: "layers-search",
-          hex: "F1206",
-          version: "4.6.95"
-      }, {
-          name: "layers-search-outline",
-          hex: "F1207",
-          version: "4.6.95"
-      }, {
-          name: "layers-triple",
-          hex: "F0F58",
-          version: "3.9.97"
-      }, {
-          name: "layers-triple-outline",
-          hex: "F0F59",
-          version: "3.9.97"
-      }, {
-          name: "lead-pencil",
-          hex: "F064F",
-          version: "1.6.50"
-      }, {
-          name: "leaf",
-          hex: "F032A",
-          version: "1.5.54"
-      }, {
-          name: "leaf-maple",
-          hex: "F0C93",
-          version: "3.2.89"
-      }, {
-          name: "leaf-maple-off",
-          hex: "F12DA",
-          version: "4.8.95"
-      }, {
-          name: "leaf-off",
-          hex: "F12D9",
-          version: "4.8.95"
-      }, {
-          name: "leak",
-          hex: "F0DD7",
-          version: "3.5.94"
-      }, {
-          name: "leak-off",
-          hex: "F0DD8",
-          version: "3.5.94"
-      }, {
-          name: "led-off",
-          hex: "F032B",
-          version: "1.5.54"
-      }, {
-          name: "led-on",
-          hex: "F032C",
-          version: "1.5.54"
-      }, {
-          name: "led-outline",
-          hex: "F032D",
-          version: "1.5.54"
-      }, {
-          name: "led-strip",
-          hex: "F07D6",
-          version: "2.0.46"
-      }, {
-          name: "led-strip-variant",
-          hex: "F1051",
-          version: "4.1.95"
-      }, {
-          name: "led-variant-off",
-          hex: "F032E",
-          version: "1.5.54"
-      }, {
-          name: "led-variant-on",
-          hex: "F032F",
-          version: "1.5.54"
-      }, {
-          name: "led-variant-outline",
-          hex: "F0330",
-          version: "1.5.54"
-      }, {
-          name: "leek",
-          hex: "F117D",
-          version: "4.4.95"
-      }, {
-          name: "less-than",
-          hex: "F097C",
-          version: "2.4.85"
-      }, {
-          name: "less-than-or-equal",
-          hex: "F097D",
-          version: "2.4.85"
-      }, {
-          name: "library",
-          hex: "F0331",
-          version: "1.5.54"
-      }, {
-          name: "library-shelves",
-          hex: "F0BA9",
-          version: "3.0.39"
-      }, {
-          name: "license",
-          hex: "F0FC3",
-          version: "4.0.96"
-      }, {
-          name: "lifebuoy",
-          hex: "F087E",
-          version: "2.1.99"
-      }, {
-          name: "light-switch",
-          hex: "F097E",
-          version: "2.4.85"
-      }, {
-          name: "lightbulb",
-          hex: "F0335",
-          version: "1.5.54"
-      }, {
-          name: "lightbulb-cfl",
-          hex: "F1208",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-cfl-off",
-          hex: "F1209",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-cfl-spiral",
-          hex: "F1275",
-          version: "4.7.95"
-      }, {
-          name: "lightbulb-cfl-spiral-off",
-          hex: "F12C3",
-          version: "4.8.95"
-      }, {
-          name: "lightbulb-group",
-          hex: "F1253",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-group-off",
-          hex: "F12CD",
-          version: "4.8.95"
-      }, {
-          name: "lightbulb-group-off-outline",
-          hex: "F12CE",
-          version: "4.8.95"
-      }, {
-          name: "lightbulb-group-outline",
-          hex: "F1254",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-multiple",
-          hex: "F1255",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-multiple-off",
-          hex: "F12CF",
-          version: "4.8.95"
-      }, {
-          name: "lightbulb-multiple-off-outline",
-          hex: "F12D0",
-          version: "4.8.95"
-      }, {
-          name: "lightbulb-multiple-outline",
-          hex: "F1256",
-          version: "4.6.95"
-      }, {
-          name: "lightbulb-off",
-          hex: "F0E4F",
-          version: "3.6.95"
-      }, {
-          name: "lightbulb-off-outline",
-          hex: "F0E50",
-          version: "3.6.95"
-      }, {
-          name: "lightbulb-on",
-          hex: "F06E8",
-          version: "1.8.36"
-      }, {
-          name: "lightbulb-on-outline",
-          hex: "F06E9",
-          version: "1.8.36"
-      }, {
-          name: "lightbulb-outline",
-          hex: "F0336",
-          version: "1.5.54"
-      }, {
-          name: "lighthouse",
-          hex: "F09FF",
-          version: "2.5.94"
-      }, {
-          name: "lighthouse-on",
-          hex: "F0A00",
-          version: "2.5.94"
-      }, {
-          name: "lightning-bolt",
-          hex: "F140B",
-          version: "5.1.45"
-      }, {
-          name: "lightning-bolt-outline",
-          hex: "F140C",
-          version: "5.1.45"
-      }, {
-          name: "lingerie",
-          hex: "F1476",
-          version: "5.2.45"
-      }, {
-          name: "link",
-          hex: "F0337",
-          version: "1.5.54"
-      }, {
-          name: "link-box",
-          hex: "F0D1A",
-          version: "3.3.92"
-      }, {
-          name: "link-box-outline",
-          hex: "F0D1B",
-          version: "3.3.92"
-      }, {
-          name: "link-box-variant",
-          hex: "F0D1C",
-          version: "3.3.92"
-      }, {
-          name: "link-box-variant-outline",
-          hex: "F0D1D",
-          version: "3.3.92"
-      }, {
-          name: "link-lock",
-          hex: "F10BA",
-          version: "4.2.95"
-      }, {
-          name: "link-off",
-          hex: "F0338",
-          version: "1.5.54"
-      }, {
-          name: "link-plus",
-          hex: "F0C94",
-          version: "3.2.89"
-      }, {
-          name: "link-variant",
-          hex: "F0339",
-          version: "1.5.54"
-      }, {
-          name: "link-variant-minus",
-          hex: "F10FF",
-          version: "4.3.95"
-      }, {
-          name: "link-variant-off",
-          hex: "F033A",
-          version: "1.5.54"
-      }, {
-          name: "link-variant-plus",
-          hex: "F1100",
-          version: "4.3.95"
-      }, {
-          name: "link-variant-remove",
-          hex: "F1101",
-          version: "4.3.95"
-      }, {
-          name: "linkedin",
-          hex: "F033B",
-          version: "1.5.54"
-      }, {
-          name: "linux",
-          hex: "F033D",
-          version: "1.5.54"
-      }, {
-          name: "linux-mint",
-          hex: "F08ED",
-          version: "2.3.50"
-      }, {
-          name: "lipstick",
-          hex: "F13B5",
-          version: "5.0.45"
-      }, {
-          name: "list-status",
-          hex: "F15AB",
-          version: "5.5.55"
-      }, {
-          name: "litecoin",
-          hex: "F0A61",
-          version: "2.6.95"
-      }, {
-          name: "loading",
-          hex: "F0772",
-          version: "1.9.32"
-      }, {
-          name: "location-enter",
-          hex: "F0FC4",
-          version: "4.0.96"
-      }, {
-          name: "location-exit",
-          hex: "F0FC5",
-          version: "4.0.96"
-      }, {
-          name: "lock",
-          hex: "F033E",
-          version: "1.5.54"
-      }, {
-          name: "lock-alert",
-          hex: "F08EE",
-          version: "2.3.50"
-      }, {
-          name: "lock-alert-outline",
-          hex: "F15D1",
-          version: "5.6.55"
-      }, {
-          name: "lock-check",
-          hex: "F139A",
-          version: "5.0.45"
-      }, {
-          name: "lock-check-outline",
-          hex: "F16A8",
-          version: "5.8.55"
-      }, {
-          name: "lock-clock",
-          hex: "F097F",
-          version: "2.4.85"
-      }, {
-          name: "lock-minus",
-          hex: "F16A9",
-          version: "5.8.55"
-      }, {
-          name: "lock-minus-outline",
-          hex: "F16AA",
-          version: "5.8.55"
-      }, {
-          name: "lock-off",
-          hex: "F1671",
-          version: "5.7.55"
-      }, {
-          name: "lock-off-outline",
-          hex: "F1672",
-          version: "5.7.55"
-      }, {
-          name: "lock-open",
-          hex: "F033F",
-          version: "1.5.54"
-      }, {
-          name: "lock-open-alert",
-          hex: "F139B",
-          version: "5.0.45"
-      }, {
-          name: "lock-open-alert-outline",
-          hex: "F15D2",
-          version: "5.6.55"
-      }, {
-          name: "lock-open-check",
-          hex: "F139C",
-          version: "5.0.45"
-      }, {
-          name: "lock-open-check-outline",
-          hex: "F16AB",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-minus",
-          hex: "F16AC",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-minus-outline",
-          hex: "F16AD",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-outline",
-          hex: "F0340",
-          version: "1.5.54"
-      }, {
-          name: "lock-open-plus",
-          hex: "F16AE",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-plus-outline",
-          hex: "F16AF",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-remove",
-          hex: "F16B0",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-remove-outline",
-          hex: "F16B1",
-          version: "5.8.55"
-      }, {
-          name: "lock-open-variant",
-          hex: "F0FC6",
-          version: "4.0.96"
-      }, {
-          name: "lock-open-variant-outline",
-          hex: "F0FC7",
-          version: "4.0.96"
-      }, {
-          name: "lock-outline",
-          hex: "F0341",
-          version: "1.5.54"
-      }, {
-          name: "lock-pattern",
-          hex: "F06EA",
-          version: "1.8.36"
-      }, {
-          name: "lock-plus",
-          hex: "F05FB",
-          version: "1.5.54"
-      }, {
-          name: "lock-plus-outline",
-          hex: "F16B2",
-          version: "5.8.55"
-      }, {
-          name: "lock-question",
-          hex: "F08EF",
-          version: "2.3.50"
-      }, {
-          name: "lock-remove",
-          hex: "F16B3",
-          version: "5.8.55"
-      }, {
-          name: "lock-remove-outline",
-          hex: "F16B4",
-          version: "5.8.55"
-      }, {
-          name: "lock-reset",
-          hex: "F0773",
-          version: "1.9.32"
-      }, {
-          name: "lock-smart",
-          hex: "F08B2",
-          version: "2.2.43"
-      }, {
-          name: "locker",
-          hex: "F07D7",
-          version: "2.0.46"
-      }, {
-          name: "locker-multiple",
-          hex: "F07D8",
-          version: "2.0.46"
-      }, {
-          name: "login",
-          hex: "F0342",
-          version: "1.5.54"
-      }, {
-          name: "login-variant",
-          hex: "F05FC",
-          version: "1.5.54"
-      }, {
-          name: "logout",
-          hex: "F0343",
-          version: "1.5.54"
-      }, {
-          name: "logout-variant",
-          hex: "F05FD",
-          version: "1.5.54"
-      }, {
-          name: "longitude",
-          hex: "F0F5A",
-          version: "3.9.97"
-      }, {
-          name: "looks",
-          hex: "F0344",
-          version: "1.5.54"
-      }, {
-          name: "lotion",
-          hex: "F1582",
-          version: "5.5.55"
-      }, {
-          name: "lotion-outline",
-          hex: "F1583",
-          version: "5.5.55"
-      }, {
-          name: "lotion-plus",
-          hex: "F1584",
-          version: "5.5.55"
-      }, {
-          name: "lotion-plus-outline",
-          hex: "F1585",
-          version: "5.5.55"
-      }, {
-          name: "loupe",
-          hex: "F0345",
-          version: "1.5.54"
-      }, {
-          name: "lumx",
-          hex: "F0346",
-          version: "1.5.54"
-      }, {
-          name: "lungs",
-          hex: "F1084",
-          version: "4.2.95"
-      }, {
-          name: "magnet",
-          hex: "F0347",
-          version: "1.5.54"
-      }, {
-          name: "magnet-on",
-          hex: "F0348",
-          version: "1.5.54"
-      }, {
-          name: "magnify",
-          hex: "F0349",
-          version: "1.5.54"
-      }, {
-          name: "magnify-close",
-          hex: "F0980",
-          version: "2.4.85"
-      }, {
-          name: "magnify-minus",
-          hex: "F034A",
-          version: "1.5.54"
-      }, {
-          name: "magnify-minus-cursor",
-          hex: "F0A62",
-          version: "2.6.95"
-      }, {
-          name: "magnify-minus-outline",
-          hex: "F06EC",
-          version: "1.8.36"
-      }, {
-          name: "magnify-plus",
-          hex: "F034B",
-          version: "1.5.54"
-      }, {
-          name: "magnify-plus-cursor",
-          hex: "F0A63",
-          version: "2.6.95"
-      }, {
-          name: "magnify-plus-outline",
-          hex: "F06ED",
-          version: "1.8.36"
-      }, {
-          name: "magnify-remove-cursor",
-          hex: "F120C",
-          version: "4.6.95"
-      }, {
-          name: "magnify-remove-outline",
-          hex: "F120D",
-          version: "4.6.95"
-      }, {
-          name: "magnify-scan",
-          hex: "F1276",
-          version: "4.7.95"
-      }, {
-          name: "mail",
-          hex: "F0EBB",
-          version: "3.7.94"
-      }, {
-          name: "mailbox",
-          hex: "F06EE",
-          version: "1.8.36"
-      }, {
-          name: "mailbox-open",
-          hex: "F0D88",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-open-outline",
-          hex: "F0D89",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-open-up",
-          hex: "F0D8A",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-open-up-outline",
-          hex: "F0D8B",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-outline",
-          hex: "F0D8C",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-up",
-          hex: "F0D8D",
-          version: "3.4.93"
-      }, {
-          name: "mailbox-up-outline",
-          hex: "F0D8E",
-          version: "3.4.93"
-      }, {
-          name: "manjaro",
-          hex: "F160A",
-          version: "5.6.55"
-      }, {
-          name: "map",
-          hex: "F034D",
-          version: "1.5.54"
-      }, {
-          name: "map-check",
-          hex: "F0EBC",
-          version: "3.7.94"
-      }, {
-          name: "map-check-outline",
-          hex: "F0EBD",
-          version: "3.7.94"
-      }, {
-          name: "map-clock",
-          hex: "F0D1E",
-          version: "3.3.92"
-      }, {
-          name: "map-clock-outline",
-          hex: "F0D1F",
-          version: "3.3.92"
-      }, {
-          name: "map-legend",
-          hex: "F0A01",
-          version: "2.5.94"
-      }, {
-          name: "map-marker",
-          hex: "F034E",
-          version: "1.5.54"
-      }, {
-          name: "map-marker-alert",
-          hex: "F0F05",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-alert-outline",
-          hex: "F0F06",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-check",
-          hex: "F0C95",
-          version: "3.2.89"
-      }, {
-          name: "map-marker-check-outline",
-          hex: "F12FB",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-circle",
-          hex: "F034F",
-          version: "1.5.54"
-      }, {
-          name: "map-marker-distance",
-          hex: "F08F0",
-          version: "2.3.50"
-      }, {
-          name: "map-marker-down",
-          hex: "F1102",
-          version: "4.3.95"
-      }, {
-          name: "map-marker-left",
-          hex: "F12DB",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-left-outline",
-          hex: "F12DD",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-minus",
-          hex: "F0650",
-          version: "1.6.50"
-      }, {
-          name: "map-marker-minus-outline",
-          hex: "F12F9",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-multiple",
-          hex: "F0350",
-          version: "1.5.54"
-      }, {
-          name: "map-marker-multiple-outline",
-          hex: "F1277",
-          version: "4.7.95"
-      }, {
-          name: "map-marker-off",
-          hex: "F0351",
-          version: "1.5.54"
-      }, {
-          name: "map-marker-off-outline",
-          hex: "F12FD",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-outline",
-          hex: "F07D9",
-          version: "2.0.46"
-      }, {
-          name: "map-marker-path",
-          hex: "F0D20",
-          version: "3.3.92"
-      }, {
-          name: "map-marker-plus",
-          hex: "F0651",
-          version: "1.6.50"
-      }, {
-          name: "map-marker-plus-outline",
-          hex: "F12F8",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-question",
-          hex: "F0F07",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-question-outline",
-          hex: "F0F08",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-radius",
-          hex: "F0352",
-          version: "1.5.54"
-      }, {
-          name: "map-marker-radius-outline",
-          hex: "F12FC",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-remove",
-          hex: "F0F09",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-remove-outline",
-          hex: "F12FA",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-remove-variant",
-          hex: "F0F0A",
-          version: "3.8.95"
-      }, {
-          name: "map-marker-right",
-          hex: "F12DC",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-right-outline",
-          hex: "F12DE",
-          version: "4.8.95"
-      }, {
-          name: "map-marker-star",
-          hex: "F1608",
-          version: "5.6.55"
-      }, {
-          name: "map-marker-star-outline",
-          hex: "F1609",
-          version: "5.6.55"
-      }, {
-          name: "map-marker-up",
-          hex: "F1103",
-          version: "4.3.95"
-      }, {
-          name: "map-minus",
-          hex: "F0981",
-          version: "2.4.85"
-      }, {
-          name: "map-outline",
-          hex: "F0982",
-          version: "2.4.85"
-      }, {
-          name: "map-plus",
-          hex: "F0983",
-          version: "2.4.85"
-      }, {
-          name: "map-search",
-          hex: "F0984",
-          version: "2.4.85"
-      }, {
-          name: "map-search-outline",
-          hex: "F0985",
-          version: "2.4.85"
-      }, {
-          name: "mapbox",
-          hex: "F0BAA",
-          version: "3.0.39"
-      }, {
-          name: "margin",
-          hex: "F0353",
-          version: "1.5.54"
-      }, {
-          name: "marker",
-          hex: "F0652",
-          version: "1.6.50"
-      }, {
-          name: "marker-cancel",
-          hex: "F0DD9",
-          version: "3.5.94"
-      }, {
-          name: "marker-check",
-          hex: "F0355",
-          version: "1.5.54"
-      }, {
-          name: "mastodon",
-          hex: "F0AD1",
-          version: "2.7.94"
-      }, {
-          name: "material-design",
-          hex: "F0986",
-          version: "2.4.85"
-      }, {
-          name: "material-ui",
-          hex: "F0357",
-          version: "1.5.54"
-      }, {
-          name: "math-compass",
-          hex: "F0358",
-          version: "1.5.54"
-      }, {
-          name: "math-cos",
-          hex: "F0C96",
-          version: "3.2.89"
-      }, {
-          name: "math-integral",
-          hex: "F0FC8",
-          version: "4.0.96"
-      }, {
-          name: "math-integral-box",
-          hex: "F0FC9",
-          version: "4.0.96"
-      }, {
-          name: "math-log",
-          hex: "F1085",
-          version: "4.2.95"
-      }, {
-          name: "math-norm",
-          hex: "F0FCA",
-          version: "4.0.96"
-      }, {
-          name: "math-norm-box",
-          hex: "F0FCB",
-          version: "4.0.96"
-      }, {
-          name: "math-sin",
-          hex: "F0C97",
-          version: "3.2.89"
-      }, {
-          name: "math-tan",
-          hex: "F0C98",
-          version: "3.2.89"
-      }, {
-          name: "matrix",
-          hex: "F0628",
-          version: "1.6.50"
-      }, {
-          name: "medal",
-          hex: "F0987",
-          version: "2.4.85"
-      }, {
-          name: "medal-outline",
-          hex: "F1326",
-          version: "4.9.95"
-      }, {
-          name: "medical-bag",
-          hex: "F06EF",
-          version: "1.8.36"
-      }, {
-          name: "meditation",
-          hex: "F117B",
-          version: "4.4.95"
-      }, {
-          name: "memory",
-          hex: "F035B",
-          version: "1.5.54"
-      }, {
-          name: "menu",
-          hex: "F035C",
-          version: "1.5.54"
-      }, {
-          name: "menu-down",
-          hex: "F035D",
-          version: "1.5.54"
-      }, {
-          name: "menu-down-outline",
-          hex: "F06B6",
-          version: "1.7.22"
-      }, {
-          name: "menu-left",
-          hex: "F035E",
-          version: "1.5.54"
-      }, {
-          name: "menu-left-outline",
-          hex: "F0A02",
-          version: "2.5.94"
-      }, {
-          name: "menu-open",
-          hex: "F0BAB",
-          version: "3.0.39"
-      }, {
-          name: "menu-right",
-          hex: "F035F",
-          version: "1.5.54"
-      }, {
-          name: "menu-right-outline",
-          hex: "F0A03",
-          version: "2.5.94"
-      }, {
-          name: "menu-swap",
-          hex: "F0A64",
-          version: "2.6.95"
-      }, {
-          name: "menu-swap-outline",
-          hex: "F0A65",
-          version: "2.6.95"
-      }, {
-          name: "menu-up",
-          hex: "F0360",
-          version: "1.5.54"
-      }, {
-          name: "menu-up-outline",
-          hex: "F06B7",
-          version: "1.7.22"
-      }, {
-          name: "merge",
-          hex: "F0F5C",
-          version: "3.9.97"
-      }, {
-          name: "message",
-          hex: "F0361",
-          version: "1.5.54"
-      }, {
-          name: "message-alert",
-          hex: "F0362",
-          version: "1.5.54"
-      }, {
-          name: "message-alert-outline",
-          hex: "F0A04",
-          version: "2.5.94"
-      }, {
-          name: "message-arrow-left",
-          hex: "F12F2",
-          version: "4.8.95"
-      }, {
-          name: "message-arrow-left-outline",
-          hex: "F12F3",
-          version: "4.8.95"
-      }, {
-          name: "message-arrow-right",
-          hex: "F12F4",
-          version: "4.8.95"
-      }, {
-          name: "message-arrow-right-outline",
-          hex: "F12F5",
-          version: "4.8.95"
-      }, {
-          name: "message-bookmark",
-          hex: "F15AC",
-          version: "5.5.55"
-      }, {
-          name: "message-bookmark-outline",
-          hex: "F15AD",
-          version: "5.5.55"
-      }, {
-          name: "message-bulleted",
-          hex: "F06A2",
-          version: "1.7.12"
-      }, {
-          name: "message-bulleted-off",
-          hex: "F06A3",
-          version: "1.7.12"
-      }, {
-          name: "message-cog",
-          hex: "F06F1",
-          version: "1.8.36"
-      }, {
-          name: "message-cog-outline",
-          hex: "F1172",
-          version: "4.4.95"
-      }, {
-          name: "message-draw",
-          hex: "F0363",
-          version: "1.5.54"
-      }, {
-          name: "message-flash",
-          hex: "F15A9",
-          version: "5.5.55"
-      }, {
-          name: "message-flash-outline",
-          hex: "F15AA",
-          version: "5.5.55"
-      }, {
-          name: "message-image",
-          hex: "F0364",
-          version: "1.5.54"
-      }, {
-          name: "message-image-outline",
-          hex: "F116C",
-          version: "4.4.95"
-      }, {
-          name: "message-lock",
-          hex: "F0FCC",
-          version: "4.0.96"
-      }, {
-          name: "message-lock-outline",
-          hex: "F116D",
-          version: "4.4.95"
-      }, {
-          name: "message-minus",
-          hex: "F116E",
-          version: "4.4.95"
-      }, {
-          name: "message-minus-outline",
-          hex: "F116F",
-          version: "4.4.95"
-      }, {
-          name: "message-off",
-          hex: "F164D",
-          version: "5.7.55"
-      }, {
-          name: "message-off-outline",
-          hex: "F164E",
-          version: "5.7.55"
-      }, {
-          name: "message-outline",
-          hex: "F0365",
-          version: "1.5.54"
-      }, {
-          name: "message-plus",
-          hex: "F0653",
-          version: "1.6.50"
-      }, {
-          name: "message-plus-outline",
-          hex: "F10BB",
-          version: "4.2.95"
-      }, {
-          name: "message-processing",
-          hex: "F0366",
-          version: "1.5.54"
-      }, {
-          name: "message-processing-outline",
-          hex: "F1170",
-          version: "4.4.95"
-      }, {
-          name: "message-reply",
-          hex: "F0367",
-          version: "1.5.54"
-      }, {
-          name: "message-reply-text",
-          hex: "F0368",
-          version: "1.5.54"
-      }, {
-          name: "message-settings",
-          hex: "F06F0",
-          version: "1.8.36"
-      }, {
-          name: "message-settings-outline",
-          hex: "F1171",
-          version: "4.4.95"
-      }, {
-          name: "message-text",
-          hex: "F0369",
-          version: "1.5.54"
-      }, {
-          name: "message-text-clock",
-          hex: "F1173",
-          version: "4.4.95"
-      }, {
-          name: "message-text-clock-outline",
-          hex: "F1174",
-          version: "4.4.95"
-      }, {
-          name: "message-text-lock",
-          hex: "F0FCD",
-          version: "4.0.96"
-      }, {
-          name: "message-text-lock-outline",
-          hex: "F1175",
-          version: "4.4.95"
-      }, {
-          name: "message-text-outline",
-          hex: "F036A",
-          version: "1.5.54"
-      }, {
-          name: "message-video",
-          hex: "F036B",
-          version: "1.5.54"
-      }, {
-          name: "meteor",
-          hex: "F0629",
-          version: "1.6.50"
-      }, {
-          name: "metronome",
-          hex: "F07DA",
-          version: "2.0.46"
-      }, {
-          name: "metronome-tick",
-          hex: "F07DB",
-          version: "2.0.46"
-      }, {
-          name: "micro-sd",
-          hex: "F07DC",
-          version: "2.0.46"
-      }, {
-          name: "microphone",
-          hex: "F036C",
-          version: "1.5.54"
-      }, {
-          name: "microphone-minus",
-          hex: "F08B3",
-          version: "2.2.43"
-      }, {
-          name: "microphone-off",
-          hex: "F036D",
-          version: "1.5.54"
-      }, {
-          name: "microphone-outline",
-          hex: "F036E",
-          version: "1.5.54"
-      }, {
-          name: "microphone-plus",
-          hex: "F08B4",
-          version: "2.2.43"
-      }, {
-          name: "microphone-settings",
-          hex: "F036F",
-          version: "1.5.54"
-      }, {
-          name: "microphone-variant",
-          hex: "F0370",
-          version: "1.5.54"
-      }, {
-          name: "microphone-variant-off",
-          hex: "F0371",
-          version: "1.5.54"
-      }, {
-          name: "microscope",
-          hex: "F0654",
-          version: "1.6.50"
-      }, {
-          name: "microsoft",
-          hex: "F0372",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-access",
-          hex: "F138E",
-          version: "5.0.45"
-      }, {
-          name: "microsoft-azure",
-          hex: "F0805",
-          version: "2.1.19"
-      }, {
-          name: "microsoft-azure-devops",
-          hex: "F0FD5",
-          version: "4.2.95"
-      }, {
-          name: "microsoft-bing",
-          hex: "F00A4",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-dynamics-365",
-          hex: "F0988",
-          version: "2.4.85"
-      }, {
-          name: "microsoft-edge",
-          hex: "F01E9",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-edge-legacy",
-          hex: "F1250",
-          version: "4.6.95"
-      }, {
-          name: "microsoft-excel",
-          hex: "F138F",
-          version: "5.0.45"
-      }, {
-          name: "microsoft-internet-explorer",
-          hex: "F0300",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-office",
-          hex: "F03C6",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-onedrive",
-          hex: "F03CA",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-onenote",
-          hex: "F0747",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-outlook",
-          hex: "F0D22",
-          version: "3.3.92"
-      }, {
-          name: "microsoft-powerpoint",
-          hex: "F1390",
-          version: "5.0.45"
-      }, {
-          name: "microsoft-sharepoint",
-          hex: "F1391",
-          version: "5.0.45"
-      }, {
-          name: "microsoft-teams",
-          hex: "F02BB",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-visual-studio",
-          hex: "F0610",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-visual-studio-code",
-          hex: "F0A1E",
-          version: "2.5.94"
-      }, {
-          name: "microsoft-windows",
-          hex: "F05B3",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-windows-classic",
-          hex: "F0A21",
-          version: "2.5.94"
-      }, {
-          name: "microsoft-word",
-          hex: "F1392",
-          version: "5.0.45"
-      }, {
-          name: "microsoft-xbox",
-          hex: "F05B9",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-xbox-controller",
-          hex: "F05BA",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-xbox-controller-battery-alert",
-          hex: "F074B",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-battery-charging",
-          hex: "F0A22",
-          version: "2.5.94"
-      }, {
-          name: "microsoft-xbox-controller-battery-empty",
-          hex: "F074C",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-battery-full",
-          hex: "F074D",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-battery-low",
-          hex: "F074E",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-battery-medium",
-          hex: "F074F",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-battery-unknown",
-          hex: "F0750",
-          version: "1.9.32"
-      }, {
-          name: "microsoft-xbox-controller-menu",
-          hex: "F0E6F",
-          version: "3.6.95"
-      }, {
-          name: "microsoft-xbox-controller-off",
-          hex: "F05BB",
-          version: "1.5.54"
-      }, {
-          name: "microsoft-xbox-controller-view",
-          hex: "F0E70",
-          version: "3.6.95"
-      }, {
-          name: "microsoft-yammer",
-          hex: "F0789",
-          version: "1.9.32"
-      }, {
-          name: "microwave",
-          hex: "F0C99",
-          version: "3.2.89"
-      }, {
-          name: "microwave-off",
-          hex: "F1423",
-          version: "5.2.45"
-      }, {
-          name: "middleware",
-          hex: "F0F5D",
-          version: "3.9.97"
-      }, {
-          name: "middleware-outline",
-          hex: "F0F5E",
-          version: "3.9.97"
-      }, {
-          name: "midi",
-          hex: "F08F1",
-          version: "2.3.50"
-      }, {
-          name: "midi-port",
-          hex: "F08F2",
-          version: "2.3.50"
-      }, {
-          name: "mine",
-          hex: "F0DDA",
-          version: "3.5.94"
-      }, {
-          name: "minecraft",
-          hex: "F0373",
-          version: "1.5.54"
-      }, {
-          name: "mini-sd",
-          hex: "F0A05",
-          version: "2.5.94"
-      }, {
-          name: "minidisc",
-          hex: "F0A06",
-          version: "2.5.94"
-      }, {
-          name: "minus",
-          hex: "F0374",
-          version: "1.5.54"
-      }, {
-          name: "minus-box",
-          hex: "F0375",
-          version: "1.5.54"
-      }, {
-          name: "minus-box-multiple",
-          hex: "F1141",
-          version: "4.4.95"
-      }, {
-          name: "minus-box-multiple-outline",
-          hex: "F1142",
-          version: "4.4.95"
-      }, {
-          name: "minus-box-outline",
-          hex: "F06F2",
-          version: "1.8.36"
-      }, {
-          name: "minus-circle",
-          hex: "F0376",
-          version: "1.5.54"
-      }, {
-          name: "minus-circle-multiple",
-          hex: "F035A",
-          version: "1.5.54"
-      }, {
-          name: "minus-circle-multiple-outline",
-          hex: "F0AD3",
-          version: "2.7.94"
-      }, {
-          name: "minus-circle-off",
-          hex: "F1459",
-          version: "5.2.45"
-      }, {
-          name: "minus-circle-off-outline",
-          hex: "F145A",
-          version: "5.2.45"
-      }, {
-          name: "minus-circle-outline",
-          hex: "F0377",
-          version: "1.5.54"
-      }, {
-          name: "minus-network",
-          hex: "F0378",
-          version: "1.5.54"
-      }, {
-          name: "minus-network-outline",
-          hex: "F0C9A",
-          version: "3.2.89"
-      }, {
-          name: "minus-thick",
-          hex: "F1639",
-          version: "5.7.55"
-      }, {
-          name: "mirror",
-          hex: "F11FD",
-          version: "4.6.95"
-      }, {
-          name: "mixed-martial-arts",
-          hex: "F0D8F",
-          version: "3.4.93"
-      }, {
-          name: "mixed-reality",
-          hex: "F087F",
-          version: "2.1.99"
-      }, {
-          name: "molecule",
-          hex: "F0BAC",
-          version: "3.0.39"
-      }, {
-          name: "molecule-co",
-          hex: "F12FE",
-          version: "4.8.95"
-      }, {
-          name: "molecule-co2",
-          hex: "F07E4",
-          version: "2.0.46"
-      }, {
-          name: "monitor",
-          hex: "F0379",
-          version: "1.5.54"
-      }, {
-          name: "monitor-cellphone",
-          hex: "F0989",
-          version: "2.4.85"
-      }, {
-          name: "monitor-cellphone-star",
-          hex: "F098A",
-          version: "2.4.85"
-      }, {
-          name: "monitor-clean",
-          hex: "F1104",
-          version: "4.3.95"
-      }, {
-          name: "monitor-dashboard",
-          hex: "F0A07",
-          version: "2.5.94"
-      }, {
-          name: "monitor-edit",
-          hex: "F12C6",
-          version: "4.8.95"
-      }, {
-          name: "monitor-eye",
-          hex: "F13B4",
-          version: "5.0.45"
-      }, {
-          name: "monitor-lock",
-          hex: "F0DDB",
-          version: "3.5.94"
-      }, {
-          name: "monitor-multiple",
-          hex: "F037A",
-          version: "1.5.54"
-      }, {
-          name: "monitor-off",
-          hex: "F0D90",
-          version: "3.4.93"
-      }, {
-          name: "monitor-screenshot",
-          hex: "F0E51",
-          version: "3.6.95"
-      }, {
-          name: "monitor-share",
-          hex: "F1483",
-          version: "5.3.45"
-      }, {
-          name: "monitor-speaker",
-          hex: "F0F5F",
-          version: "3.9.97"
-      }, {
-          name: "monitor-speaker-off",
-          hex: "F0F60",
-          version: "3.9.97"
-      }, {
-          name: "monitor-star",
-          hex: "F0DDC",
-          version: "3.5.94"
-      }, {
-          name: "moon-first-quarter",
-          hex: "F0F61",
-          version: "3.9.97"
-      }, {
-          name: "moon-full",
-          hex: "F0F62",
-          version: "3.9.97"
-      }, {
-          name: "moon-last-quarter",
-          hex: "F0F63",
-          version: "3.9.97"
-      }, {
-          name: "moon-new",
-          hex: "F0F64",
-          version: "3.9.97"
-      }, {
-          name: "moon-waning-crescent",
-          hex: "F0F65",
-          version: "3.9.97"
-      }, {
-          name: "moon-waning-gibbous",
-          hex: "F0F66",
-          version: "3.9.97"
-      }, {
-          name: "moon-waxing-crescent",
-          hex: "F0F67",
-          version: "3.9.97"
-      }, {
-          name: "moon-waxing-gibbous",
-          hex: "F0F68",
-          version: "3.9.97"
-      }, {
-          name: "moped",
-          hex: "F1086",
-          version: "4.2.95"
-      }, {
-          name: "moped-electric",
-          hex: "F15B7",
-          version: "5.6.55"
-      }, {
-          name: "moped-electric-outline",
-          hex: "F15B8",
-          version: "5.6.55"
-      }, {
-          name: "moped-outline",
-          hex: "F15B9",
-          version: "5.6.55"
-      }, {
-          name: "more",
-          hex: "F037B",
-          version: "1.5.54"
-      }, {
-          name: "mother-heart",
-          hex: "F1314",
-          version: "4.8.95"
-      }, {
-          name: "mother-nurse",
-          hex: "F0D21",
-          version: "3.3.92"
-      }, {
-          name: "motion",
-          hex: "F15B2",
-          version: "5.5.55"
-      }, {
-          name: "motion-outline",
-          hex: "F15B3",
-          version: "5.5.55"
-      }, {
-          name: "motion-pause",
-          hex: "F1590",
-          version: "5.5.55"
-      }, {
-          name: "motion-pause-outline",
-          hex: "F1592",
-          version: "5.5.55"
-      }, {
-          name: "motion-play",
-          hex: "F158F",
-          version: "5.5.55"
-      }, {
-          name: "motion-play-outline",
-          hex: "F1591",
-          version: "5.5.55"
-      }, {
-          name: "motion-sensor",
-          hex: "F0D91",
-          version: "3.4.93"
-      }, {
-          name: "motion-sensor-off",
-          hex: "F1435",
-          version: "5.2.45"
-      }, {
-          name: "motorbike",
-          hex: "F037C",
-          version: "1.5.54"
-      }, {
-          name: "motorbike-electric",
-          hex: "F15BA",
-          version: "5.6.55"
-      }, {
-          name: "mouse",
-          hex: "F037D",
-          version: "1.5.54"
-      }, {
-          name: "mouse-bluetooth",
-          hex: "F098B",
-          version: "2.4.85"
-      }, {
-          name: "mouse-move-down",
-          hex: "F1550",
-          version: "5.5.55"
-      }, {
-          name: "mouse-move-up",
-          hex: "F1551",
-          version: "5.5.55"
-      }, {
-          name: "mouse-move-vertical",
-          hex: "F1552",
-          version: "5.5.55"
-      }, {
-          name: "mouse-off",
-          hex: "F037E",
-          version: "1.5.54"
-      }, {
-          name: "mouse-variant",
-          hex: "F037F",
-          version: "1.5.54"
-      }, {
-          name: "mouse-variant-off",
-          hex: "F0380",
-          version: "1.5.54"
-      }, {
-          name: "move-resize",
-          hex: "F0655",
-          version: "1.6.50"
-      }, {
-          name: "move-resize-variant",
-          hex: "F0656",
-          version: "1.6.50"
-      }, {
-          name: "movie",
-          hex: "F0381",
-          version: "1.5.54"
-      }, {
-          name: "movie-edit",
-          hex: "F1122",
-          version: "4.3.95"
-      }, {
-          name: "movie-edit-outline",
-          hex: "F1123",
-          version: "4.3.95"
-      }, {
-          name: "movie-filter",
-          hex: "F1124",
-          version: "4.3.95"
-      }, {
-          name: "movie-filter-outline",
-          hex: "F1125",
-          version: "4.3.95"
-      }, {
-          name: "movie-open",
-          hex: "F0FCE",
-          version: "4.0.96"
-      }, {
-          name: "movie-open-outline",
-          hex: "F0FCF",
-          version: "4.0.96"
-      }, {
-          name: "movie-outline",
-          hex: "F0DDD",
-          version: "3.5.94"
-      }, {
-          name: "movie-roll",
-          hex: "F07DE",
-          version: "2.0.46"
-      }, {
-          name: "movie-search",
-          hex: "F11D2",
-          version: "4.5.95"
-      }, {
-          name: "movie-search-outline",
-          hex: "F11D3",
-          version: "4.5.95"
-      }, {
-          name: "mower",
-          hex: "F166F",
-          version: "5.7.55"
-      }, {
-          name: "mower-bag",
-          hex: "F1670",
-          version: "5.7.55"
-      }, {
-          name: "muffin",
-          hex: "F098C",
-          version: "2.4.85"
-      }, {
-          name: "multiplication",
-          hex: "F0382",
-          version: "1.5.54"
-      }, {
-          name: "multiplication-box",
-          hex: "F0383",
-          version: "1.5.54"
-      }, {
-          name: "mushroom",
-          hex: "F07DF",
-          version: "2.0.46"
-      }, {
-          name: "mushroom-off",
-          hex: "F13FA",
-          version: "5.1.45"
-      }, {
-          name: "mushroom-off-outline",
-          hex: "F13FB",
-          version: "5.1.45"
-      }, {
-          name: "mushroom-outline",
-          hex: "F07E0",
-          version: "2.0.46"
-      }, {
-          name: "music",
-          hex: "F075A",
-          version: "1.9.32"
-      }, {
-          name: "music-accidental-double-flat",
-          hex: "F0F69",
-          version: "3.9.97"
-      }, {
-          name: "music-accidental-double-sharp",
-          hex: "F0F6A",
-          version: "3.9.97"
-      }, {
-          name: "music-accidental-flat",
-          hex: "F0F6B",
-          version: "3.9.97"
-      }, {
-          name: "music-accidental-natural",
-          hex: "F0F6C",
-          version: "3.9.97"
-      }, {
-          name: "music-accidental-sharp",
-          hex: "F0F6D",
-          version: "3.9.97"
-      }, {
-          name: "music-box",
-          hex: "F0384",
-          version: "1.5.54"
-      }, {
-          name: "music-box-multiple",
-          hex: "F0333",
-          version: "1.5.54"
-      }, {
-          name: "music-box-multiple-outline",
-          hex: "F0F04",
-          version: "3.8.95"
-      }, {
-          name: "music-box-outline",
-          hex: "F0385",
-          version: "1.5.54"
-      }, {
-          name: "music-circle",
-          hex: "F0386",
-          version: "1.5.54"
-      }, {
-          name: "music-circle-outline",
-          hex: "F0AD4",
-          version: "2.7.94"
-      }, {
-          name: "music-clef-alto",
-          hex: "F0F6E",
-          version: "3.9.97"
-      }, {
-          name: "music-clef-bass",
-          hex: "F0F6F",
-          version: "3.9.97"
-      }, {
-          name: "music-clef-treble",
-          hex: "F0F70",
-          version: "3.9.97"
-      }, {
-          name: "music-note",
-          hex: "F0387",
-          version: "1.5.54"
-      }, {
-          name: "music-note-bluetooth",
-          hex: "F05FE",
-          version: "1.5.54"
-      }, {
-          name: "music-note-bluetooth-off",
-          hex: "F05FF",
-          version: "1.5.54"
-      }, {
-          name: "music-note-eighth",
-          hex: "F0388",
-          version: "1.5.54"
-      }, {
-          name: "music-note-eighth-dotted",
-          hex: "F0F71",
-          version: "3.9.97"
-      }, {
-          name: "music-note-half",
-          hex: "F0389",
-          version: "1.5.54"
-      }, {
-          name: "music-note-half-dotted",
-          hex: "F0F72",
-          version: "3.9.97"
-      }, {
-          name: "music-note-off",
-          hex: "F038A",
-          version: "1.5.54"
-      }, {
-          name: "music-note-off-outline",
-          hex: "F0F73",
-          version: "3.9.97"
-      }, {
-          name: "music-note-outline",
-          hex: "F0F74",
-          version: "3.9.97"
-      }, {
-          name: "music-note-plus",
-          hex: "F0DDE",
-          version: "3.5.94"
-      }, {
-          name: "music-note-quarter",
-          hex: "F038B",
-          version: "1.5.54"
-      }, {
-          name: "music-note-quarter-dotted",
-          hex: "F0F75",
-          version: "3.9.97"
-      }, {
-          name: "music-note-sixteenth",
-          hex: "F038C",
-          version: "1.5.54"
-      }, {
-          name: "music-note-sixteenth-dotted",
-          hex: "F0F76",
-          version: "3.9.97"
-      }, {
-          name: "music-note-whole",
-          hex: "F038D",
-          version: "1.5.54"
-      }, {
-          name: "music-note-whole-dotted",
-          hex: "F0F77",
-          version: "3.9.97"
-      }, {
-          name: "music-off",
-          hex: "F075B",
-          version: "1.9.32"
-      }, {
-          name: "music-rest-eighth",
-          hex: "F0F78",
-          version: "3.9.97"
-      }, {
-          name: "music-rest-half",
-          hex: "F0F79",
-          version: "3.9.97"
-      }, {
-          name: "music-rest-quarter",
-          hex: "F0F7A",
-          version: "3.9.97"
-      }, {
-          name: "music-rest-sixteenth",
-          hex: "F0F7B",
-          version: "3.9.97"
-      }, {
-          name: "music-rest-whole",
-          hex: "F0F7C",
-          version: "3.9.97"
-      }, {
-          name: "mustache",
-          hex: "F15DE",
-          version: "5.6.55"
-      }, {
-          name: "nail",
-          hex: "F0DDF",
-          version: "3.5.94"
-      }, {
-          name: "nas",
-          hex: "F08F3",
-          version: "2.3.50"
-      }, {
-          name: "nativescript",
-          hex: "F0880",
-          version: "2.1.99"
-      }, {
-          name: "nature",
-          hex: "F038E",
-          version: "1.5.54"
-      }, {
-          name: "nature-people",
-          hex: "F038F",
-          version: "1.5.54"
-      }, {
-          name: "navigation",
-          hex: "F0390",
-          version: "1.5.54"
-      }, {
-          name: "navigation-outline",
-          hex: "F1607",
-          version: "5.6.55"
-      }, {
-          name: "near-me",
-          hex: "F05CD",
-          version: "1.5.54"
-      }, {
-          name: "necklace",
-          hex: "F0F0B",
-          version: "3.8.95"
-      }, {
-          name: "needle",
-          hex: "F0391",
-          version: "1.5.54"
-      }, {
-          name: "netflix",
-          hex: "F0746",
-          version: "1.9.32"
-      }, {
-          name: "network",
-          hex: "F06F3",
-          version: "1.8.36"
-      }, {
-          name: "network-off",
-          hex: "F0C9B",
-          version: "3.2.89"
-      }, {
-          name: "network-off-outline",
-          hex: "F0C9C",
-          version: "3.2.89"
-      }, {
-          name: "network-outline",
-          hex: "F0C9D",
-          version: "3.2.89"
-      }, {
-          name: "network-strength-1",
-          hex: "F08F4",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-1-alert",
-          hex: "F08F5",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-2",
-          hex: "F08F6",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-2-alert",
-          hex: "F08F7",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-3",
-          hex: "F08F8",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-3-alert",
-          hex: "F08F9",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-4",
-          hex: "F08FA",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-4-alert",
-          hex: "F08FB",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-off",
-          hex: "F08FC",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-off-outline",
-          hex: "F08FD",
-          version: "2.3.50"
-      }, {
-          name: "network-strength-outline",
-          hex: "F08FE",
-          version: "2.3.50"
-      }, {
-          name: "new-box",
-          hex: "F0394",
-          version: "1.5.54"
-      }, {
-          name: "newspaper",
-          hex: "F0395",
-          version: "1.5.54"
-      }, {
-          name: "newspaper-minus",
-          hex: "F0F0C",
-          version: "3.8.95"
-      }, {
-          name: "newspaper-plus",
-          hex: "F0F0D",
-          version: "3.8.95"
-      }, {
-          name: "newspaper-variant",
-          hex: "F1001",
-          version: "4.0.96"
-      }, {
-          name: "newspaper-variant-multiple",
-          hex: "F1002",
-          version: "4.0.96"
-      }, {
-          name: "newspaper-variant-multiple-outline",
-          hex: "F1003",
-          version: "4.0.96"
-      }, {
-          name: "newspaper-variant-outline",
-          hex: "F1004",
-          version: "4.0.96"
-      }, {
-          name: "nfc",
-          hex: "F0396",
-          version: "1.5.54"
-      }, {
-          name: "nfc-search-variant",
-          hex: "F0E53",
-          version: "3.6.95"
-      }, {
-          name: "nfc-tap",
-          hex: "F0397",
-          version: "1.5.54"
-      }, {
-          name: "nfc-variant",
-          hex: "F0398",
-          version: "1.5.54"
-      }, {
-          name: "nfc-variant-off",
-          hex: "F0E54",
-          version: "3.6.95"
-      }, {
-          name: "ninja",
-          hex: "F0774",
-          version: "1.9.32"
-      }, {
-          name: "nintendo-game-boy",
-          hex: "F1393",
-          version: "5.0.45"
-      }, {
-          name: "nintendo-switch",
-          hex: "F07E1",
-          version: "2.0.46"
-      }, {
-          name: "nintendo-wii",
-          hex: "F05AB",
-          version: "1.5.54"
-      }, {
-          name: "nintendo-wiiu",
-          hex: "F072D",
-          version: "1.8.36"
-      }, {
-          name: "nix",
-          hex: "F1105",
-          version: "4.3.95"
-      }, {
-          name: "nodejs",
-          hex: "F0399",
-          version: "1.5.54"
-      }, {
-          name: "noodles",
-          hex: "F117E",
-          version: "4.4.95"
-      }, {
-          name: "not-equal",
-          hex: "F098D",
-          version: "2.4.85"
-      }, {
-          name: "not-equal-variant",
-          hex: "F098E",
-          version: "2.4.85"
-      }, {
-          name: "note",
-          hex: "F039A",
-          version: "1.5.54"
-      }, {
-          name: "note-minus",
-          hex: "F164F",
-          version: "5.7.55"
-      }, {
-          name: "note-minus-outline",
-          hex: "F1650",
-          version: "5.7.55"
-      }, {
-          name: "note-multiple",
-          hex: "F06B8",
-          version: "1.7.22"
-      }, {
-          name: "note-multiple-outline",
-          hex: "F06B9",
-          version: "1.7.22"
-      }, {
-          name: "note-outline",
-          hex: "F039B",
-          version: "1.5.54"
-      }, {
-          name: "note-plus",
-          hex: "F039C",
-          version: "1.5.54"
-      }, {
-          name: "note-plus-outline",
-          hex: "F039D",
-          version: "1.5.54"
-      }, {
-          name: "note-remove",
-          hex: "F1651",
-          version: "5.7.55"
-      }, {
-          name: "note-remove-outline",
-          hex: "F1652",
-          version: "5.7.55"
-      }, {
-          name: "note-search",
-          hex: "F1653",
-          version: "5.7.55"
-      }, {
-          name: "note-search-outline",
-          hex: "F1654",
-          version: "5.7.55"
-      }, {
-          name: "note-text",
-          hex: "F039E",
-          version: "1.5.54"
-      }, {
-          name: "note-text-outline",
-          hex: "F11D7",
-          version: "4.5.95"
-      }, {
-          name: "notebook",
-          hex: "F082E",
-          version: "2.1.19"
-      }, {
-          name: "notebook-check",
-          hex: "F14F5",
-          version: "5.4.55"
-      }, {
-          name: "notebook-check-outline",
-          hex: "F14F6",
-          version: "5.4.55"
-      }, {
-          name: "notebook-edit",
-          hex: "F14E7",
-          version: "5.4.55"
-      }, {
-          name: "notebook-edit-outline",
-          hex: "F14E9",
-          version: "5.4.55"
-      }, {
-          name: "notebook-minus",
-          hex: "F1610",
-          version: "5.6.55"
-      }, {
-          name: "notebook-minus-outline",
-          hex: "F1611",
-          version: "5.6.55"
-      }, {
-          name: "notebook-multiple",
-          hex: "F0E55",
-          version: "3.6.95"
-      }, {
-          name: "notebook-outline",
-          hex: "F0EBF",
-          version: "3.7.94"
-      }, {
-          name: "notebook-plus",
-          hex: "F1612",
-          version: "5.6.55"
-      }, {
-          name: "notebook-plus-outline",
-          hex: "F1613",
-          version: "5.6.55"
-      }, {
-          name: "notebook-remove",
-          hex: "F1614",
-          version: "5.6.55"
-      }, {
-          name: "notebook-remove-outline",
-          hex: "F1615",
-          version: "5.6.55"
-      }, {
-          name: "notification-clear-all",
-          hex: "F039F",
-          version: "1.5.54"
-      }, {
-          name: "npm",
-          hex: "F06F7",
-          version: "1.8.36"
-      }, {
-          name: "nuke",
-          hex: "F06A4",
-          version: "1.7.12"
-      }, {
-          name: "null",
-          hex: "F07E2",
-          version: "2.0.46"
-      }, {
-          name: "numeric",
-          hex: "F03A0",
-          version: "1.5.54"
-      }, {
-          name: "numeric-0",
-          hex: "F0B39",
-          version: "2.8.94"
-      }, {
-          name: "numeric-0-box",
-          hex: "F03A1",
-          version: "1.5.54"
-      }, {
-          name: "numeric-0-box-multiple",
-          hex: "F0F0E",
-          version: "3.8.95"
-      }, {
-          name: "numeric-0-box-multiple-outline",
-          hex: "F03A2",
-          version: "1.5.54"
-      }, {
-          name: "numeric-0-box-outline",
-          hex: "F03A3",
-          version: "1.5.54"
-      }, {
-          name: "numeric-0-circle",
-          hex: "F0C9E",
-          version: "3.2.89"
-      }, {
-          name: "numeric-0-circle-outline",
-          hex: "F0C9F",
-          version: "3.2.89"
-      }, {
-          name: "numeric-1",
-          hex: "F0B3A",
-          version: "2.8.94"
-      }, {
-          name: "numeric-1-box",
-          hex: "F03A4",
-          version: "1.5.54"
-      }, {
-          name: "numeric-1-box-multiple",
-          hex: "F0F0F",
-          version: "3.8.95"
-      }, {
-          name: "numeric-1-box-multiple-outline",
-          hex: "F03A5",
-          version: "1.5.54"
-      }, {
-          name: "numeric-1-box-outline",
-          hex: "F03A6",
-          version: "1.5.54"
-      }, {
-          name: "numeric-1-circle",
-          hex: "F0CA0",
-          version: "3.2.89"
-      }, {
-          name: "numeric-1-circle-outline",
-          hex: "F0CA1",
-          version: "3.2.89"
-      }, {
-          name: "numeric-10",
-          hex: "F0FE9",
-          version: "4.0.96"
-      }, {
-          name: "numeric-10-box",
-          hex: "F0F7D",
-          version: "3.9.97"
-      }, {
-          name: "numeric-10-box-multiple",
-          hex: "F0FEA",
-          version: "4.0.96"
-      }, {
-          name: "numeric-10-box-multiple-outline",
-          hex: "F0FEB",
-          version: "4.0.96"
-      }, {
-          name: "numeric-10-box-outline",
-          hex: "F0F7E",
-          version: "3.9.97"
-      }, {
-          name: "numeric-10-circle",
-          hex: "F0FEC",
-          version: "4.0.96"
-      }, {
-          name: "numeric-10-circle-outline",
-          hex: "F0FED",
-          version: "4.0.96"
-      }, {
-          name: "numeric-2",
-          hex: "F0B3B",
-          version: "2.8.94"
-      }, {
-          name: "numeric-2-box",
-          hex: "F03A7",
-          version: "1.5.54"
-      }, {
-          name: "numeric-2-box-multiple",
-          hex: "F0F10",
-          version: "3.8.95"
-      }, {
-          name: "numeric-2-box-multiple-outline",
-          hex: "F03A8",
-          version: "1.5.54"
-      }, {
-          name: "numeric-2-box-outline",
-          hex: "F03A9",
-          version: "1.5.54"
-      }, {
-          name: "numeric-2-circle",
-          hex: "F0CA2",
-          version: "3.2.89"
-      }, {
-          name: "numeric-2-circle-outline",
-          hex: "F0CA3",
-          version: "3.2.89"
-      }, {
-          name: "numeric-3",
-          hex: "F0B3C",
-          version: "2.8.94"
-      }, {
-          name: "numeric-3-box",
-          hex: "F03AA",
-          version: "1.5.54"
-      }, {
-          name: "numeric-3-box-multiple",
-          hex: "F0F11",
-          version: "3.8.95"
-      }, {
-          name: "numeric-3-box-multiple-outline",
-          hex: "F03AB",
-          version: "1.5.54"
-      }, {
-          name: "numeric-3-box-outline",
-          hex: "F03AC",
-          version: "1.5.54"
-      }, {
-          name: "numeric-3-circle",
-          hex: "F0CA4",
-          version: "3.2.89"
-      }, {
-          name: "numeric-3-circle-outline",
-          hex: "F0CA5",
-          version: "3.2.89"
-      }, {
-          name: "numeric-4",
-          hex: "F0B3D",
-          version: "2.8.94"
-      }, {
-          name: "numeric-4-box",
-          hex: "F03AD",
-          version: "1.5.54"
-      }, {
-          name: "numeric-4-box-multiple",
-          hex: "F0F12",
-          version: "3.8.95"
-      }, {
-          name: "numeric-4-box-multiple-outline",
-          hex: "F03B2",
-          version: "1.5.54"
-      }, {
-          name: "numeric-4-box-outline",
-          hex: "F03AE",
-          version: "1.5.54"
-      }, {
-          name: "numeric-4-circle",
-          hex: "F0CA6",
-          version: "3.2.89"
-      }, {
-          name: "numeric-4-circle-outline",
-          hex: "F0CA7",
-          version: "3.2.89"
-      }, {
-          name: "numeric-5",
-          hex: "F0B3E",
-          version: "2.8.94"
-      }, {
-          name: "numeric-5-box",
-          hex: "F03B1",
-          version: "1.5.54"
-      }, {
-          name: "numeric-5-box-multiple",
-          hex: "F0F13",
-          version: "3.8.95"
-      }, {
-          name: "numeric-5-box-multiple-outline",
-          hex: "F03AF",
-          version: "1.5.54"
-      }, {
-          name: "numeric-5-box-outline",
-          hex: "F03B0",
-          version: "1.5.54"
-      }, {
-          name: "numeric-5-circle",
-          hex: "F0CA8",
-          version: "3.2.89"
-      }, {
-          name: "numeric-5-circle-outline",
-          hex: "F0CA9",
-          version: "3.2.89"
-      }, {
-          name: "numeric-6",
-          hex: "F0B3F",
-          version: "2.8.94"
-      }, {
-          name: "numeric-6-box",
-          hex: "F03B3",
-          version: "1.5.54"
-      }, {
-          name: "numeric-6-box-multiple",
-          hex: "F0F14",
-          version: "3.8.95"
-      }, {
-          name: "numeric-6-box-multiple-outline",
-          hex: "F03B4",
-          version: "1.5.54"
-      }, {
-          name: "numeric-6-box-outline",
-          hex: "F03B5",
-          version: "1.5.54"
-      }, {
-          name: "numeric-6-circle",
-          hex: "F0CAA",
-          version: "3.2.89"
-      }, {
-          name: "numeric-6-circle-outline",
-          hex: "F0CAB",
-          version: "3.2.89"
-      }, {
-          name: "numeric-7",
-          hex: "F0B40",
-          version: "2.8.94"
-      }, {
-          name: "numeric-7-box",
-          hex: "F03B6",
-          version: "1.5.54"
-      }, {
-          name: "numeric-7-box-multiple",
-          hex: "F0F15",
-          version: "3.8.95"
-      }, {
-          name: "numeric-7-box-multiple-outline",
-          hex: "F03B7",
-          version: "1.5.54"
-      }, {
-          name: "numeric-7-box-outline",
-          hex: "F03B8",
-          version: "1.5.54"
-      }, {
-          name: "numeric-7-circle",
-          hex: "F0CAC",
-          version: "3.2.89"
-      }, {
-          name: "numeric-7-circle-outline",
-          hex: "F0CAD",
-          version: "3.2.89"
-      }, {
-          name: "numeric-8",
-          hex: "F0B41",
-          version: "2.8.94"
-      }, {
-          name: "numeric-8-box",
-          hex: "F03B9",
-          version: "1.5.54"
-      }, {
-          name: "numeric-8-box-multiple",
-          hex: "F0F16",
-          version: "3.8.95"
-      }, {
-          name: "numeric-8-box-multiple-outline",
-          hex: "F03BA",
-          version: "1.5.54"
-      }, {
-          name: "numeric-8-box-outline",
-          hex: "F03BB",
-          version: "1.5.54"
-      }, {
-          name: "numeric-8-circle",
-          hex: "F0CAE",
-          version: "3.2.89"
-      }, {
-          name: "numeric-8-circle-outline",
-          hex: "F0CAF",
-          version: "3.2.89"
-      }, {
-          name: "numeric-9",
-          hex: "F0B42",
-          version: "2.8.94"
-      }, {
-          name: "numeric-9-box",
-          hex: "F03BC",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-box-multiple",
-          hex: "F0F17",
-          version: "3.8.95"
-      }, {
-          name: "numeric-9-box-multiple-outline",
-          hex: "F03BD",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-box-outline",
-          hex: "F03BE",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-circle",
-          hex: "F0CB0",
-          version: "3.2.89"
-      }, {
-          name: "numeric-9-circle-outline",
-          hex: "F0CB1",
-          version: "3.2.89"
-      }, {
-          name: "numeric-9-plus",
-          hex: "F0FEE",
-          version: "4.0.96"
-      }, {
-          name: "numeric-9-plus-box",
-          hex: "F03BF",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-plus-box-multiple",
-          hex: "F0F18",
-          version: "3.8.95"
-      }, {
-          name: "numeric-9-plus-box-multiple-outline",
-          hex: "F03C0",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-plus-box-outline",
-          hex: "F03C1",
-          version: "1.5.54"
-      }, {
-          name: "numeric-9-plus-circle",
-          hex: "F0CB2",
-          version: "3.2.89"
-      }, {
-          name: "numeric-9-plus-circle-outline",
-          hex: "F0CB3",
-          version: "3.2.89"
-      }, {
-          name: "numeric-negative-1",
-          hex: "F1052",
-          version: "4.1.95"
-      }, {
-          name: "numeric-positive-1",
-          hex: "F15CB",
-          version: "5.6.55"
-      }, {
-          name: "nut",
-          hex: "F06F8",
-          version: "1.8.36"
-      }, {
-          name: "nutrition",
-          hex: "F03C2",
-          version: "1.5.54"
-      }, {
-          name: "nuxt",
-          hex: "F1106",
-          version: "4.3.95"
-      }, {
-          name: "oar",
-          hex: "F067C",
-          version: "1.7.12"
-      }, {
-          name: "ocarina",
-          hex: "F0DE0",
-          version: "3.5.94"
-      }, {
-          name: "oci",
-          hex: "F12E9",
-          version: "4.8.95"
-      }, {
-          name: "ocr",
-          hex: "F113A",
-          version: "4.4.95"
-      }, {
-          name: "octagon",
-          hex: "F03C3",
-          version: "1.5.54"
-      }, {
-          name: "octagon-outline",
-          hex: "F03C4",
-          version: "1.5.54"
-      }, {
-          name: "octagram",
-          hex: "F06F9",
-          version: "1.8.36"
-      }, {
-          name: "octagram-outline",
-          hex: "F0775",
-          version: "1.9.32"
-      }, {
-          name: "odnoklassniki",
-          hex: "F03C5",
-          version: "1.5.54"
-      }, {
-          name: "offer",
-          hex: "F121B",
-          version: "4.6.95"
-      }, {
-          name: "office-building",
-          hex: "F0991",
-          version: "2.4.85"
-      }, {
-          name: "office-building-marker",
-          hex: "F1520",
-          version: "5.4.55"
-      }, {
-          name: "office-building-marker-outline",
-          hex: "F1521",
-          version: "5.4.55"
-      }, {
-          name: "office-building-outline",
-          hex: "F151F",
-          version: "5.4.55"
-      }, {
-          name: "oil",
-          hex: "F03C7",
-          version: "1.5.54"
-      }, {
-          name: "oil-lamp",
-          hex: "F0F19",
-          version: "3.8.95"
-      }, {
-          name: "oil-level",
-          hex: "F1053",
-          version: "4.1.95"
-      }, {
-          name: "oil-temperature",
-          hex: "F0FF8",
-          version: "4.0.96"
-      }, {
-          name: "omega",
-          hex: "F03C9",
-          version: "1.5.54"
-      }, {
-          name: "one-up",
-          hex: "F0BAD",
-          version: "3.0.39"
-      }, {
-          name: "onepassword",
-          hex: "F0881",
-          version: "2.1.99"
-      }, {
-          name: "opacity",
-          hex: "F05CC",
-          version: "1.5.54"
-      }, {
-          name: "open-in-app",
-          hex: "F03CB",
-          version: "1.5.54"
-      }, {
-          name: "open-in-new",
-          hex: "F03CC",
-          version: "1.5.54"
-      }, {
-          name: "open-source-initiative",
-          hex: "F0BAE",
-          version: "3.0.39"
-      }, {
-          name: "openid",
-          hex: "F03CD",
-          version: "1.5.54"
-      }, {
-          name: "opera",
-          hex: "F03CE",
-          version: "1.5.54"
-      }, {
-          name: "orbit",
-          hex: "F0018",
-          version: "1.5.54"
-      }, {
-          name: "orbit-variant",
-          hex: "F15DB",
-          version: "5.6.55"
-      }, {
-          name: "order-alphabetical-ascending",
-          hex: "F020D",
-          version: "1.5.54"
-      }, {
-          name: "order-alphabetical-descending",
-          hex: "F0D07",
-          version: "3.3.92"
-      }, {
-          name: "order-bool-ascending",
-          hex: "F02BE",
-          version: "1.5.54"
-      }, {
-          name: "order-bool-ascending-variant",
-          hex: "F098F",
-          version: "2.4.85"
-      }, {
-          name: "order-bool-descending",
-          hex: "F1384",
-          version: "5.0.45"
-      }, {
-          name: "order-bool-descending-variant",
-          hex: "F0990",
-          version: "2.4.85"
-      }, {
-          name: "order-numeric-ascending",
-          hex: "F0545",
-          version: "1.5.54"
-      }, {
-          name: "order-numeric-descending",
-          hex: "F0546",
-          version: "1.5.54"
-      }, {
-          name: "origin",
-          hex: "F0B43",
-          version: "2.8.94"
-      }, {
-          name: "ornament",
-          hex: "F03CF",
-          version: "1.5.54"
-      }, {
-          name: "ornament-variant",
-          hex: "F03D0",
-          version: "1.5.54"
-      }, {
-          name: "outdoor-lamp",
-          hex: "F1054",
-          version: "4.1.95"
-      }, {
-          name: "overscan",
-          hex: "F1005",
-          version: "4.0.96"
-      }, {
-          name: "owl",
-          hex: "F03D2",
-          version: "1.5.54"
-      }, {
-          name: "pac-man",
-          hex: "F0BAF",
-          version: "3.0.39"
-      }, {
-          name: "package",
-          hex: "F03D3",
-          version: "1.5.54"
-      }, {
-          name: "package-down",
-          hex: "F03D4",
-          version: "1.5.54"
-      }, {
-          name: "package-up",
-          hex: "F03D5",
-          version: "1.5.54"
-      }, {
-          name: "package-variant",
-          hex: "F03D6",
-          version: "1.5.54"
-      }, {
-          name: "package-variant-closed",
-          hex: "F03D7",
-          version: "1.5.54"
-      }, {
-          name: "page-first",
-          hex: "F0600",
-          version: "1.5.54"
-      }, {
-          name: "page-last",
-          hex: "F0601",
-          version: "1.5.54"
-      }, {
-          name: "page-layout-body",
-          hex: "F06FA",
-          version: "1.8.36"
-      }, {
-          name: "page-layout-footer",
-          hex: "F06FB",
-          version: "1.8.36"
-      }, {
-          name: "page-layout-header",
-          hex: "F06FC",
-          version: "1.8.36"
-      }, {
-          name: "page-layout-header-footer",
-          hex: "F0F7F",
-          version: "3.9.97"
-      }, {
-          name: "page-layout-sidebar-left",
-          hex: "F06FD",
-          version: "1.8.36"
-      }, {
-          name: "page-layout-sidebar-right",
-          hex: "F06FE",
-          version: "1.8.36"
-      }, {
-          name: "page-next",
-          hex: "F0BB0",
-          version: "3.0.39"
-      }, {
-          name: "page-next-outline",
-          hex: "F0BB1",
-          version: "3.0.39"
-      }, {
-          name: "page-previous",
-          hex: "F0BB2",
-          version: "3.0.39"
-      }, {
-          name: "page-previous-outline",
-          hex: "F0BB3",
-          version: "3.0.39"
-      }, {
-          name: "pail",
-          hex: "F1417",
-          version: "5.1.45"
-      }, {
-          name: "pail-minus",
-          hex: "F1437",
-          version: "5.2.45"
-      }, {
-          name: "pail-minus-outline",
-          hex: "F143C",
-          version: "5.2.45"
-      }, {
-          name: "pail-off",
-          hex: "F1439",
-          version: "5.2.45"
-      }, {
-          name: "pail-off-outline",
-          hex: "F143E",
-          version: "5.2.45"
-      }, {
-          name: "pail-outline",
-          hex: "F143A",
-          version: "5.2.45"
-      }, {
-          name: "pail-plus",
-          hex: "F1436",
-          version: "5.2.45"
-      }, {
-          name: "pail-plus-outline",
-          hex: "F143B",
-          version: "5.2.45"
-      }, {
-          name: "pail-remove",
-          hex: "F1438",
-          version: "5.2.45"
-      }, {
-          name: "pail-remove-outline",
-          hex: "F143D",
-          version: "5.2.45"
-      }, {
-          name: "palette",
-          hex: "F03D8",
-          version: "1.5.54"
-      }, {
-          name: "palette-advanced",
-          hex: "F03D9",
-          version: "1.5.54"
-      }, {
-          name: "palette-outline",
-          hex: "F0E0C",
-          version: "3.5.95"
-      }, {
-          name: "palette-swatch",
-          hex: "F08B5",
-          version: "2.2.43"
-      }, {
-          name: "palette-swatch-outline",
-          hex: "F135C",
-          version: "4.9.95"
-      }, {
-          name: "palm-tree",
-          hex: "F1055",
-          version: "4.1.95"
-      }, {
-          name: "pan",
-          hex: "F0BB4",
-          version: "3.0.39"
-      }, {
-          name: "pan-bottom-left",
-          hex: "F0BB5",
-          version: "3.0.39"
-      }, {
-          name: "pan-bottom-right",
-          hex: "F0BB6",
-          version: "3.0.39"
-      }, {
-          name: "pan-down",
-          hex: "F0BB7",
-          version: "3.0.39"
-      }, {
-          name: "pan-horizontal",
-          hex: "F0BB8",
-          version: "3.0.39"
-      }, {
-          name: "pan-left",
-          hex: "F0BB9",
-          version: "3.0.39"
-      }, {
-          name: "pan-right",
-          hex: "F0BBA",
-          version: "3.0.39"
-      }, {
-          name: "pan-top-left",
-          hex: "F0BBB",
-          version: "3.0.39"
-      }, {
-          name: "pan-top-right",
-          hex: "F0BBC",
-          version: "3.0.39"
-      }, {
-          name: "pan-up",
-          hex: "F0BBD",
-          version: "3.0.39"
-      }, {
-          name: "pan-vertical",
-          hex: "F0BBE",
-          version: "3.0.39"
-      }, {
-          name: "panda",
-          hex: "F03DA",
-          version: "1.5.54"
-      }, {
-          name: "pandora",
-          hex: "F03DB",
-          version: "1.5.54"
-      }, {
-          name: "panorama",
-          hex: "F03DC",
-          version: "1.5.54"
-      }, {
-          name: "panorama-fisheye",
-          hex: "F03DD",
-          version: "1.5.54"
-      }, {
-          name: "panorama-horizontal",
-          hex: "F03DE",
-          version: "1.5.54"
-      }, {
-          name: "panorama-vertical",
-          hex: "F03DF",
-          version: "1.5.54"
-      }, {
-          name: "panorama-wide-angle",
-          hex: "F03E0",
-          version: "1.5.54"
-      }, {
-          name: "paper-cut-vertical",
-          hex: "F03E1",
-          version: "1.5.54"
-      }, {
-          name: "paper-roll",
-          hex: "F1157",
-          version: "4.4.95"
-      }, {
-          name: "paper-roll-outline",
-          hex: "F1158",
-          version: "4.4.95"
-      }, {
-          name: "paperclip",
-          hex: "F03E2",
-          version: "1.5.54"
-      }, {
-          name: "parachute",
-          hex: "F0CB4",
-          version: "3.2.89"
-      }, {
-          name: "parachute-outline",
-          hex: "F0CB5",
-          version: "3.2.89"
-      }, {
-          name: "parking",
-          hex: "F03E3",
-          version: "1.5.54"
-      }, {
-          name: "party-popper",
-          hex: "F1056",
-          version: "4.1.95"
-      }, {
-          name: "passport",
-          hex: "F07E3",
-          version: "2.0.46"
-      }, {
-          name: "passport-biometric",
-          hex: "F0DE1",
-          version: "3.5.94"
-      }, {
-          name: "pasta",
-          hex: "F1160",
-          version: "4.4.95"
-      }, {
-          name: "patio-heater",
-          hex: "F0F80",
-          version: "3.9.97"
-      }, {
-          name: "patreon",
-          hex: "F0882",
-          version: "2.1.99"
-      }, {
-          name: "pause",
-          hex: "F03E4",
-          version: "1.5.54"
-      }, {
-          name: "pause-circle",
-          hex: "F03E5",
-          version: "1.5.54"
-      }, {
-          name: "pause-circle-outline",
-          hex: "F03E6",
-          version: "1.5.54"
-      }, {
-          name: "pause-octagon",
-          hex: "F03E7",
-          version: "1.5.54"
-      }, {
-          name: "pause-octagon-outline",
-          hex: "F03E8",
-          version: "1.5.54"
-      }, {
-          name: "paw",
-          hex: "F03E9",
-          version: "1.5.54"
-      }, {
-          name: "paw-off",
-          hex: "F0657",
-          version: "1.6.50"
-      }, {
-          name: "paw-off-outline",
-          hex: "F1676",
-          version: "5.7.55"
-      }, {
-          name: "paw-outline",
-          hex: "F1675",
-          version: "5.7.55"
-      }, {
-          name: "pdf-box",
-          hex: "F0E56",
-          version: "3.6.95"
-      }, {
-          name: "peace",
-          hex: "F0884",
-          version: "2.1.99"
-      }, {
-          name: "peanut",
-          hex: "F0FFC",
-          version: "4.0.96"
-      }, {
-          name: "peanut-off",
-          hex: "F0FFD",
-          version: "4.0.96"
-      }, {
-          name: "peanut-off-outline",
-          hex: "F0FFF",
-          version: "4.0.96"
-      }, {
-          name: "peanut-outline",
-          hex: "F0FFE",
-          version: "4.0.96"
-      }, {
-          name: "pen",
-          hex: "F03EA",
-          version: "1.5.54"
-      }, {
-          name: "pen-lock",
-          hex: "F0DE2",
-          version: "3.5.94"
-      }, {
-          name: "pen-minus",
-          hex: "F0DE3",
-          version: "3.5.94"
-      }, {
-          name: "pen-off",
-          hex: "F0DE4",
-          version: "3.5.94"
-      }, {
-          name: "pen-plus",
-          hex: "F0DE5",
-          version: "3.5.94"
-      }, {
-          name: "pen-remove",
-          hex: "F0DE6",
-          version: "3.5.94"
-      }, {
-          name: "pencil",
-          hex: "F03EB",
-          version: "1.5.54"
-      }, {
-          name: "pencil-box",
-          hex: "F03EC",
-          version: "1.5.54"
-      }, {
-          name: "pencil-box-multiple",
-          hex: "F1144",
-          version: "4.4.95"
-      }, {
-          name: "pencil-box-multiple-outline",
-          hex: "F1145",
-          version: "4.4.95"
-      }, {
-          name: "pencil-box-outline",
-          hex: "F03ED",
-          version: "1.5.54"
-      }, {
-          name: "pencil-circle",
-          hex: "F06FF",
-          version: "1.8.36"
-      }, {
-          name: "pencil-circle-outline",
-          hex: "F0776",
-          version: "1.9.32"
-      }, {
-          name: "pencil-lock",
-          hex: "F03EE",
-          version: "1.5.54"
-      }, {
-          name: "pencil-lock-outline",
-          hex: "F0DE7",
-          version: "3.5.94"
-      }, {
-          name: "pencil-minus",
-          hex: "F0DE8",
-          version: "3.5.94"
-      }, {
-          name: "pencil-minus-outline",
-          hex: "F0DE9",
-          version: "3.5.94"
-      }, {
-          name: "pencil-off",
-          hex: "F03EF",
-          version: "1.5.54"
-      }, {
-          name: "pencil-off-outline",
-          hex: "F0DEA",
-          version: "3.5.94"
-      }, {
-          name: "pencil-outline",
-          hex: "F0CB6",
-          version: "3.2.89"
-      }, {
-          name: "pencil-plus",
-          hex: "F0DEB",
-          version: "3.5.94"
-      }, {
-          name: "pencil-plus-outline",
-          hex: "F0DEC",
-          version: "3.5.94"
-      }, {
-          name: "pencil-remove",
-          hex: "F0DED",
-          version: "3.5.94"
-      }, {
-          name: "pencil-remove-outline",
-          hex: "F0DEE",
-          version: "3.5.94"
-      }, {
-          name: "pencil-ruler",
-          hex: "F1353",
-          version: "4.9.95"
-      }, {
-          name: "penguin",
-          hex: "F0EC0",
-          version: "3.7.94"
-      }, {
-          name: "pentagon",
-          hex: "F0701",
-          version: "1.8.36"
-      }, {
-          name: "pentagon-outline",
-          hex: "F0700",
-          version: "1.8.36"
-      }, {
-          name: "pentagram",
-          hex: "F1667",
-          version: "5.7.55"
-      }, {
-          name: "percent",
-          hex: "F03F0",
-          version: "1.5.54"
-      }, {
-          name: "percent-outline",
-          hex: "F1278",
-          version: "4.7.95"
-      }, {
-          name: "periodic-table",
-          hex: "F08B6",
-          version: "2.2.43"
-      }, {
-          name: "perspective-less",
-          hex: "F0D23",
-          version: "3.3.92"
-      }, {
-          name: "perspective-more",
-          hex: "F0D24",
-          version: "3.3.92"
-      }, {
-          name: "pharmacy",
-          hex: "F03F1",
-          version: "1.5.54"
-      }, {
-          name: "phone",
-          hex: "F03F2",
-          version: "1.5.54"
-      }, {
-          name: "phone-alert",
-          hex: "F0F1A",
-          version: "3.8.95"
-      }, {
-          name: "phone-alert-outline",
-          hex: "F118E",
-          version: "4.5.95"
-      }, {
-          name: "phone-bluetooth",
-          hex: "F03F3",
-          version: "1.5.54"
-      }, {
-          name: "phone-bluetooth-outline",
-          hex: "F118F",
-          version: "4.5.95"
-      }, {
-          name: "phone-cancel",
-          hex: "F10BC",
-          version: "4.2.95"
-      }, {
-          name: "phone-cancel-outline",
-          hex: "F1190",
-          version: "4.5.95"
-      }, {
-          name: "phone-check",
-          hex: "F11A9",
-          version: "4.5.95"
-      }, {
-          name: "phone-check-outline",
-          hex: "F11AA",
-          version: "4.5.95"
-      }, {
-          name: "phone-classic",
-          hex: "F0602",
-          version: "1.5.54"
-      }, {
-          name: "phone-classic-off",
-          hex: "F1279",
-          version: "4.7.95"
-      }, {
-          name: "phone-dial",
-          hex: "F1559",
-          version: "5.5.55"
-      }, {
-          name: "phone-dial-outline",
-          hex: "F155A",
-          version: "5.5.55"
-      }, {
-          name: "phone-forward",
-          hex: "F03F4",
-          version: "1.5.54"
-      }, {
-          name: "phone-forward-outline",
-          hex: "F1191",
-          version: "4.5.95"
-      }, {
-          name: "phone-hangup",
-          hex: "F03F5",
-          version: "1.5.54"
-      }, {
-          name: "phone-hangup-outline",
-          hex: "F1192",
-          version: "4.5.95"
-      }, {
-          name: "phone-in-talk",
-          hex: "F03F6",
-          version: "1.5.54"
-      }, {
-          name: "phone-in-talk-outline",
-          hex: "F1182",
-          version: "4.4.95"
-      }, {
-          name: "phone-incoming",
-          hex: "F03F7",
-          version: "1.5.54"
-      }, {
-          name: "phone-incoming-outline",
-          hex: "F1193",
-          version: "4.5.95"
-      }, {
-          name: "phone-lock",
-          hex: "F03F8",
-          version: "1.5.54"
-      }, {
-          name: "phone-lock-outline",
-          hex: "F1194",
-          version: "4.5.95"
-      }, {
-          name: "phone-log",
-          hex: "F03F9",
-          version: "1.5.54"
-      }, {
-          name: "phone-log-outline",
-          hex: "F1195",
-          version: "4.5.95"
-      }, {
-          name: "phone-message",
-          hex: "F1196",
-          version: "4.5.95"
-      }, {
-          name: "phone-message-outline",
-          hex: "F1197",
-          version: "4.5.95"
-      }, {
-          name: "phone-minus",
-          hex: "F0658",
-          version: "1.6.50"
-      }, {
-          name: "phone-minus-outline",
-          hex: "F1198",
-          version: "4.5.95"
-      }, {
-          name: "phone-missed",
-          hex: "F03FA",
-          version: "1.5.54"
-      }, {
-          name: "phone-missed-outline",
-          hex: "F11A5",
-          version: "4.5.95"
-      }, {
-          name: "phone-off",
-          hex: "F0DEF",
-          version: "3.5.94"
-      }, {
-          name: "phone-off-outline",
-          hex: "F11A6",
-          version: "4.5.95"
-      }, {
-          name: "phone-outgoing",
-          hex: "F03FB",
-          version: "1.5.54"
-      }, {
-          name: "phone-outgoing-outline",
-          hex: "F1199",
-          version: "4.5.95"
-      }, {
-          name: "phone-outline",
-          hex: "F0DF0",
-          version: "3.5.94"
-      }, {
-          name: "phone-paused",
-          hex: "F03FC",
-          version: "1.5.54"
-      }, {
-          name: "phone-paused-outline",
-          hex: "F119A",
-          version: "4.5.95"
-      }, {
-          name: "phone-plus",
-          hex: "F0659",
-          version: "1.6.50"
-      }, {
-          name: "phone-plus-outline",
-          hex: "F119B",
-          version: "4.5.95"
-      }, {
-          name: "phone-remove",
-          hex: "F152F",
-          version: "5.4.55"
-      }, {
-          name: "phone-remove-outline",
-          hex: "F1530",
-          version: "5.4.55"
-      }, {
-          name: "phone-return",
-          hex: "F082F",
-          version: "2.1.19"
-      }, {
-          name: "phone-return-outline",
-          hex: "F119C",
-          version: "4.5.95"
-      }, {
-          name: "phone-ring",
-          hex: "F11AB",
-          version: "4.5.95"
-      }, {
-          name: "phone-ring-outline",
-          hex: "F11AC",
-          version: "4.5.95"
-      }, {
-          name: "phone-rotate-landscape",
-          hex: "F0885",
-          version: "2.1.99"
-      }, {
-          name: "phone-rotate-portrait",
-          hex: "F0886",
-          version: "2.1.99"
-      }, {
-          name: "phone-settings",
-          hex: "F03FD",
-          version: "1.5.54"
-      }, {
-          name: "phone-settings-outline",
-          hex: "F119D",
-          version: "4.5.95"
-      }, {
-          name: "phone-voip",
-          hex: "F03FE",
-          version: "1.5.54"
-      }, {
-          name: "pi",
-          hex: "F03FF",
-          version: "1.5.54"
-      }, {
-          name: "pi-box",
-          hex: "F0400",
-          version: "1.5.54"
-      }, {
-          name: "pi-hole",
-          hex: "F0DF1",
-          version: "3.5.94"
-      }, {
-          name: "piano",
-          hex: "F067D",
-          version: "1.7.12"
-      }, {
-          name: "pickaxe",
-          hex: "F08B7",
-          version: "2.2.43"
-      }, {
-          name: "picture-in-picture-bottom-right",
-          hex: "F0E57",
-          version: "3.6.95"
-      }, {
-          name: "picture-in-picture-bottom-right-outline",
-          hex: "F0E58",
-          version: "3.6.95"
-      }, {
-          name: "picture-in-picture-top-right",
-          hex: "F0E59",
-          version: "3.6.95"
-      }, {
-          name: "picture-in-picture-top-right-outline",
-          hex: "F0E5A",
-          version: "3.6.95"
-      }, {
-          name: "pier",
-          hex: "F0887",
-          version: "2.1.99"
-      }, {
-          name: "pier-crane",
-          hex: "F0888",
-          version: "2.1.99"
-      }, {
-          name: "pig",
-          hex: "F0401",
-          version: "1.5.54"
-      }, {
-          name: "pig-variant",
-          hex: "F1006",
-          version: "4.0.96"
-      }, {
-          name: "pig-variant-outline",
-          hex: "F1678",
-          version: "5.7.55"
-      }, {
-          name: "piggy-bank",
-          hex: "F1007",
-          version: "4.0.96"
-      }, {
-          name: "piggy-bank-outline",
-          hex: "F1679",
-          version: "5.7.55"
-      }, {
-          name: "pill",
-          hex: "F0402",
-          version: "1.5.54"
-      }, {
-          name: "pillar",
-          hex: "F0702",
-          version: "1.8.36"
-      }, {
-          name: "pin",
-          hex: "F0403",
-          version: "1.5.54"
-      }, {
-          name: "pin-off",
-          hex: "F0404",
-          version: "1.5.54"
-      }, {
-          name: "pin-off-outline",
-          hex: "F0930",
-          version: "2.3.54"
-      }, {
-          name: "pin-outline",
-          hex: "F0931",
-          version: "2.3.54"
-      }, {
-          name: "pine-tree",
-          hex: "F0405",
-          version: "1.5.54"
-      }, {
-          name: "pine-tree-box",
-          hex: "F0406",
-          version: "1.5.54"
-      }, {
-          name: "pine-tree-fire",
-          hex: "F141A",
-          version: "5.2.45"
-      }, {
-          name: "pinterest",
-          hex: "F0407",
-          version: "1.5.54"
-      }, {
-          name: "pinwheel",
-          hex: "F0AD5",
-          version: "2.7.94"
-      }, {
-          name: "pinwheel-outline",
-          hex: "F0AD6",
-          version: "2.7.94"
-      }, {
-          name: "pipe",
-          hex: "F07E5",
-          version: "2.0.46"
-      }, {
-          name: "pipe-disconnected",
-          hex: "F07E6",
-          version: "2.0.46"
-      }, {
-          name: "pipe-leak",
-          hex: "F0889",
-          version: "2.1.99"
-      }, {
-          name: "pipe-wrench",
-          hex: "F1354",
-          version: "4.9.95"
-      }, {
-          name: "pirate",
-          hex: "F0A08",
-          version: "2.5.94"
-      }, {
-          name: "pistol",
-          hex: "F0703",
-          version: "1.8.36"
-      }, {
-          name: "piston",
-          hex: "F088A",
-          version: "2.1.99"
-      }, {
-          name: "pitchfork",
-          hex: "F1553",
-          version: "5.5.55"
-      }, {
-          name: "pizza",
-          hex: "F0409",
-          version: "1.5.54"
-      }, {
-          name: "play",
-          hex: "F040A",
-          version: "1.5.54"
-      }, {
-          name: "play-box",
-          hex: "F127A",
-          version: "4.7.95"
-      }, {
-          name: "play-box-multiple",
-          hex: "F0D19",
-          version: "3.3.92"
-      }, {
-          name: "play-box-multiple-outline",
-          hex: "F13E6",
-          version: "5.1.45"
-      }, {
-          name: "play-box-outline",
-          hex: "F040B",
-          version: "1.5.54"
-      }, {
-          name: "play-circle",
-          hex: "F040C",
-          version: "1.5.54"
-      }, {
-          name: "play-circle-outline",
-          hex: "F040D",
-          version: "1.5.54"
-      }, {
-          name: "play-network",
-          hex: "F088B",
-          version: "2.1.99"
-      }, {
-          name: "play-network-outline",
-          hex: "F0CB7",
-          version: "3.2.89"
-      }, {
-          name: "play-outline",
-          hex: "F0F1B",
-          version: "3.8.95"
-      }, {
-          name: "play-pause",
-          hex: "F040E",
-          version: "1.5.54"
-      }, {
-          name: "play-protected-content",
-          hex: "F040F",
-          version: "1.5.54"
-      }, {
-          name: "play-speed",
-          hex: "F08FF",
-          version: "2.3.50"
-      }, {
-          name: "playlist-check",
-          hex: "F05C7",
-          version: "1.5.54"
-      }, {
-          name: "playlist-edit",
-          hex: "F0900",
-          version: "2.3.50"
-      }, {
-          name: "playlist-minus",
-          hex: "F0410",
-          version: "1.5.54"
-      }, {
-          name: "playlist-music",
-          hex: "F0CB8",
-          version: "3.2.89"
-      }, {
-          name: "playlist-music-outline",
-          hex: "F0CB9",
-          version: "3.2.89"
-      }, {
-          name: "playlist-play",
-          hex: "F0411",
-          version: "1.5.54"
-      }, {
-          name: "playlist-plus",
-          hex: "F0412",
-          version: "1.5.54"
-      }, {
-          name: "playlist-remove",
-          hex: "F0413",
-          version: "1.5.54"
-      }, {
-          name: "playlist-star",
-          hex: "F0DF2",
-          version: "3.5.94"
-      }, {
-          name: "plex",
-          hex: "F06BA",
-          version: "1.7.22"
-      }, {
-          name: "plus",
-          hex: "F0415",
-          version: "1.5.54"
-      }, {
-          name: "plus-box",
-          hex: "F0416",
-          version: "1.5.54"
-      }, {
-          name: "plus-box-multiple",
-          hex: "F0334",
-          version: "1.5.54"
-      }, {
-          name: "plus-box-multiple-outline",
-          hex: "F1143",
-          version: "4.4.95"
-      }, {
-          name: "plus-box-outline",
-          hex: "F0704",
-          version: "1.8.36"
-      }, {
-          name: "plus-circle",
-          hex: "F0417",
-          version: "1.5.54"
-      }, {
-          name: "plus-circle-multiple",
-          hex: "F034C",
-          version: "1.5.54"
-      }, {
-          name: "plus-circle-multiple-outline",
-          hex: "F0418",
-          version: "1.5.54"
-      }, {
-          name: "plus-circle-outline",
-          hex: "F0419",
-          version: "1.5.54"
-      }, {
-          name: "plus-minus",
-          hex: "F0992",
-          version: "2.4.85"
-      }, {
-          name: "plus-minus-box",
-          hex: "F0993",
-          version: "2.4.85"
-      }, {
-          name: "plus-minus-variant",
-          hex: "F14C9",
-          version: "5.3.45"
-      }, {
-          name: "plus-network",
-          hex: "F041A",
-          version: "1.5.54"
-      }, {
-          name: "plus-network-outline",
-          hex: "F0CBA",
-          version: "3.2.89"
-      }, {
-          name: "plus-one",
-          hex: "F041B",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "plus-outline",
-          hex: "F0705",
-          version: "1.8.36"
-      }, {
-          name: "plus-thick",
-          hex: "F11EC",
-          version: "4.5.95"
-      }, {
-          name: "podcast",
-          hex: "F0994",
-          version: "2.4.85"
-      }, {
-          name: "podium",
-          hex: "F0D25",
-          version: "3.3.92"
-      }, {
-          name: "podium-bronze",
-          hex: "F0D26",
-          version: "3.3.92"
-      }, {
-          name: "podium-gold",
-          hex: "F0D27",
-          version: "3.3.92"
-      }, {
-          name: "podium-silver",
-          hex: "F0D28",
-          version: "3.3.92"
-      }, {
-          name: "point-of-sale",
-          hex: "F0D92",
-          version: "3.4.93"
-      }, {
-          name: "pokeball",
-          hex: "F041D",
-          version: "1.5.54"
-      }, {
-          name: "pokemon-go",
-          hex: "F0A09",
-          version: "2.5.94"
-      }, {
-          name: "poker-chip",
-          hex: "F0830",
-          version: "2.1.19"
-      }, {
-          name: "polaroid",
-          hex: "F041E",
-          version: "1.5.54"
-      }, {
-          name: "police-badge",
-          hex: "F1167",
-          version: "4.4.95"
-      }, {
-          name: "police-badge-outline",
-          hex: "F1168",
-          version: "4.4.95"
-      }, {
-          name: "poll",
-          hex: "F041F",
-          version: "1.5.54"
-      }, {
-          name: "poll-box",
-          hex: "F0420",
-          version: "1.5.54"
-      }, {
-          name: "poll-box-outline",
-          hex: "F127B",
-          version: "4.7.95"
-      }, {
-          name: "polo",
-          hex: "F14C3",
-          version: "5.3.45"
-      }, {
-          name: "polymer",
-          hex: "F0421",
-          version: "1.5.54"
-      }, {
-          name: "pool",
-          hex: "F0606",
-          version: "1.5.54"
-      }, {
-          name: "popcorn",
-          hex: "F0422",
-          version: "1.5.54"
-      }, {
-          name: "post",
-          hex: "F1008",
-          version: "4.0.96"
-      }, {
-          name: "post-outline",
-          hex: "F1009",
-          version: "4.0.96"
-      }, {
-          name: "postage-stamp",
-          hex: "F0CBB",
-          version: "3.2.89"
-      }, {
-          name: "pot",
-          hex: "F02E5",
-          version: "1.5.54"
-      }, {
-          name: "pot-mix",
-          hex: "F065B",
-          version: "1.6.50"
-      }, {
-          name: "pot-mix-outline",
-          hex: "F0677",
-          version: "1.7.12"
-      }, {
-          name: "pot-outline",
-          hex: "F02FF",
-          version: "1.5.54"
-      }, {
-          name: "pot-steam",
-          hex: "F065A",
-          version: "1.6.50"
-      }, {
-          name: "pot-steam-outline",
-          hex: "F0326",
-          version: "1.5.54"
-      }, {
-          name: "pound",
-          hex: "F0423",
-          version: "1.5.54"
-      }, {
-          name: "pound-box",
-          hex: "F0424",
-          version: "1.5.54"
-      }, {
-          name: "pound-box-outline",
-          hex: "F117F",
-          version: "4.4.95"
-      }, {
-          name: "power",
-          hex: "F0425",
-          version: "1.5.54"
-      }, {
-          name: "power-cycle",
-          hex: "F0901",
-          version: "2.3.50"
-      }, {
-          name: "power-off",
-          hex: "F0902",
-          version: "2.3.50"
-      }, {
-          name: "power-on",
-          hex: "F0903",
-          version: "2.3.50"
-      }, {
-          name: "power-plug",
-          hex: "F06A5",
-          version: "1.7.12"
-      }, {
-          name: "power-plug-off",
-          hex: "F06A6",
-          version: "1.7.12"
-      }, {
-          name: "power-plug-off-outline",
-          hex: "F1424",
-          version: "5.2.45"
-      }, {
-          name: "power-plug-outline",
-          hex: "F1425",
-          version: "5.2.45"
-      }, {
-          name: "power-settings",
-          hex: "F0426",
-          version: "1.5.54"
-      }, {
-          name: "power-sleep",
-          hex: "F0904",
-          version: "2.3.50"
-      }, {
-          name: "power-socket",
-          hex: "F0427",
-          version: "1.5.54"
-      }, {
-          name: "power-socket-au",
-          hex: "F0905",
-          version: "2.3.50"
-      }, {
-          name: "power-socket-de",
-          hex: "F1107",
-          version: "4.3.95"
-      }, {
-          name: "power-socket-eu",
-          hex: "F07E7",
-          version: "2.0.46"
-      }, {
-          name: "power-socket-fr",
-          hex: "F1108",
-          version: "4.3.95"
-      }, {
-          name: "power-socket-it",
-          hex: "F14FF",
-          version: "5.4.55"
-      }, {
-          name: "power-socket-jp",
-          hex: "F1109",
-          version: "4.3.95"
-      }, {
-          name: "power-socket-uk",
-          hex: "F07E8",
-          version: "2.0.46"
-      }, {
-          name: "power-socket-us",
-          hex: "F07E9",
-          version: "2.0.46"
-      }, {
-          name: "power-standby",
-          hex: "F0906",
-          version: "2.3.50"
-      }, {
-          name: "powershell",
-          hex: "F0A0A",
-          version: "2.5.94"
-      }, {
-          name: "prescription",
-          hex: "F0706",
-          version: "1.8.36"
-      }, {
-          name: "presentation",
-          hex: "F0428",
-          version: "1.5.54"
-      }, {
-          name: "presentation-play",
-          hex: "F0429",
-          version: "1.5.54"
-      }, {
-          name: "pretzel",
-          hex: "F1562",
-          version: "5.5.55"
-      }, {
-          name: "printer",
-          hex: "F042A",
-          version: "1.5.54"
-      }, {
-          name: "printer-3d",
-          hex: "F042B",
-          version: "1.5.54"
-      }, {
-          name: "printer-3d-nozzle",
-          hex: "F0E5B",
-          version: "3.6.95"
-      }, {
-          name: "printer-3d-nozzle-alert",
-          hex: "F11C0",
-          version: "4.5.95"
-      }, {
-          name: "printer-3d-nozzle-alert-outline",
-          hex: "F11C1",
-          version: "4.5.95"
-      }, {
-          name: "printer-3d-nozzle-outline",
-          hex: "F0E5C",
-          version: "3.6.95"
-      }, {
-          name: "printer-alert",
-          hex: "F042C",
-          version: "1.5.54"
-      }, {
-          name: "printer-check",
-          hex: "F1146",
-          version: "4.4.95"
-      }, {
-          name: "printer-eye",
-          hex: "F1458",
-          version: "5.2.45"
-      }, {
-          name: "printer-off",
-          hex: "F0E5D",
-          version: "3.6.95"
-      }, {
-          name: "printer-pos",
-          hex: "F1057",
-          version: "4.1.95"
-      }, {
-          name: "printer-search",
-          hex: "F1457",
-          version: "5.2.45"
-      }, {
-          name: "printer-settings",
-          hex: "F0707",
-          version: "1.8.36"
-      }, {
-          name: "printer-wireless",
-          hex: "F0A0B",
-          version: "2.5.94"
-      }, {
-          name: "priority-high",
-          hex: "F0603",
-          version: "1.5.54"
-      }, {
-          name: "priority-low",
-          hex: "F0604",
-          version: "1.5.54"
-      }, {
-          name: "professional-hexagon",
-          hex: "F042D",
-          version: "1.5.54"
-      }, {
-          name: "progress-alert",
-          hex: "F0CBC",
-          version: "3.2.89"
-      }, {
-          name: "progress-check",
-          hex: "F0995",
-          version: "2.4.85"
-      }, {
-          name: "progress-clock",
-          hex: "F0996",
-          version: "2.4.85"
-      }, {
-          name: "progress-close",
-          hex: "F110A",
-          version: "4.3.95"
-      }, {
-          name: "progress-download",
-          hex: "F0997",
-          version: "2.4.85"
-      }, {
-          name: "progress-question",
-          hex: "F1522",
-          version: "5.4.55"
-      }, {
-          name: "progress-upload",
-          hex: "F0998",
-          version: "2.4.85"
-      }, {
-          name: "progress-wrench",
-          hex: "F0CBD",
-          version: "3.2.89"
-      }, {
-          name: "projector",
-          hex: "F042E",
-          version: "1.5.54"
-      }, {
-          name: "projector-screen",
-          hex: "F042F",
-          version: "1.5.54"
-      }, {
-          name: "propane-tank",
-          hex: "F1357",
-          version: "4.9.95"
-      }, {
-          name: "propane-tank-outline",
-          hex: "F1358",
-          version: "4.9.95"
-      }, {
-          name: "protocol",
-          hex: "F0FD8",
-          version: "4.0.96"
-      }, {
-          name: "publish",
-          hex: "F06A7",
-          version: "1.7.12"
-      }, {
-          name: "pulse",
-          hex: "F0430",
-          version: "1.5.54"
-      }, {
-          name: "pump",
-          hex: "F1402",
-          version: "5.1.45"
-      }, {
-          name: "pumpkin",
-          hex: "F0BBF",
-          version: "3.0.39"
-      }, {
-          name: "purse",
-          hex: "F0F1C",
-          version: "3.8.95"
-      }, {
-          name: "purse-outline",
-          hex: "F0F1D",
-          version: "3.8.95"
-      }, {
-          name: "puzzle",
-          hex: "F0431",
-          version: "1.5.54"
-      }, {
-          name: "puzzle-check",
-          hex: "F1426",
-          version: "5.2.45"
-      }, {
-          name: "puzzle-check-outline",
-          hex: "F1427",
-          version: "5.2.45"
-      }, {
-          name: "puzzle-edit",
-          hex: "F14D3",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-edit-outline",
-          hex: "F14D9",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-heart",
-          hex: "F14D4",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-heart-outline",
-          hex: "F14DA",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-minus",
-          hex: "F14D1",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-minus-outline",
-          hex: "F14D7",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-outline",
-          hex: "F0A66",
-          version: "2.6.95"
-      }, {
-          name: "puzzle-plus",
-          hex: "F14D0",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-plus-outline",
-          hex: "F14D6",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-remove",
-          hex: "F14D2",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-remove-outline",
-          hex: "F14D8",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-star",
-          hex: "F14D5",
-          version: "5.3.45"
-      }, {
-          name: "puzzle-star-outline",
-          hex: "F14DB",
-          version: "5.3.45"
-      }, {
-          name: "qi",
-          hex: "F0999",
-          version: "2.4.85"
-      }, {
-          name: "qqchat",
-          hex: "F0605",
-          version: "1.5.54"
-      }, {
-          name: "qrcode",
-          hex: "F0432",
-          version: "1.5.54"
-      }, {
-          name: "qrcode-edit",
-          hex: "F08B8",
-          version: "2.2.43"
-      }, {
-          name: "qrcode-minus",
-          hex: "F118C",
-          version: "4.4.95"
-      }, {
-          name: "qrcode-plus",
-          hex: "F118B",
-          version: "4.4.95"
-      }, {
-          name: "qrcode-remove",
-          hex: "F118D",
-          version: "4.4.95"
-      }, {
-          name: "qrcode-scan",
-          hex: "F0433",
-          version: "1.5.54"
-      }, {
-          name: "quadcopter",
-          hex: "F0434",
-          version: "1.5.54"
-      }, {
-          name: "quality-high",
-          hex: "F0435",
-          version: "1.5.54"
-      }, {
-          name: "quality-low",
-          hex: "F0A0C",
-          version: "2.5.94"
-      }, {
-          name: "quality-medium",
-          hex: "F0A0D",
-          version: "2.5.94"
-      }, {
-          name: "quora",
-          hex: "F0D29",
-          version: "3.3.92"
-      }, {
-          name: "rabbit",
-          hex: "F0907",
-          version: "2.3.50"
-      }, {
-          name: "racing-helmet",
-          hex: "F0D93",
-          version: "3.4.93"
-      }, {
-          name: "racquetball",
-          hex: "F0D94",
-          version: "3.4.93"
-      }, {
-          name: "radar",
-          hex: "F0437",
-          version: "1.5.54"
-      }, {
-          name: "radiator",
-          hex: "F0438",
-          version: "1.5.54"
-      }, {
-          name: "radiator-disabled",
-          hex: "F0AD7",
-          version: "2.7.94"
-      }, {
-          name: "radiator-off",
-          hex: "F0AD8",
-          version: "2.7.94"
-      }, {
-          name: "radio",
-          hex: "F0439",
-          version: "1.5.54"
-      }, {
-          name: "radio-am",
-          hex: "F0CBE",
-          version: "3.2.89"
-      }, {
-          name: "radio-fm",
-          hex: "F0CBF",
-          version: "3.2.89"
-      }, {
-          name: "radio-handheld",
-          hex: "F043A",
-          version: "1.5.54"
-      }, {
-          name: "radio-off",
-          hex: "F121C",
-          version: "4.6.95"
-      }, {
-          name: "radio-tower",
-          hex: "F043B",
-          version: "1.5.54"
-      }, {
-          name: "radioactive",
-          hex: "F043C",
-          version: "1.5.54"
-      }, {
-          name: "radioactive-off",
-          hex: "F0EC1",
-          version: "3.7.94"
-      }, {
-          name: "radiobox-blank",
-          hex: "F043D",
-          version: "1.5.54"
-      }, {
-          name: "radiobox-marked",
-          hex: "F043E",
-          version: "1.5.54"
-      }, {
-          name: "radiology-box",
-          hex: "F14C5",
-          version: "5.3.45"
-      }, {
-          name: "radiology-box-outline",
-          hex: "F14C6",
-          version: "5.3.45"
-      }, {
-          name: "radius",
-          hex: "F0CC0",
-          version: "3.2.89"
-      }, {
-          name: "radius-outline",
-          hex: "F0CC1",
-          version: "3.2.89"
-      }, {
-          name: "railroad-light",
-          hex: "F0F1E",
-          version: "3.8.95"
-      }, {
-          name: "rake",
-          hex: "F1544",
-          version: "5.4.55"
-      }, {
-          name: "raspberry-pi",
-          hex: "F043F",
-          version: "1.5.54"
-      }, {
-          name: "ray-end",
-          hex: "F0440",
-          version: "1.5.54"
-      }, {
-          name: "ray-end-arrow",
-          hex: "F0441",
-          version: "1.5.54"
-      }, {
-          name: "ray-start",
-          hex: "F0442",
-          version: "1.5.54"
-      }, {
-          name: "ray-start-arrow",
-          hex: "F0443",
-          version: "1.5.54"
-      }, {
-          name: "ray-start-end",
-          hex: "F0444",
-          version: "1.5.54"
-      }, {
-          name: "ray-start-vertex-end",
-          hex: "F15D8",
-          version: "5.6.55"
-      }, {
-          name: "ray-vertex",
-          hex: "F0445",
-          version: "1.5.54"
-      }, {
-          name: "react",
-          hex: "F0708",
-          version: "1.8.36"
-      }, {
-          name: "read",
-          hex: "F0447",
-          version: "1.5.54"
-      }, {
-          name: "receipt",
-          hex: "F0449",
-          version: "1.5.54"
-      }, {
-          name: "record",
-          hex: "F044A",
-          version: "1.5.54"
-      }, {
-          name: "record-circle",
-          hex: "F0EC2",
-          version: "3.7.94"
-      }, {
-          name: "record-circle-outline",
-          hex: "F0EC3",
-          version: "3.7.94"
-      }, {
-          name: "record-player",
-          hex: "F099A",
-          version: "2.4.85"
-      }, {
-          name: "record-rec",
-          hex: "F044B",
-          version: "1.5.54"
-      }, {
-          name: "rectangle",
-          hex: "F0E5E",
-          version: "3.6.95"
-      }, {
-          name: "rectangle-outline",
-          hex: "F0E5F",
-          version: "3.6.95"
-      }, {
-          name: "recycle",
-          hex: "F044C",
-          version: "1.5.54"
-      }, {
-          name: "recycle-variant",
-          hex: "F139D",
-          version: "5.0.45"
-      }, {
-          name: "reddit",
-          hex: "F044D",
-          version: "1.5.54"
-      }, {
-          name: "redhat",
-          hex: "F111B",
-          version: "4.3.95"
-      }, {
-          name: "redo",
-          hex: "F044E",
-          version: "1.5.54"
-      }, {
-          name: "redo-variant",
-          hex: "F044F",
-          version: "1.5.54"
-      }, {
-          name: "reflect-horizontal",
-          hex: "F0A0E",
-          version: "2.5.94"
-      }, {
-          name: "reflect-vertical",
-          hex: "F0A0F",
-          version: "2.5.94"
-      }, {
-          name: "refresh",
-          hex: "F0450",
-          version: "1.5.54"
-      }, {
-          name: "refresh-circle",
-          hex: "F1377",
-          version: "4.9.95"
-      }, {
-          name: "regex",
-          hex: "F0451",
-          version: "1.5.54"
-      }, {
-          name: "registered-trademark",
-          hex: "F0A67",
-          version: "2.6.95"
-      }, {
-          name: "reiterate",
-          hex: "F1588",
-          version: "5.5.55"
-      }, {
-          name: "relation-many-to-many",
-          hex: "F1496",
-          version: "5.3.45"
-      }, {
-          name: "relation-many-to-one",
-          hex: "F1497",
-          version: "5.3.45"
-      }, {
-          name: "relation-many-to-one-or-many",
-          hex: "F1498",
-          version: "5.3.45"
-      }, {
-          name: "relation-many-to-only-one",
-          hex: "F1499",
-          version: "5.3.45"
-      }, {
-          name: "relation-many-to-zero-or-many",
-          hex: "F149A",
-          version: "5.3.45"
-      }, {
-          name: "relation-many-to-zero-or-one",
-          hex: "F149B",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-many",
-          hex: "F149C",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-one",
-          hex: "F149D",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-one-or-many",
-          hex: "F149E",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-only-one",
-          hex: "F149F",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-zero-or-many",
-          hex: "F14A0",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-or-many-to-zero-or-one",
-          hex: "F14A1",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-many",
-          hex: "F14A2",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-one",
-          hex: "F14A3",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-one-or-many",
-          hex: "F14A4",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-only-one",
-          hex: "F14A5",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-zero-or-many",
-          hex: "F14A6",
-          version: "5.3.45"
-      }, {
-          name: "relation-one-to-zero-or-one",
-          hex: "F14A7",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-many",
-          hex: "F14A8",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-one",
-          hex: "F14A9",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-one-or-many",
-          hex: "F14AA",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-only-one",
-          hex: "F14AB",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-zero-or-many",
-          hex: "F14AC",
-          version: "5.3.45"
-      }, {
-          name: "relation-only-one-to-zero-or-one",
-          hex: "F14AD",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-many",
-          hex: "F14AE",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-one",
-          hex: "F14AF",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-one-or-many",
-          hex: "F14B0",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-only-one",
-          hex: "F14B1",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-zero-or-many",
-          hex: "F14B2",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-many-to-zero-or-one",
-          hex: "F14B3",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-many",
-          hex: "F14B4",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-one",
-          hex: "F14B5",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-one-or-many",
-          hex: "F14B6",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-only-one",
-          hex: "F14B7",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-zero-or-many",
-          hex: "F14B8",
-          version: "5.3.45"
-      }, {
-          name: "relation-zero-or-one-to-zero-or-one",
-          hex: "F14B9",
-          version: "5.3.45"
-      }, {
-          name: "relative-scale",
-          hex: "F0452",
-          version: "1.5.54"
-      }, {
-          name: "reload",
-          hex: "F0453",
-          version: "1.5.54"
-      }, {
-          name: "reload-alert",
-          hex: "F110B",
-          version: "4.3.95"
-      }, {
-          name: "reminder",
-          hex: "F088C",
-          version: "2.1.99"
-      }, {
-          name: "remote",
-          hex: "F0454",
-          version: "1.5.54"
-      }, {
-          name: "remote-desktop",
-          hex: "F08B9",
-          version: "2.2.43"
-      }, {
-          name: "remote-off",
-          hex: "F0EC4",
-          version: "3.7.94"
-      }, {
-          name: "remote-tv",
-          hex: "F0EC5",
-          version: "3.7.94"
-      }, {
-          name: "remote-tv-off",
-          hex: "F0EC6",
-          version: "3.7.94"
-      }, {
-          name: "rename-box",
-          hex: "F0455",
-          version: "1.5.54"
-      }, {
-          name: "reorder-horizontal",
-          hex: "F0688",
-          version: "1.7.12"
-      }, {
-          name: "reorder-vertical",
-          hex: "F0689",
-          version: "1.7.12"
-      }, {
-          name: "repeat",
-          hex: "F0456",
-          version: "1.5.54"
-      }, {
-          name: "repeat-off",
-          hex: "F0457",
-          version: "1.5.54"
-      }, {
-          name: "repeat-once",
-          hex: "F0458",
-          version: "1.5.54"
-      }, {
-          name: "replay",
-          hex: "F0459",
-          version: "1.5.54"
-      }, {
-          name: "reply",
-          hex: "F045A",
-          version: "1.5.54"
-      }, {
-          name: "reply-all",
-          hex: "F045B",
-          version: "1.5.54"
-      }, {
-          name: "reply-all-outline",
-          hex: "F0F1F",
-          version: "3.8.95"
-      }, {
-          name: "reply-circle",
-          hex: "F11AE",
-          version: "4.5.95"
-      }, {
-          name: "reply-outline",
-          hex: "F0F20",
-          version: "3.8.95"
-      }, {
-          name: "reproduction",
-          hex: "F045C",
-          version: "1.5.54"
-      }, {
-          name: "resistor",
-          hex: "F0B44",
-          version: "2.8.94"
-      }, {
-          name: "resistor-nodes",
-          hex: "F0B45",
-          version: "2.8.94"
-      }, {
-          name: "resize",
-          hex: "F0A68",
-          version: "2.6.95"
-      }, {
-          name: "resize-bottom-right",
-          hex: "F045D",
-          version: "1.5.54"
-      }, {
-          name: "responsive",
-          hex: "F045E",
-          version: "1.5.54"
-      }, {
-          name: "restart",
-          hex: "F0709",
-          version: "1.8.36"
-      }, {
-          name: "restart-alert",
-          hex: "F110C",
-          version: "4.3.95"
-      }, {
-          name: "restart-off",
-          hex: "F0D95",
-          version: "3.4.93"
-      }, {
-          name: "restore",
-          hex: "F099B",
-          version: "2.4.85"
-      }, {
-          name: "restore-alert",
-          hex: "F110D",
-          version: "4.3.95"
-      }, {
-          name: "rewind",
-          hex: "F045F",
-          version: "1.5.54"
-      }, {
-          name: "rewind-10",
-          hex: "F0D2A",
-          version: "3.3.92"
-      }, {
-          name: "rewind-30",
-          hex: "F0D96",
-          version: "3.4.93"
-      }, {
-          name: "rewind-5",
-          hex: "F11F9",
-          version: "4.6.95"
-      }, {
-          name: "rewind-60",
-          hex: "F160C",
-          version: "5.6.55"
-      }, {
-          name: "rewind-outline",
-          hex: "F070A",
-          version: "1.8.36"
-      }, {
-          name: "rhombus",
-          hex: "F070B",
-          version: "1.8.36"
-      }, {
-          name: "rhombus-medium",
-          hex: "F0A10",
-          version: "2.5.94"
-      }, {
-          name: "rhombus-medium-outline",
-          hex: "F14DC",
-          version: "5.3.45"
-      }, {
-          name: "rhombus-outline",
-          hex: "F070C",
-          version: "1.8.36"
-      }, {
-          name: "rhombus-split",
-          hex: "F0A11",
-          version: "2.5.94"
-      }, {
-          name: "rhombus-split-outline",
-          hex: "F14DD",
-          version: "5.3.45"
-      }, {
-          name: "ribbon",
-          hex: "F0460",
-          version: "1.5.54"
-      }, {
-          name: "rice",
-          hex: "F07EA",
-          version: "2.0.46"
-      }, {
-          name: "rickshaw",
-          hex: "F15BB",
-          version: "5.6.55"
-      }, {
-          name: "rickshaw-electric",
-          hex: "F15BC",
-          version: "5.6.55"
-      }, {
-          name: "ring",
-          hex: "F07EB",
-          version: "2.0.46"
-      }, {
-          name: "rivet",
-          hex: "F0E60",
-          version: "3.6.95"
-      }, {
-          name: "road",
-          hex: "F0461",
-          version: "1.5.54"
-      }, {
-          name: "road-variant",
-          hex: "F0462",
-          version: "1.5.54"
-      }, {
-          name: "robber",
-          hex: "F1058",
-          version: "4.1.95"
-      }, {
-          name: "robot",
-          hex: "F06A9",
-          version: "1.7.12"
-      }, {
-          name: "robot-angry",
-          hex: "F169D",
-          version: "5.8.55"
-      }, {
-          name: "robot-angry-outline",
-          hex: "F169E",
-          version: "5.8.55"
-      }, {
-          name: "robot-confused",
-          hex: "F169F",
-          version: "5.8.55"
-      }, {
-          name: "robot-confused-outline",
-          hex: "F16A0",
-          version: "5.8.55"
-      }, {
-          name: "robot-dead",
-          hex: "F16A1",
-          version: "5.8.55"
-      }, {
-          name: "robot-dead-outline",
-          hex: "F16A2",
-          version: "5.8.55"
-      }, {
-          name: "robot-excited",
-          hex: "F16A3",
-          version: "5.8.55"
-      }, {
-          name: "robot-excited-outline",
-          hex: "F16A4",
-          version: "5.8.55"
-      }, {
-          name: "robot-industrial",
-          hex: "F0B46",
-          version: "2.8.94"
-      }, {
-          name: "robot-love",
-          hex: "F16A5",
-          version: "5.8.55"
-      }, {
-          name: "robot-love-outline",
-          hex: "F16A6",
-          version: "5.8.55"
-      }, {
-          name: "robot-mower",
-          hex: "F11F7",
-          version: "4.6.95"
-      }, {
-          name: "robot-mower-outline",
-          hex: "F11F3",
-          version: "4.5.95"
-      }, {
-          name: "robot-off",
-          hex: "F16A7",
-          version: "5.8.55"
-      }, {
-          name: "robot-off-outline",
-          hex: "F167B",
-          version: "5.7.55"
-      }, {
-          name: "robot-outline",
-          hex: "F167A",
-          version: "5.7.55"
-      }, {
-          name: "robot-vacuum",
-          hex: "F070D",
-          version: "1.8.36"
-      }, {
-          name: "robot-vacuum-variant",
-          hex: "F0908",
-          version: "2.3.50"
-      }, {
-          name: "rocket",
-          hex: "F0463",
-          version: "1.5.54"
-      }, {
-          name: "rocket-launch",
-          hex: "F14DE",
-          version: "5.3.45"
-      }, {
-          name: "rocket-launch-outline",
-          hex: "F14DF",
-          version: "5.3.45"
-      }, {
-          name: "rocket-outline",
-          hex: "F13AF",
-          version: "5.0.45"
-      }, {
-          name: "rodent",
-          hex: "F1327",
-          version: "4.9.95"
-      }, {
-          name: "roller-skate",
-          hex: "F0D2B",
-          version: "3.3.92"
-      }, {
-          name: "roller-skate-off",
-          hex: "F0145",
-          version: "1.5.54"
-      }, {
-          name: "rollerblade",
-          hex: "F0D2C",
-          version: "3.3.92"
-      }, {
-          name: "rollerblade-off",
-          hex: "F002E",
-          version: "1.5.54"
-      }, {
-          name: "rollupjs",
-          hex: "F0BC0",
-          version: "3.0.39"
-      }, {
-          name: "roman-numeral-1",
-          hex: "F1088",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-10",
-          hex: "F1091",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-2",
-          hex: "F1089",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-3",
-          hex: "F108A",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-4",
-          hex: "F108B",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-5",
-          hex: "F108C",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-6",
-          hex: "F108D",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-7",
-          hex: "F108E",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-8",
-          hex: "F108F",
-          version: "4.2.95"
-      }, {
-          name: "roman-numeral-9",
-          hex: "F1090",
-          version: "4.2.95"
-      }, {
-          name: "room-service",
-          hex: "F088D",
-          version: "2.1.99"
-      }, {
-          name: "room-service-outline",
-          hex: "F0D97",
-          version: "3.4.93"
-      }, {
-          name: "rotate-3d",
-          hex: "F0EC7",
-          version: "3.7.94"
-      }, {
-          name: "rotate-3d-variant",
-          hex: "F0464",
-          version: "1.5.54"
-      }, {
-          name: "rotate-left",
-          hex: "F0465",
-          version: "1.5.54"
-      }, {
-          name: "rotate-left-variant",
-          hex: "F0466",
-          version: "1.5.54"
-      }, {
-          name: "rotate-orbit",
-          hex: "F0D98",
-          version: "3.4.93"
-      }, {
-          name: "rotate-right",
-          hex: "F0467",
-          version: "1.5.54"
-      }, {
-          name: "rotate-right-variant",
-          hex: "F0468",
-          version: "1.5.54"
-      }, {
-          name: "rounded-corner",
-          hex: "F0607",
-          version: "1.5.54"
-      }, {
-          name: "router",
-          hex: "F11E2",
-          version: "4.5.95"
-      }, {
-          name: "router-network",
-          hex: "F1087",
-          version: "4.2.95"
-      }, {
-          name: "router-wireless",
-          hex: "F0469",
-          version: "1.5.54"
-      }, {
-          name: "router-wireless-off",
-          hex: "F15A3",
-          version: "5.5.55"
-      }, {
-          name: "router-wireless-settings",
-          hex: "F0A69",
-          version: "2.6.95"
-      }, {
-          name: "routes",
-          hex: "F046A",
-          version: "1.5.54"
-      }, {
-          name: "routes-clock",
-          hex: "F1059",
-          version: "4.1.95"
-      }, {
-          name: "rowing",
-          hex: "F0608",
-          version: "1.5.54"
-      }, {
-          name: "rss",
-          hex: "F046B",
-          version: "1.5.54"
-      }, {
-          name: "rss-box",
-          hex: "F046C",
-          version: "1.5.54"
-      }, {
-          name: "rss-off",
-          hex: "F0F21",
-          version: "3.8.95"
-      }, {
-          name: "rug",
-          hex: "F1475",
-          version: "5.2.45"
-      }, {
-          name: "rugby",
-          hex: "F0D99",
-          version: "3.4.93"
-      }, {
-          name: "ruler",
-          hex: "F046D",
-          version: "1.5.54"
-      }, {
-          name: "ruler-square",
-          hex: "F0CC2",
-          version: "3.2.89"
-      }, {
-          name: "ruler-square-compass",
-          hex: "F0EBE",
-          version: "3.7.94"
-      }, {
-          name: "run",
-          hex: "F070E",
-          version: "1.8.36"
-      }, {
-          name: "run-fast",
-          hex: "F046E",
-          version: "1.5.54"
-      }, {
-          name: "rv-truck",
-          hex: "F11D4",
-          version: "4.5.95"
-      }, {
-          name: "sack",
-          hex: "F0D2E",
-          version: "3.3.92"
-      }, {
-          name: "sack-percent",
-          hex: "F0D2F",
-          version: "3.3.92"
-      }, {
-          name: "safe",
-          hex: "F0A6A",
-          version: "2.6.95"
-      }, {
-          name: "safe-square",
-          hex: "F127C",
-          version: "4.7.95"
-      }, {
-          name: "safe-square-outline",
-          hex: "F127D",
-          version: "4.7.95"
-      }, {
-          name: "safety-goggles",
-          hex: "F0D30",
-          version: "3.3.92"
-      }, {
-          name: "sail-boat",
-          hex: "F0EC8",
-          version: "3.7.94"
-      }, {
-          name: "sale",
-          hex: "F046F",
-          version: "1.5.54"
-      }, {
-          name: "salesforce",
-          hex: "F088E",
-          version: "2.1.99"
-      }, {
-          name: "sass",
-          hex: "F07EC",
-          version: "2.0.46"
-      }, {
-          name: "satellite",
-          hex: "F0470",
-          version: "1.5.54"
-      }, {
-          name: "satellite-uplink",
-          hex: "F0909",
-          version: "2.3.50"
-      }, {
-          name: "satellite-variant",
-          hex: "F0471",
-          version: "1.5.54"
-      }, {
-          name: "sausage",
-          hex: "F08BA",
-          version: "2.2.43"
-      }, {
-          name: "saw-blade",
-          hex: "F0E61",
-          version: "3.6.95"
-      }, {
-          name: "sawtooth-wave",
-          hex: "F147A",
-          version: "5.2.45"
-      }, {
-          name: "saxophone",
-          hex: "F0609",
-          version: "1.5.54"
-      }, {
-          name: "scale",
-          hex: "F0472",
-          version: "1.5.54"
-      }, {
-          name: "scale-balance",
-          hex: "F05D1",
-          version: "1.5.54"
-      }, {
-          name: "scale-bathroom",
-          hex: "F0473",
-          version: "1.5.54"
-      }, {
-          name: "scale-off",
-          hex: "F105A",
-          version: "4.1.95"
-      }, {
-          name: "scan-helper",
-          hex: "F13D8",
-          version: "5.1.45"
-      }, {
-          name: "scanner",
-          hex: "F06AB",
-          version: "1.7.12"
-      }, {
-          name: "scanner-off",
-          hex: "F090A",
-          version: "2.3.50"
-      }, {
-          name: "scatter-plot",
-          hex: "F0EC9",
-          version: "3.7.94"
-      }, {
-          name: "scatter-plot-outline",
-          hex: "F0ECA",
-          version: "3.7.94"
-      }, {
-          name: "school",
-          hex: "F0474",
-          version: "1.5.54"
-      }, {
-          name: "school-outline",
-          hex: "F1180",
-          version: "4.4.95"
-      }, {
-          name: "scissors-cutting",
-          hex: "F0A6B",
-          version: "2.6.95"
-      }, {
-          name: "scooter",
-          hex: "F15BD",
-          version: "5.6.55"
-      }, {
-          name: "scooter-electric",
-          hex: "F15BE",
-          version: "5.6.55"
-      }, {
-          name: "scoreboard",
-          hex: "F127E",
-          version: "4.7.95"
-      }, {
-          name: "scoreboard-outline",
-          hex: "F127F",
-          version: "4.7.95"
-      }, {
-          name: "screen-rotation",
-          hex: "F0475",
-          version: "1.5.54"
-      }, {
-          name: "screen-rotation-lock",
-          hex: "F0478",
-          version: "1.5.54"
-      }, {
-          name: "screw-flat-top",
-          hex: "F0DF3",
-          version: "3.5.94"
-      }, {
-          name: "screw-lag",
-          hex: "F0DF4",
-          version: "3.5.94"
-      }, {
-          name: "screw-machine-flat-top",
-          hex: "F0DF5",
-          version: "3.5.94"
-      }, {
-          name: "screw-machine-round-top",
-          hex: "F0DF6",
-          version: "3.5.94"
-      }, {
-          name: "screw-round-top",
-          hex: "F0DF7",
-          version: "3.5.94"
-      }, {
-          name: "screwdriver",
-          hex: "F0476",
-          version: "1.5.54"
-      }, {
-          name: "script",
-          hex: "F0BC1",
-          version: "3.0.39"
-      }, {
-          name: "script-outline",
-          hex: "F0477",
-          version: "1.5.54"
-      }, {
-          name: "script-text",
-          hex: "F0BC2",
-          version: "3.0.39"
-      }, {
-          name: "script-text-outline",
-          hex: "F0BC3",
-          version: "3.0.39"
-      }, {
-          name: "sd",
-          hex: "F0479",
-          version: "1.5.54"
-      }, {
-          name: "seal",
-          hex: "F047A",
-          version: "1.5.54"
-      }, {
-          name: "seal-variant",
-          hex: "F0FD9",
-          version: "4.0.96"
-      }, {
-          name: "search-web",
-          hex: "F070F",
-          version: "1.8.36"
-      }, {
-          name: "seat",
-          hex: "F0CC3",
-          version: "3.2.89"
-      }, {
-          name: "seat-flat",
-          hex: "F047B",
-          version: "1.5.54"
-      }, {
-          name: "seat-flat-angled",
-          hex: "F047C",
-          version: "1.5.54"
-      }, {
-          name: "seat-individual-suite",
-          hex: "F047D",
-          version: "1.5.54"
-      }, {
-          name: "seat-legroom-extra",
-          hex: "F047E",
-          version: "1.5.54"
-      }, {
-          name: "seat-legroom-normal",
-          hex: "F047F",
-          version: "1.5.54"
-      }, {
-          name: "seat-legroom-reduced",
-          hex: "F0480",
-          version: "1.5.54"
-      }, {
-          name: "seat-outline",
-          hex: "F0CC4",
-          version: "3.2.89"
-      }, {
-          name: "seat-passenger",
-          hex: "F1249",
-          version: "4.6.95"
-      }, {
-          name: "seat-recline-extra",
-          hex: "F0481",
-          version: "1.5.54"
-      }, {
-          name: "seat-recline-normal",
-          hex: "F0482",
-          version: "1.5.54"
-      }, {
-          name: "seatbelt",
-          hex: "F0CC5",
-          version: "3.2.89"
-      }, {
-          name: "security",
-          hex: "F0483",
-          version: "1.5.54"
-      }, {
-          name: "security-network",
-          hex: "F0484",
-          version: "1.5.54"
-      }, {
-          name: "seed",
-          hex: "F0E62",
-          version: "3.6.95"
-      }, {
-          name: "seed-off",
-          hex: "F13FD",
-          version: "5.1.45"
-      }, {
-          name: "seed-off-outline",
-          hex: "F13FE",
-          version: "5.1.45"
-      }, {
-          name: "seed-outline",
-          hex: "F0E63",
-          version: "3.6.95"
-      }, {
-          name: "seesaw",
-          hex: "F15A4",
-          version: "5.5.55"
-      }, {
-          name: "segment",
-          hex: "F0ECB",
-          version: "3.7.94"
-      }, {
-          name: "select",
-          hex: "F0485",
-          version: "1.5.54"
-      }, {
-          name: "select-all",
-          hex: "F0486",
-          version: "1.5.54"
-      }, {
-          name: "select-color",
-          hex: "F0D31",
-          version: "3.3.92"
-      }, {
-          name: "select-compare",
-          hex: "F0AD9",
-          version: "2.7.94"
-      }, {
-          name: "select-drag",
-          hex: "F0A6C",
-          version: "2.6.95"
-      }, {
-          name: "select-group",
-          hex: "F0F82",
-          version: "3.9.97"
-      }, {
-          name: "select-inverse",
-          hex: "F0487",
-          version: "1.5.54"
-      }, {
-          name: "select-marker",
-          hex: "F1280",
-          version: "4.7.95"
-      }, {
-          name: "select-multiple",
-          hex: "F1281",
-          version: "4.7.95"
-      }, {
-          name: "select-multiple-marker",
-          hex: "F1282",
-          version: "4.7.95"
-      }, {
-          name: "select-off",
-          hex: "F0488",
-          version: "1.5.54"
-      }, {
-          name: "select-place",
-          hex: "F0FDA",
-          version: "4.0.96"
-      }, {
-          name: "select-search",
-          hex: "F1204",
-          version: "4.6.95"
-      }, {
-          name: "selection",
-          hex: "F0489",
-          version: "1.5.54"
-      }, {
-          name: "selection-drag",
-          hex: "F0A6D",
-          version: "2.6.95"
-      }, {
-          name: "selection-ellipse",
-          hex: "F0D32",
-          version: "3.3.92"
-      }, {
-          name: "selection-ellipse-arrow-inside",
-          hex: "F0F22",
-          version: "3.8.95"
-      }, {
-          name: "selection-marker",
-          hex: "F1283",
-          version: "4.7.95"
-      }, {
-          name: "selection-multiple",
-          hex: "F1285",
-          version: "4.7.95"
-      }, {
-          name: "selection-multiple-marker",
-          hex: "F1284",
-          version: "4.7.95"
-      }, {
-          name: "selection-off",
-          hex: "F0777",
-          version: "1.9.32"
-      }, {
-          name: "selection-search",
-          hex: "F1205",
-          version: "4.6.95"
-      }, {
-          name: "semantic-web",
-          hex: "F1316",
-          version: "4.8.95"
-      }, {
-          name: "send",
-          hex: "F048A",
-          version: "1.5.54"
-      }, {
-          name: "send-check",
-          hex: "F1161",
-          version: "4.4.95"
-      }, {
-          name: "send-check-outline",
-          hex: "F1162",
-          version: "4.4.95"
-      }, {
-          name: "send-circle",
-          hex: "F0DF8",
-          version: "3.5.94"
-      }, {
-          name: "send-circle-outline",
-          hex: "F0DF9",
-          version: "3.5.94"
-      }, {
-          name: "send-clock",
-          hex: "F1163",
-          version: "4.4.95"
-      }, {
-          name: "send-clock-outline",
-          hex: "F1164",
-          version: "4.4.95"
-      }, {
-          name: "send-lock",
-          hex: "F07ED",
-          version: "2.0.46"
-      }, {
-          name: "send-lock-outline",
-          hex: "F1166",
-          version: "4.4.95"
-      }, {
-          name: "send-outline",
-          hex: "F1165",
-          version: "4.4.95"
-      }, {
-          name: "serial-port",
-          hex: "F065C",
-          version: "1.6.50"
-      }, {
-          name: "server",
-          hex: "F048B",
-          version: "1.5.54"
-      }, {
-          name: "server-minus",
-          hex: "F048C",
-          version: "1.5.54"
-      }, {
-          name: "server-network",
-          hex: "F048D",
-          version: "1.5.54"
-      }, {
-          name: "server-network-off",
-          hex: "F048E",
-          version: "1.5.54"
-      }, {
-          name: "server-off",
-          hex: "F048F",
-          version: "1.5.54"
-      }, {
-          name: "server-plus",
-          hex: "F0490",
-          version: "1.5.54"
-      }, {
-          name: "server-remove",
-          hex: "F0491",
-          version: "1.5.54"
-      }, {
-          name: "server-security",
-          hex: "F0492",
-          version: "1.5.54"
-      }, {
-          name: "set-all",
-          hex: "F0778",
-          version: "1.9.32"
-      }, {
-          name: "set-center",
-          hex: "F0779",
-          version: "1.9.32"
-      }, {
-          name: "set-center-right",
-          hex: "F077A",
-          version: "1.9.32"
-      }, {
-          name: "set-left",
-          hex: "F077B",
-          version: "1.9.32"
-      }, {
-          name: "set-left-center",
-          hex: "F077C",
-          version: "1.9.32"
-      }, {
-          name: "set-left-right",
-          hex: "F077D",
-          version: "1.9.32"
-      }, {
-          name: "set-merge",
-          hex: "F14E0",
-          version: "5.3.45"
-      }, {
-          name: "set-none",
-          hex: "F077E",
-          version: "1.9.32"
-      }, {
-          name: "set-right",
-          hex: "F077F",
-          version: "1.9.32"
-      }, {
-          name: "set-split",
-          hex: "F14E1",
-          version: "5.3.45"
-      }, {
-          name: "set-square",
-          hex: "F145D",
-          version: "5.2.45"
-      }, {
-          name: "set-top-box",
-          hex: "F099F",
-          version: "2.4.85"
-      }, {
-          name: "settings-helper",
-          hex: "F0A6E",
-          version: "2.6.95"
-      }, {
-          name: "shaker",
-          hex: "F110E",
-          version: "4.3.95"
-      }, {
-          name: "shaker-outline",
-          hex: "F110F",
-          version: "4.3.95"
-      }, {
-          name: "shape",
-          hex: "F0831",
-          version: "2.1.19"
-      }, {
-          name: "shape-circle-plus",
-          hex: "F065D",
-          version: "1.6.50"
-      }, {
-          name: "shape-outline",
-          hex: "F0832",
-          version: "2.1.19"
-      }, {
-          name: "shape-oval-plus",
-          hex: "F11FA",
-          version: "4.6.95"
-      }, {
-          name: "shape-plus",
-          hex: "F0495",
-          version: "1.5.54"
-      }, {
-          name: "shape-polygon-plus",
-          hex: "F065E",
-          version: "1.6.50"
-      }, {
-          name: "shape-rectangle-plus",
-          hex: "F065F",
-          version: "1.6.50"
-      }, {
-          name: "shape-square-plus",
-          hex: "F0660",
-          version: "1.6.50"
-      }, {
-          name: "shape-square-rounded-plus",
-          hex: "F14FA",
-          version: "5.4.55"
-      }, {
-          name: "share",
-          hex: "F0496",
-          version: "1.5.54"
-      }, {
-          name: "share-all",
-          hex: "F11F4",
-          version: "4.6.95"
-      }, {
-          name: "share-all-outline",
-          hex: "F11F5",
-          version: "4.6.95"
-      }, {
-          name: "share-circle",
-          hex: "F11AD",
-          version: "4.5.95"
-      }, {
-          name: "share-off",
-          hex: "F0F23",
-          version: "3.8.95"
-      }, {
-          name: "share-off-outline",
-          hex: "F0F24",
-          version: "3.8.95"
-      }, {
-          name: "share-outline",
-          hex: "F0932",
-          version: "2.3.54"
-      }, {
-          name: "share-variant",
-          hex: "F0497",
-          version: "1.5.54"
-      }, {
-          name: "share-variant-outline",
-          hex: "F1514",
-          version: "5.4.55"
-      }, {
-          name: "shark-fin",
-          hex: "F1673",
-          version: "5.7.55"
-      }, {
-          name: "shark-fin-outline",
-          hex: "F1674",
-          version: "5.7.55"
-      }, {
-          name: "sheep",
-          hex: "F0CC6",
-          version: "3.2.89"
-      }, {
-          name: "shield",
-          hex: "F0498",
-          version: "1.5.54"
-      }, {
-          name: "shield-account",
-          hex: "F088F",
-          version: "2.1.99"
-      }, {
-          name: "shield-account-outline",
-          hex: "F0A12",
-          version: "2.5.94"
-      }, {
-          name: "shield-account-variant",
-          hex: "F15A7",
-          version: "5.5.55"
-      }, {
-          name: "shield-account-variant-outline",
-          hex: "F15A8",
-          version: "5.5.55"
-      }, {
-          name: "shield-airplane",
-          hex: "F06BB",
-          version: "1.7.22"
-      }, {
-          name: "shield-airplane-outline",
-          hex: "F0CC7",
-          version: "3.2.89"
-      }, {
-          name: "shield-alert",
-          hex: "F0ECC",
-          version: "3.7.94"
-      }, {
-          name: "shield-alert-outline",
-          hex: "F0ECD",
-          version: "3.7.94"
-      }, {
-          name: "shield-bug",
-          hex: "F13DA",
-          version: "5.1.45"
-      }, {
-          name: "shield-bug-outline",
-          hex: "F13DB",
-          version: "5.1.45"
-      }, {
-          name: "shield-car",
-          hex: "F0F83",
-          version: "3.9.97"
-      }, {
-          name: "shield-check",
-          hex: "F0565",
-          version: "1.5.54"
-      }, {
-          name: "shield-check-outline",
-          hex: "F0CC8",
-          version: "3.2.89"
-      }, {
-          name: "shield-cross",
-          hex: "F0CC9",
-          version: "3.2.89"
-      }, {
-          name: "shield-cross-outline",
-          hex: "F0CCA",
-          version: "3.2.89"
-      }, {
-          name: "shield-edit",
-          hex: "F11A0",
-          version: "4.5.95"
-      }, {
-          name: "shield-edit-outline",
-          hex: "F11A1",
-          version: "4.5.95"
-      }, {
-          name: "shield-half",
-          hex: "F1360",
-          version: "4.9.95"
-      }, {
-          name: "shield-half-full",
-          hex: "F0780",
-          version: "1.9.32"
-      }, {
-          name: "shield-home",
-          hex: "F068A",
-          version: "1.7.12"
-      }, {
-          name: "shield-home-outline",
-          hex: "F0CCB",
-          version: "3.2.89"
-      }, {
-          name: "shield-key",
-          hex: "F0BC4",
-          version: "3.0.39"
-      }, {
-          name: "shield-key-outline",
-          hex: "F0BC5",
-          version: "3.0.39"
-      }, {
-          name: "shield-link-variant",
-          hex: "F0D33",
-          version: "3.3.92"
-      }, {
-          name: "shield-link-variant-outline",
-          hex: "F0D34",
-          version: "3.3.92"
-      }, {
-          name: "shield-lock",
-          hex: "F099D",
-          version: "2.4.85"
-      }, {
-          name: "shield-lock-outline",
-          hex: "F0CCC",
-          version: "3.2.89"
-      }, {
-          name: "shield-off",
-          hex: "F099E",
-          version: "2.4.85"
-      }, {
-          name: "shield-off-outline",
-          hex: "F099C",
-          version: "2.4.85"
-      }, {
-          name: "shield-outline",
-          hex: "F0499",
-          version: "1.5.54"
-      }, {
-          name: "shield-plus",
-          hex: "F0ADA",
-          version: "2.7.94"
-      }, {
-          name: "shield-plus-outline",
-          hex: "F0ADB",
-          version: "2.7.94"
-      }, {
-          name: "shield-refresh",
-          hex: "F00AA",
-          version: "1.5.54"
-      }, {
-          name: "shield-refresh-outline",
-          hex: "F01E0",
-          version: "1.5.54"
-      }, {
-          name: "shield-remove",
-          hex: "F0ADC",
-          version: "2.7.94"
-      }, {
-          name: "shield-remove-outline",
-          hex: "F0ADD",
-          version: "2.7.94"
-      }, {
-          name: "shield-search",
-          hex: "F0D9A",
-          version: "3.4.93"
-      }, {
-          name: "shield-star",
-          hex: "F113B",
-          version: "4.4.95"
-      }, {
-          name: "shield-star-outline",
-          hex: "F113C",
-          version: "4.4.95"
-      }, {
-          name: "shield-sun",
-          hex: "F105D",
-          version: "4.1.95"
-      }, {
-          name: "shield-sun-outline",
-          hex: "F105E",
-          version: "4.1.95"
-      }, {
-          name: "shield-sync",
-          hex: "F11A2",
-          version: "4.5.95"
-      }, {
-          name: "shield-sync-outline",
-          hex: "F11A3",
-          version: "4.5.95"
-      }, {
-          name: "ship-wheel",
-          hex: "F0833",
-          version: "2.1.19"
-      }, {
-          name: "shoe-ballet",
-          hex: "F15CA",
-          version: "5.6.55"
-      }, {
-          name: "shoe-cleat",
-          hex: "F15C7",
-          version: "5.6.55"
-      }, {
-          name: "shoe-formal",
-          hex: "F0B47",
-          version: "2.8.94"
-      }, {
-          name: "shoe-heel",
-          hex: "F0B48",
-          version: "2.8.94"
-      }, {
-          name: "shoe-print",
-          hex: "F0DFA",
-          version: "3.5.94"
-      }, {
-          name: "shoe-sneaker",
-          hex: "F15C8",
-          version: "5.6.55"
-      }, {
-          name: "shopping",
-          hex: "F049A",
-          version: "1.5.54"
-      }, {
-          name: "shopping-music",
-          hex: "F049B",
-          version: "1.5.54"
-      }, {
-          name: "shopping-outline",
-          hex: "F11D5",
-          version: "4.5.95"
-      }, {
-          name: "shopping-search",
-          hex: "F0F84",
-          version: "3.9.97"
-      }, {
-          name: "shore",
-          hex: "F14F9",
-          version: "5.4.55"
-      }, {
-          name: "shovel",
-          hex: "F0710",
-          version: "1.8.36"
-      }, {
-          name: "shovel-off",
-          hex: "F0711",
-          version: "1.8.36"
-      }, {
-          name: "shower",
-          hex: "F09A0",
-          version: "2.4.85"
-      }, {
-          name: "shower-head",
-          hex: "F09A1",
-          version: "2.4.85"
-      }, {
-          name: "shredder",
-          hex: "F049C",
-          version: "1.5.54"
-      }, {
-          name: "shuffle",
-          hex: "F049D",
-          version: "1.5.54"
-      }, {
-          name: "shuffle-disabled",
-          hex: "F049E",
-          version: "1.5.54"
-      }, {
-          name: "shuffle-variant",
-          hex: "F049F",
-          version: "1.5.54"
-      }, {
-          name: "shuriken",
-          hex: "F137F",
-          version: "4.9.95"
-      }, {
-          name: "sigma",
-          hex: "F04A0",
-          version: "1.5.54"
-      }, {
-          name: "sigma-lower",
-          hex: "F062B",
-          version: "1.6.50"
-      }, {
-          name: "sign-caution",
-          hex: "F04A1",
-          version: "1.5.54"
-      }, {
-          name: "sign-direction",
-          hex: "F0781",
-          version: "1.9.32"
-      }, {
-          name: "sign-direction-minus",
-          hex: "F1000",
-          version: "4.0.96"
-      }, {
-          name: "sign-direction-plus",
-          hex: "F0FDC",
-          version: "4.0.96"
-      }, {
-          name: "sign-direction-remove",
-          hex: "F0FDD",
-          version: "4.0.96"
-      }, {
-          name: "sign-pole",
-          hex: "F14F8",
-          version: "5.4.55"
-      }, {
-          name: "sign-real-estate",
-          hex: "F1118",
-          version: "4.3.95"
-      }, {
-          name: "sign-text",
-          hex: "F0782",
-          version: "1.9.32"
-      }, {
-          name: "signal",
-          hex: "F04A2",
-          version: "1.5.54"
-      }, {
-          name: "signal-2g",
-          hex: "F0712",
-          version: "1.8.36"
-      }, {
-          name: "signal-3g",
-          hex: "F0713",
-          version: "1.8.36"
-      }, {
-          name: "signal-4g",
-          hex: "F0714",
-          version: "1.8.36"
-      }, {
-          name: "signal-5g",
-          hex: "F0A6F",
-          version: "2.6.95"
-      }, {
-          name: "signal-cellular-1",
-          hex: "F08BC",
-          version: "2.2.43"
-      }, {
-          name: "signal-cellular-2",
-          hex: "F08BD",
-          version: "2.2.43"
-      }, {
-          name: "signal-cellular-3",
-          hex: "F08BE",
-          version: "2.2.43"
-      }, {
-          name: "signal-cellular-outline",
-          hex: "F08BF",
-          version: "2.2.43"
-      }, {
-          name: "signal-distance-variant",
-          hex: "F0E64",
-          version: "3.6.95"
-      }, {
-          name: "signal-hspa",
-          hex: "F0715",
-          version: "1.8.36"
-      }, {
-          name: "signal-hspa-plus",
-          hex: "F0716",
-          version: "1.8.36"
-      }, {
-          name: "signal-off",
-          hex: "F0783",
-          version: "1.9.32"
-      }, {
-          name: "signal-variant",
-          hex: "F060A",
-          version: "1.5.54"
-      }, {
-          name: "signature",
-          hex: "F0DFB",
-          version: "3.5.94"
-      }, {
-          name: "signature-freehand",
-          hex: "F0DFC",
-          version: "3.5.94"
-      }, {
-          name: "signature-image",
-          hex: "F0DFD",
-          version: "3.5.94"
-      }, {
-          name: "signature-text",
-          hex: "F0DFE",
-          version: "3.5.94"
-      }, {
-          name: "silo",
-          hex: "F0B49",
-          version: "2.8.94"
-      }, {
-          name: "silverware",
-          hex: "F04A3",
-          version: "1.5.54"
-      }, {
-          name: "silverware-clean",
-          hex: "F0FDE",
-          version: "4.0.96"
-      }, {
-          name: "silverware-fork",
-          hex: "F04A4",
-          version: "1.5.54"
-      }, {
-          name: "silverware-fork-knife",
-          hex: "F0A70",
-          version: "2.6.95"
-      }, {
-          name: "silverware-spoon",
-          hex: "F04A5",
-          version: "1.5.54"
-      }, {
-          name: "silverware-variant",
-          hex: "F04A6",
-          version: "1.5.54"
-      }, {
-          name: "sim",
-          hex: "F04A7",
-          version: "1.5.54"
-      }, {
-          name: "sim-alert",
-          hex: "F04A8",
-          version: "1.5.54"
-      }, {
-          name: "sim-alert-outline",
-          hex: "F15D3",
-          version: "5.6.55"
-      }, {
-          name: "sim-off",
-          hex: "F04A9",
-          version: "1.5.54"
-      }, {
-          name: "sim-off-outline",
-          hex: "F15D4",
-          version: "5.6.55"
-      }, {
-          name: "sim-outline",
-          hex: "F15D5",
-          version: "5.6.55"
-      }, {
-          name: "simple-icons",
-          hex: "F131D",
-          version: "4.8.95"
-      }, {
-          name: "sina-weibo",
-          hex: "F0ADF",
-          version: "2.7.94"
-      }, {
-          name: "sine-wave",
-          hex: "F095B",
-          version: "2.4.85"
-      }, {
-          name: "sitemap",
-          hex: "F04AA",
-          version: "1.5.54"
-      }, {
-          name: "size-l",
-          hex: "F13A6",
-          version: "5.0.45"
-      }, {
-          name: "size-m",
-          hex: "F13A5",
-          version: "5.0.45"
-      }, {
-          name: "size-s",
-          hex: "F13A4",
-          version: "5.0.45"
-      }, {
-          name: "size-xl",
-          hex: "F13A7",
-          version: "5.0.45"
-      }, {
-          name: "size-xs",
-          hex: "F13A3",
-          version: "5.0.45"
-      }, {
-          name: "size-xxl",
-          hex: "F13A8",
-          version: "5.0.45"
-      }, {
-          name: "size-xxs",
-          hex: "F13A2",
-          version: "5.0.45"
-      }, {
-          name: "size-xxxl",
-          hex: "F13A9",
-          version: "5.0.45"
-      }, {
-          name: "skate",
-          hex: "F0D35",
-          version: "3.3.92"
-      }, {
-          name: "skateboard",
-          hex: "F14C2",
-          version: "5.3.45"
-      }, {
-          name: "skew-less",
-          hex: "F0D36",
-          version: "3.3.92"
-      }, {
-          name: "skew-more",
-          hex: "F0D37",
-          version: "3.3.92"
-      }, {
-          name: "ski",
-          hex: "F1304",
-          version: "4.8.95"
-      }, {
-          name: "ski-cross-country",
-          hex: "F1305",
-          version: "4.8.95"
-      }, {
-          name: "ski-water",
-          hex: "F1306",
-          version: "4.8.95"
-      }, {
-          name: "skip-backward",
-          hex: "F04AB",
-          version: "1.5.54"
-      }, {
-          name: "skip-backward-outline",
-          hex: "F0F25",
-          version: "3.8.95"
-      }, {
-          name: "skip-forward",
-          hex: "F04AC",
-          version: "1.5.54"
-      }, {
-          name: "skip-forward-outline",
-          hex: "F0F26",
-          version: "3.8.95"
-      }, {
-          name: "skip-next",
-          hex: "F04AD",
-          version: "1.5.54"
-      }, {
-          name: "skip-next-circle",
-          hex: "F0661",
-          version: "1.6.50"
-      }, {
-          name: "skip-next-circle-outline",
-          hex: "F0662",
-          version: "1.6.50"
-      }, {
-          name: "skip-next-outline",
-          hex: "F0F27",
-          version: "3.8.95"
-      }, {
-          name: "skip-previous",
-          hex: "F04AE",
-          version: "1.5.54"
-      }, {
-          name: "skip-previous-circle",
-          hex: "F0663",
-          version: "1.6.50"
-      }, {
-          name: "skip-previous-circle-outline",
-          hex: "F0664",
-          version: "1.6.50"
-      }, {
-          name: "skip-previous-outline",
-          hex: "F0F28",
-          version: "3.8.95"
-      }, {
-          name: "skull",
-          hex: "F068C",
-          version: "1.7.12"
-      }, {
-          name: "skull-crossbones",
-          hex: "F0BC6",
-          version: "3.0.39"
-      }, {
-          name: "skull-crossbones-outline",
-          hex: "F0BC7",
-          version: "3.0.39"
-      }, {
-          name: "skull-outline",
-          hex: "F0BC8",
-          version: "3.0.39"
-      }, {
-          name: "skull-scan",
-          hex: "F14C7",
-          version: "5.3.45"
-      }, {
-          name: "skull-scan-outline",
-          hex: "F14C8",
-          version: "5.3.45"
-      }, {
-          name: "skype",
-          hex: "F04AF",
-          version: "1.5.54"
-      }, {
-          name: "skype-business",
-          hex: "F04B0",
-          version: "1.5.54"
-      }, {
-          name: "slack",
-          hex: "F04B1",
-          version: "1.5.54"
-      }, {
-          name: "slash-forward",
-          hex: "F0FDF",
-          version: "4.0.96"
-      }, {
-          name: "slash-forward-box",
-          hex: "F0FE0",
-          version: "4.0.96"
-      }, {
-          name: "sleep",
-          hex: "F04B2",
-          version: "1.5.54"
-      }, {
-          name: "sleep-off",
-          hex: "F04B3",
-          version: "1.5.54"
-      }, {
-          name: "slide",
-          hex: "F15A5",
-          version: "5.5.55"
-      }, {
-          name: "slope-downhill",
-          hex: "F0DFF",
-          version: "3.5.94"
-      }, {
-          name: "slope-uphill",
-          hex: "F0E00",
-          version: "3.5.94"
-      }, {
-          name: "slot-machine",
-          hex: "F1114",
-          version: "4.3.95"
-      }, {
-          name: "slot-machine-outline",
-          hex: "F1115",
-          version: "4.3.95"
-      }, {
-          name: "smart-card",
-          hex: "F10BD",
-          version: "4.2.95"
-      }, {
-          name: "smart-card-outline",
-          hex: "F10BE",
-          version: "4.2.95"
-      }, {
-          name: "smart-card-reader",
-          hex: "F10BF",
-          version: "4.2.95"
-      }, {
-          name: "smart-card-reader-outline",
-          hex: "F10C0",
-          version: "4.2.95"
-      }, {
-          name: "smog",
-          hex: "F0A71",
-          version: "2.6.95"
-      }, {
-          name: "smoke-detector",
-          hex: "F0392",
-          version: "1.5.54"
-      }, {
-          name: "smoking",
-          hex: "F04B4",
-          version: "1.5.54"
-      }, {
-          name: "smoking-off",
-          hex: "F04B5",
-          version: "1.5.54"
-      }, {
-          name: "smoking-pipe",
-          hex: "F140D",
-          version: "5.1.45"
-      }, {
-          name: "smoking-pipe-off",
-          hex: "F1428",
-          version: "5.2.45"
-      }, {
-          name: "snail",
-          hex: "F1677",
-          version: "5.7.55"
-      }, {
-          name: "snake",
-          hex: "F150E",
-          version: "5.4.55"
-      }, {
-          name: "snapchat",
-          hex: "F04B6",
-          version: "1.5.54"
-      }, {
-          name: "snowboard",
-          hex: "F1307",
-          version: "4.8.95"
-      }, {
-          name: "snowflake",
-          hex: "F0717",
-          version: "1.8.36"
-      }, {
-          name: "snowflake-alert",
-          hex: "F0F29",
-          version: "3.8.95"
-      }, {
-          name: "snowflake-melt",
-          hex: "F12CB",
-          version: "4.8.95"
-      }, {
-          name: "snowflake-off",
-          hex: "F14E3",
-          version: "5.4.55"
-      }, {
-          name: "snowflake-variant",
-          hex: "F0F2A",
-          version: "3.8.95"
-      }, {
-          name: "snowman",
-          hex: "F04B7",
-          version: "1.5.54"
-      }, {
-          name: "soccer",
-          hex: "F04B8",
-          version: "1.5.54"
-      }, {
-          name: "soccer-field",
-          hex: "F0834",
-          version: "2.1.19"
-      }, {
-          name: "social-distance-2-meters",
-          hex: "F1579",
-          version: "5.5.55"
-      }, {
-          name: "social-distance-6-feet",
-          hex: "F157A",
-          version: "5.5.55"
-      }, {
-          name: "sofa",
-          hex: "F04B9",
-          version: "1.5.54"
-      }, {
-          name: "sofa-outline",
-          hex: "F156D",
-          version: "5.5.55"
-      }, {
-          name: "sofa-single",
-          hex: "F156E",
-          version: "5.5.55"
-      }, {
-          name: "sofa-single-outline",
-          hex: "F156F",
-          version: "5.5.55"
-      }, {
-          name: "solar-panel",
-          hex: "F0D9B",
-          version: "3.4.93"
-      }, {
-          name: "solar-panel-large",
-          hex: "F0D9C",
-          version: "3.4.93"
-      }, {
-          name: "solar-power",
-          hex: "F0A72",
-          version: "2.6.95"
-      }, {
-          name: "soldering-iron",
-          hex: "F1092",
-          version: "4.2.95"
-      }, {
-          name: "solid",
-          hex: "F068D",
-          version: "1.7.12"
-      }, {
-          name: "sony-playstation",
-          hex: "F0414",
-          version: "1.5.54"
-      }, {
-          name: "sort",
-          hex: "F04BA",
-          version: "1.5.54"
-      }, {
-          name: "sort-alphabetical-ascending",
-          hex: "F05BD",
-          version: "1.5.54"
-      }, {
-          name: "sort-alphabetical-ascending-variant",
-          hex: "F1148",
-          version: "4.4.95"
-      }, {
-          name: "sort-alphabetical-descending",
-          hex: "F05BF",
-          version: "1.5.54"
-      }, {
-          name: "sort-alphabetical-descending-variant",
-          hex: "F1149",
-          version: "4.4.95"
-      }, {
-          name: "sort-alphabetical-variant",
-          hex: "F04BB",
-          version: "1.5.54"
-      }, {
-          name: "sort-ascending",
-          hex: "F04BC",
-          version: "1.5.54"
-      }, {
-          name: "sort-bool-ascending",
-          hex: "F1385",
-          version: "5.0.45"
-      }, {
-          name: "sort-bool-ascending-variant",
-          hex: "F1386",
-          version: "5.0.45"
-      }, {
-          name: "sort-bool-descending",
-          hex: "F1387",
-          version: "5.0.45"
-      }, {
-          name: "sort-bool-descending-variant",
-          hex: "F1388",
-          version: "5.0.45"
-      }, {
-          name: "sort-calendar-ascending",
-          hex: "F1547",
-          version: "5.4.55"
-      }, {
-          name: "sort-calendar-descending",
-          hex: "F1548",
-          version: "5.4.55"
-      }, {
-          name: "sort-clock-ascending",
-          hex: "F1549",
-          version: "5.4.55"
-      }, {
-          name: "sort-clock-ascending-outline",
-          hex: "F154A",
-          version: "5.4.55"
-      }, {
-          name: "sort-clock-descending",
-          hex: "F154B",
-          version: "5.4.55"
-      }, {
-          name: "sort-clock-descending-outline",
-          hex: "F154C",
-          version: "5.4.55"
-      }, {
-          name: "sort-descending",
-          hex: "F04BD",
-          version: "1.5.54"
-      }, {
-          name: "sort-numeric-ascending",
-          hex: "F1389",
-          version: "5.0.45"
-      }, {
-          name: "sort-numeric-ascending-variant",
-          hex: "F090D",
-          version: "2.3.50"
-      }, {
-          name: "sort-numeric-descending",
-          hex: "F138A",
-          version: "5.0.45"
-      }, {
-          name: "sort-numeric-descending-variant",
-          hex: "F0AD2",
-          version: "2.7.94"
-      }, {
-          name: "sort-numeric-variant",
-          hex: "F04BE",
-          version: "1.5.54"
-      }, {
-          name: "sort-reverse-variant",
-          hex: "F033C",
-          version: "1.5.54"
-      }, {
-          name: "sort-variant",
-          hex: "F04BF",
-          version: "1.5.54"
-      }, {
-          name: "sort-variant-lock",
-          hex: "F0CCD",
-          version: "3.2.89"
-      }, {
-          name: "sort-variant-lock-open",
-          hex: "F0CCE",
-          version: "3.2.89"
-      }, {
-          name: "sort-variant-remove",
-          hex: "F1147",
-          version: "4.4.95"
-      }, {
-          name: "soundcloud",
-          hex: "F04C0",
-          version: "1.5.54"
-      }, {
-          name: "source-branch",
-          hex: "F062C",
-          version: "1.6.50"
-      }, {
-          name: "source-branch-check",
-          hex: "F14CF",
-          version: "5.3.45"
-      }, {
-          name: "source-branch-minus",
-          hex: "F14CB",
-          version: "5.3.45"
-      }, {
-          name: "source-branch-plus",
-          hex: "F14CA",
-          version: "5.3.45"
-      }, {
-          name: "source-branch-refresh",
-          hex: "F14CD",
-          version: "5.3.45"
-      }, {
-          name: "source-branch-remove",
-          hex: "F14CC",
-          version: "5.3.45"
-      }, {
-          name: "source-branch-sync",
-          hex: "F14CE",
-          version: "5.3.45"
-      }, {
-          name: "source-commit",
-          hex: "F0718",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-end",
-          hex: "F0719",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-end-local",
-          hex: "F071A",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-local",
-          hex: "F071B",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-next-local",
-          hex: "F071C",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-start",
-          hex: "F071D",
-          version: "1.8.36"
-      }, {
-          name: "source-commit-start-next-local",
-          hex: "F071E",
-          version: "1.8.36"
-      }, {
-          name: "source-fork",
-          hex: "F04C1",
-          version: "1.5.54"
-      }, {
-          name: "source-merge",
-          hex: "F062D",
-          version: "1.6.50"
-      }, {
-          name: "source-pull",
-          hex: "F04C2",
-          version: "1.5.54"
-      }, {
-          name: "source-repository",
-          hex: "F0CCF",
-          version: "3.2.89"
-      }, {
-          name: "source-repository-multiple",
-          hex: "F0CD0",
-          version: "3.2.89"
-      }, {
-          name: "soy-sauce",
-          hex: "F07EE",
-          version: "2.0.46"
-      }, {
-          name: "soy-sauce-off",
-          hex: "F13FC",
-          version: "5.1.45"
-      }, {
-          name: "spa",
-          hex: "F0CD1",
-          version: "3.2.89"
-      }, {
-          name: "spa-outline",
-          hex: "F0CD2",
-          version: "3.2.89"
-      }, {
-          name: "space-invaders",
-          hex: "F0BC9",
-          version: "3.0.39"
-      }, {
-          name: "space-station",
-          hex: "F1383",
-          version: "4.9.95"
-      }, {
-          name: "spade",
-          hex: "F0E65",
-          version: "3.6.95"
-      }, {
-          name: "sparkles",
-          hex: "F1545",
-          version: "5.4.55"
-      }, {
-          name: "speaker",
-          hex: "F04C3",
-          version: "1.5.54"
-      }, {
-          name: "speaker-bluetooth",
-          hex: "F09A2",
-          version: "2.4.85"
-      }, {
-          name: "speaker-multiple",
-          hex: "F0D38",
-          version: "3.3.92"
-      }, {
-          name: "speaker-off",
-          hex: "F04C4",
-          version: "1.5.54"
-      }, {
-          name: "speaker-wireless",
-          hex: "F071F",
-          version: "1.8.36"
-      }, {
-          name: "speedometer",
-          hex: "F04C5",
-          version: "1.5.54"
-      }, {
-          name: "speedometer-medium",
-          hex: "F0F85",
-          version: "3.9.97"
-      }, {
-          name: "speedometer-slow",
-          hex: "F0F86",
-          version: "3.9.97"
-      }, {
-          name: "spellcheck",
-          hex: "F04C6",
-          version: "1.5.54"
-      }, {
-          name: "spider",
-          hex: "F11EA",
-          version: "4.5.95"
-      }, {
-          name: "spider-thread",
-          hex: "F11EB",
-          version: "4.5.95"
-      }, {
-          name: "spider-web",
-          hex: "F0BCA",
-          version: "3.0.39"
-      }, {
-          name: "spirit-level",
-          hex: "F14F1",
-          version: "5.4.55"
-      }, {
-          name: "spoon-sugar",
-          hex: "F1429",
-          version: "5.2.45"
-      }, {
-          name: "spotify",
-          hex: "F04C7",
-          version: "1.5.54"
-      }, {
-          name: "spotlight",
-          hex: "F04C8",
-          version: "1.5.54"
-      }, {
-          name: "spotlight-beam",
-          hex: "F04C9",
-          version: "1.5.54"
-      }, {
-          name: "spray",
-          hex: "F0665",
-          version: "1.6.50"
-      }, {
-          name: "spray-bottle",
-          hex: "F0AE0",
-          version: "2.7.94"
-      }, {
-          name: "sprinkler",
-          hex: "F105F",
-          version: "4.1.95"
-      }, {
-          name: "sprinkler-variant",
-          hex: "F1060",
-          version: "4.1.95"
-      }, {
-          name: "sprout",
-          hex: "F0E66",
-          version: "3.6.95"
-      }, {
-          name: "sprout-outline",
-          hex: "F0E67",
-          version: "3.6.95"
-      }, {
-          name: "square",
-          hex: "F0764",
-          version: "1.9.32"
-      }, {
-          name: "square-circle",
-          hex: "F1500",
-          version: "5.4.55"
-      }, {
-          name: "square-edit-outline",
-          hex: "F090C",
-          version: "2.3.50"
-      }, {
-          name: "square-medium",
-          hex: "F0A13",
-          version: "2.5.94"
-      }, {
-          name: "square-medium-outline",
-          hex: "F0A14",
-          version: "2.5.94"
-      }, {
-          name: "square-off",
-          hex: "F12EE",
-          version: "4.8.95"
-      }, {
-          name: "square-off-outline",
-          hex: "F12EF",
-          version: "4.8.95"
-      }, {
-          name: "square-outline",
-          hex: "F0763",
-          version: "1.9.32"
-      }, {
-          name: "square-root",
-          hex: "F0784",
-          version: "1.9.32"
-      }, {
-          name: "square-root-box",
-          hex: "F09A3",
-          version: "2.4.85"
-      }, {
-          name: "square-rounded",
-          hex: "F14FB",
-          version: "5.4.55"
-      }, {
-          name: "square-rounded-outline",
-          hex: "F14FC",
-          version: "5.4.55"
-      }, {
-          name: "square-small",
-          hex: "F0A15",
-          version: "2.5.94"
-      }, {
-          name: "square-wave",
-          hex: "F147B",
-          version: "5.2.45"
-      }, {
-          name: "squeegee",
-          hex: "F0AE1",
-          version: "2.7.94"
-      }, {
-          name: "ssh",
-          hex: "F08C0",
-          version: "2.2.43"
-      }, {
-          name: "stack-exchange",
-          hex: "F060B",
-          version: "1.5.54"
-      }, {
-          name: "stack-overflow",
-          hex: "F04CC",
-          version: "1.5.54"
-      }, {
-          name: "stackpath",
-          hex: "F0359",
-          version: "1.5.54"
-      }, {
-          name: "stadium",
-          hex: "F0FF9",
-          version: "4.0.96"
-      }, {
-          name: "stadium-variant",
-          hex: "F0720",
-          version: "1.8.36"
-      }, {
-          name: "stairs",
-          hex: "F04CD",
-          version: "1.5.54"
-      }, {
-          name: "stairs-box",
-          hex: "F139E",
-          version: "5.0.45"
-      }, {
-          name: "stairs-down",
-          hex: "F12BE",
-          version: "4.8.95"
-      }, {
-          name: "stairs-up",
-          hex: "F12BD",
-          version: "4.8.95"
-      }, {
-          name: "stamper",
-          hex: "F0D39",
-          version: "3.3.92"
-      }, {
-          name: "standard-definition",
-          hex: "F07EF",
-          version: "2.0.46"
-      }, {
-          name: "star",
-          hex: "F04CE",
-          version: "1.5.54"
-      }, {
-          name: "star-box",
-          hex: "F0A73",
-          version: "2.6.95"
-      }, {
-          name: "star-box-multiple",
-          hex: "F1286",
-          version: "4.7.95"
-      }, {
-          name: "star-box-multiple-outline",
-          hex: "F1287",
-          version: "4.7.95"
-      }, {
-          name: "star-box-outline",
-          hex: "F0A74",
-          version: "2.6.95"
-      }, {
-          name: "star-check",
-          hex: "F1566",
-          version: "5.5.55"
-      }, {
-          name: "star-check-outline",
-          hex: "F156A",
-          version: "5.5.55"
-      }, {
-          name: "star-circle",
-          hex: "F04CF",
-          version: "1.5.54"
-      }, {
-          name: "star-circle-outline",
-          hex: "F09A4",
-          version: "2.4.85"
-      }, {
-          name: "star-cog",
-          hex: "F1668",
-          version: "5.7.55"
-      }, {
-          name: "star-cog-outline",
-          hex: "F1669",
-          version: "5.7.55"
-      }, {
-          name: "star-face",
-          hex: "F09A5",
-          version: "2.4.85"
-      }, {
-          name: "star-four-points",
-          hex: "F0AE2",
-          version: "2.7.94"
-      }, {
-          name: "star-four-points-outline",
-          hex: "F0AE3",
-          version: "2.7.94"
-      }, {
-          name: "star-half",
-          hex: "F0246",
-          version: "1.5.54"
-      }, {
-          name: "star-half-full",
-          hex: "F04D0",
-          version: "1.5.54"
-      }, {
-          name: "star-minus",
-          hex: "F1564",
-          version: "5.5.55"
-      }, {
-          name: "star-minus-outline",
-          hex: "F1568",
-          version: "5.5.55"
-      }, {
-          name: "star-off",
-          hex: "F04D1",
-          version: "1.5.54"
-      }, {
-          name: "star-off-outline",
-          hex: "F155B",
-          version: "5.5.55"
-      }, {
-          name: "star-outline",
-          hex: "F04D2",
-          version: "1.5.54"
-      }, {
-          name: "star-plus",
-          hex: "F1563",
-          version: "5.5.55"
-      }, {
-          name: "star-plus-outline",
-          hex: "F1567",
-          version: "5.5.55"
-      }, {
-          name: "star-remove",
-          hex: "F1565",
-          version: "5.5.55"
-      }, {
-          name: "star-remove-outline",
-          hex: "F1569",
-          version: "5.5.55"
-      }, {
-          name: "star-settings",
-          hex: "F166A",
-          version: "5.7.55"
-      }, {
-          name: "star-settings-outline",
-          hex: "F166B",
-          version: "5.7.55"
-      }, {
-          name: "star-three-points",
-          hex: "F0AE4",
-          version: "2.7.94"
-      }, {
-          name: "star-three-points-outline",
-          hex: "F0AE5",
-          version: "2.7.94"
-      }, {
-          name: "state-machine",
-          hex: "F11EF",
-          version: "4.5.95"
-      }, {
-          name: "steam",
-          hex: "F04D3",
-          version: "1.5.54"
-      }, {
-          name: "steering",
-          hex: "F04D4",
-          version: "1.5.54"
-      }, {
-          name: "steering-off",
-          hex: "F090E",
-          version: "2.3.50"
-      }, {
-          name: "step-backward",
-          hex: "F04D5",
-          version: "1.5.54"
-      }, {
-          name: "step-backward-2",
-          hex: "F04D6",
-          version: "1.5.54"
-      }, {
-          name: "step-forward",
-          hex: "F04D7",
-          version: "1.5.54"
-      }, {
-          name: "step-forward-2",
-          hex: "F04D8",
-          version: "1.5.54"
-      }, {
-          name: "stethoscope",
-          hex: "F04D9",
-          version: "1.5.54"
-      }, {
-          name: "sticker",
-          hex: "F1364",
-          version: "4.9.95"
-      }, {
-          name: "sticker-alert",
-          hex: "F1365",
-          version: "4.9.95"
-      }, {
-          name: "sticker-alert-outline",
-          hex: "F1366",
-          version: "4.9.95"
-      }, {
-          name: "sticker-check",
-          hex: "F1367",
-          version: "4.9.95"
-      }, {
-          name: "sticker-check-outline",
-          hex: "F1368",
-          version: "4.9.95"
-      }, {
-          name: "sticker-circle-outline",
-          hex: "F05D0",
-          version: "1.5.54"
-      }, {
-          name: "sticker-emoji",
-          hex: "F0785",
-          version: "1.9.32"
-      }, {
-          name: "sticker-minus",
-          hex: "F1369",
-          version: "4.9.95"
-      }, {
-          name: "sticker-minus-outline",
-          hex: "F136A",
-          version: "4.9.95"
-      }, {
-          name: "sticker-outline",
-          hex: "F136B",
-          version: "4.9.95"
-      }, {
-          name: "sticker-plus",
-          hex: "F136C",
-          version: "4.9.95"
-      }, {
-          name: "sticker-plus-outline",
-          hex: "F136D",
-          version: "4.9.95"
-      }, {
-          name: "sticker-remove",
-          hex: "F136E",
-          version: "4.9.95"
-      }, {
-          name: "sticker-remove-outline",
-          hex: "F136F",
-          version: "4.9.95"
-      }, {
-          name: "stocking",
-          hex: "F04DA",
-          version: "1.5.54"
-      }, {
-          name: "stomach",
-          hex: "F1093",
-          version: "4.2.95"
-      }, {
-          name: "stop",
-          hex: "F04DB",
-          version: "1.5.54"
-      }, {
-          name: "stop-circle",
-          hex: "F0666",
-          version: "1.6.50"
-      }, {
-          name: "stop-circle-outline",
-          hex: "F0667",
-          version: "1.6.50"
-      }, {
-          name: "store",
-          hex: "F04DC",
-          version: "1.5.54"
-      }, {
-          name: "store-24-hour",
-          hex: "F04DD",
-          version: "1.5.54"
-      }, {
-          name: "store-minus",
-          hex: "F165E",
-          version: "5.7.55"
-      }, {
-          name: "store-outline",
-          hex: "F1361",
-          version: "4.9.95"
-      }, {
-          name: "store-plus",
-          hex: "F165F",
-          version: "5.7.55"
-      }, {
-          name: "store-remove",
-          hex: "F1660",
-          version: "5.7.55"
-      }, {
-          name: "storefront",
-          hex: "F07C7",
-          version: "2.0.46"
-      }, {
-          name: "storefront-outline",
-          hex: "F10C1",
-          version: "4.2.95"
-      }, {
-          name: "stove",
-          hex: "F04DE",
-          version: "1.5.54"
-      }, {
-          name: "strategy",
-          hex: "F11D6",
-          version: "4.5.95"
-      }, {
-          name: "stretch-to-page",
-          hex: "F0F2B",
-          version: "3.8.95"
-      }, {
-          name: "stretch-to-page-outline",
-          hex: "F0F2C",
-          version: "3.8.95"
-      }, {
-          name: "string-lights",
-          hex: "F12BA",
-          version: "4.7.95"
-      }, {
-          name: "string-lights-off",
-          hex: "F12BB",
-          version: "4.7.95"
-      }, {
-          name: "subdirectory-arrow-left",
-          hex: "F060C",
-          version: "1.5.54"
-      }, {
-          name: "subdirectory-arrow-right",
-          hex: "F060D",
-          version: "1.5.54"
-      }, {
-          name: "submarine",
-          hex: "F156C",
-          version: "5.5.55"
-      }, {
-          name: "subtitles",
-          hex: "F0A16",
-          version: "2.5.94"
-      }, {
-          name: "subtitles-outline",
-          hex: "F0A17",
-          version: "2.5.94"
-      }, {
-          name: "subway",
-          hex: "F06AC",
-          version: "1.7.12"
-      }, {
-          name: "subway-alert-variant",
-          hex: "F0D9D",
-          version: "3.4.93"
-      }, {
-          name: "subway-variant",
-          hex: "F04DF",
-          version: "1.5.54"
-      }, {
-          name: "summit",
-          hex: "F0786",
-          version: "1.9.32"
-      }, {
-          name: "sunglasses",
-          hex: "F04E0",
-          version: "1.5.54"
-      }, {
-          name: "surround-sound",
-          hex: "F05C5",
-          version: "1.5.54"
-      }, {
-          name: "surround-sound-2-0",
-          hex: "F07F0",
-          version: "2.0.46"
-      }, {
-          name: "surround-sound-3-1",
-          hex: "F07F1",
-          version: "2.0.46"
-      }, {
-          name: "surround-sound-5-1",
-          hex: "F07F2",
-          version: "2.0.46"
-      }, {
-          name: "surround-sound-7-1",
-          hex: "F07F3",
-          version: "2.0.46"
-      }, {
-          name: "svg",
-          hex: "F0721",
-          version: "1.8.36"
-      }, {
-          name: "swap-horizontal",
-          hex: "F04E1",
-          version: "1.5.54"
-      }, {
-          name: "swap-horizontal-bold",
-          hex: "F0BCD",
-          version: "3.0.39"
-      }, {
-          name: "swap-horizontal-circle",
-          hex: "F0FE1",
-          version: "4.0.96"
-      }, {
-          name: "swap-horizontal-circle-outline",
-          hex: "F0FE2",
-          version: "4.0.96"
-      }, {
-          name: "swap-horizontal-variant",
-          hex: "F08C1",
-          version: "2.2.43"
-      }, {
-          name: "swap-vertical",
-          hex: "F04E2",
-          version: "1.5.54"
-      }, {
-          name: "swap-vertical-bold",
-          hex: "F0BCE",
-          version: "3.0.39"
-      }, {
-          name: "swap-vertical-circle",
-          hex: "F0FE3",
-          version: "4.0.96"
-      }, {
-          name: "swap-vertical-circle-outline",
-          hex: "F0FE4",
-          version: "4.0.96"
-      }, {
-          name: "swap-vertical-variant",
-          hex: "F08C2",
-          version: "2.2.43"
-      }, {
-          name: "swim",
-          hex: "F04E3",
-          version: "1.5.54"
-      }, {
-          name: "switch",
-          hex: "F04E4",
-          version: "1.5.54"
-      }, {
-          name: "sword",
-          hex: "F04E5",
-          version: "1.5.54"
-      }, {
-          name: "sword-cross",
-          hex: "F0787",
-          version: "1.9.32"
-      }, {
-          name: "syllabary-hangul",
-          hex: "F1333",
-          version: "4.9.95"
-      }, {
-          name: "syllabary-hiragana",
-          hex: "F1334",
-          version: "4.9.95"
-      }, {
-          name: "syllabary-katakana",
-          hex: "F1335",
-          version: "4.9.95"
-      }, {
-          name: "syllabary-katakana-halfwidth",
-          hex: "F1336",
-          version: "4.9.95"
-      }, {
-          name: "symbol",
-          hex: "F1501",
-          version: "5.4.55"
-      }, {
-          name: "symfony",
-          hex: "F0AE6",
-          version: "2.7.94"
-      }, {
-          name: "sync",
-          hex: "F04E6",
-          version: "1.5.54"
-      }, {
-          name: "sync-alert",
-          hex: "F04E7",
-          version: "1.5.54"
-      }, {
-          name: "sync-circle",
-          hex: "F1378",
-          version: "4.9.95"
-      }, {
-          name: "sync-off",
-          hex: "F04E8",
-          version: "1.5.54"
-      }, {
-          name: "tab",
-          hex: "F04E9",
-          version: "1.5.54"
-      }, {
-          name: "tab-minus",
-          hex: "F0B4B",
-          version: "2.8.94"
-      }, {
-          name: "tab-plus",
-          hex: "F075C",
-          version: "1.9.32"
-      }, {
-          name: "tab-remove",
-          hex: "F0B4C",
-          version: "2.8.94"
-      }, {
-          name: "tab-unselected",
-          hex: "F04EA",
-          version: "1.5.54"
-      }, {
-          name: "table",
-          hex: "F04EB",
-          version: "1.5.54"
-      }, {
-          name: "table-account",
-          hex: "F13B9",
-          version: "5.1.45"
-      }, {
-          name: "table-alert",
-          hex: "F13BA",
-          version: "5.1.45"
-      }, {
-          name: "table-arrow-down",
-          hex: "F13BB",
-          version: "5.1.45"
-      }, {
-          name: "table-arrow-left",
-          hex: "F13BC",
-          version: "5.1.45"
-      }, {
-          name: "table-arrow-right",
-          hex: "F13BD",
-          version: "5.1.45"
-      }, {
-          name: "table-arrow-up",
-          hex: "F13BE",
-          version: "5.1.45"
-      }, {
-          name: "table-border",
-          hex: "F0A18",
-          version: "2.5.94"
-      }, {
-          name: "table-cancel",
-          hex: "F13BF",
-          version: "5.1.45"
-      }, {
-          name: "table-chair",
-          hex: "F1061",
-          version: "4.1.95"
-      }, {
-          name: "table-check",
-          hex: "F13C0",
-          version: "5.1.45"
-      }, {
-          name: "table-clock",
-          hex: "F13C1",
-          version: "5.1.45"
-      }, {
-          name: "table-cog",
-          hex: "F13C2",
-          version: "5.1.45"
-      }, {
-          name: "table-column",
-          hex: "F0835",
-          version: "2.1.19"
-      }, {
-          name: "table-column-plus-after",
-          hex: "F04EC",
-          version: "1.5.54"
-      }, {
-          name: "table-column-plus-before",
-          hex: "F04ED",
-          version: "1.5.54"
-      }, {
-          name: "table-column-remove",
-          hex: "F04EE",
-          version: "1.5.54"
-      }, {
-          name: "table-column-width",
-          hex: "F04EF",
-          version: "1.5.54"
-      }, {
-          name: "table-edit",
-          hex: "F04F0",
-          version: "1.5.54"
-      }, {
-          name: "table-eye",
-          hex: "F1094",
-          version: "4.2.95"
-      }, {
-          name: "table-eye-off",
-          hex: "F13C3",
-          version: "5.1.45"
-      }, {
-          name: "table-furniture",
-          hex: "F05BC",
-          version: "1.5.54"
-      }, {
-          name: "table-headers-eye",
-          hex: "F121D",
-          version: "4.6.95"
-      }, {
-          name: "table-headers-eye-off",
-          hex: "F121E",
-          version: "4.6.95"
-      }, {
-          name: "table-heart",
-          hex: "F13C4",
-          version: "5.1.45"
-      }, {
-          name: "table-key",
-          hex: "F13C5",
-          version: "5.1.45"
-      }, {
-          name: "table-large",
-          hex: "F04F1",
-          version: "1.5.54"
-      }, {
-          name: "table-large-plus",
-          hex: "F0F87",
-          version: "3.9.97"
-      }, {
-          name: "table-large-remove",
-          hex: "F0F88",
-          version: "3.9.97"
-      }, {
-          name: "table-lock",
-          hex: "F13C6",
-          version: "5.1.45"
-      }, {
-          name: "table-merge-cells",
-          hex: "F09A6",
-          version: "2.4.85"
-      }, {
-          name: "table-minus",
-          hex: "F13C7",
-          version: "5.1.45"
-      }, {
-          name: "table-multiple",
-          hex: "F13C8",
-          version: "5.1.45"
-      }, {
-          name: "table-network",
-          hex: "F13C9",
-          version: "5.1.45"
-      }, {
-          name: "table-of-contents",
-          hex: "F0836",
-          version: "2.1.19"
-      }, {
-          name: "table-off",
-          hex: "F13CA",
-          version: "5.1.45"
-      }, {
-          name: "table-plus",
-          hex: "F0A75",
-          version: "2.6.95"
-      }, {
-          name: "table-refresh",
-          hex: "F13A0",
-          version: "5.0.45"
-      }, {
-          name: "table-remove",
-          hex: "F0A76",
-          version: "2.6.95"
-      }, {
-          name: "table-row",
-          hex: "F0837",
-          version: "2.1.19"
-      }, {
-          name: "table-row-height",
-          hex: "F04F2",
-          version: "1.5.54"
-      }, {
-          name: "table-row-plus-after",
-          hex: "F04F3",
-          version: "1.5.54"
-      }, {
-          name: "table-row-plus-before",
-          hex: "F04F4",
-          version: "1.5.54"
-      }, {
-          name: "table-row-remove",
-          hex: "F04F5",
-          version: "1.5.54"
-      }, {
-          name: "table-search",
-          hex: "F090F",
-          version: "2.3.50"
-      }, {
-          name: "table-settings",
-          hex: "F0838",
-          version: "2.1.19"
-      }, {
-          name: "table-split-cell",
-          hex: "F142A",
-          version: "5.2.45"
-      }, {
-          name: "table-star",
-          hex: "F13CB",
-          version: "5.1.45"
-      }, {
-          name: "table-sync",
-          hex: "F13A1",
-          version: "5.0.45"
-      }, {
-          name: "table-tennis",
-          hex: "F0E68",
-          version: "3.6.95"
-      }, {
-          name: "tablet",
-          hex: "F04F6",
-          version: "1.5.54"
-      }, {
-          name: "tablet-android",
-          hex: "F04F7",
-          version: "1.5.54"
-      }, {
-          name: "tablet-cellphone",
-          hex: "F09A7",
-          version: "2.4.85"
-      }, {
-          name: "tablet-dashboard",
-          hex: "F0ECE",
-          version: "3.7.94"
-      }, {
-          name: "tablet-ipad",
-          hex: "F04F8",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "taco",
-          hex: "F0762",
-          version: "1.9.32"
-      }, {
-          name: "tag",
-          hex: "F04F9",
-          version: "1.5.54"
-      }, {
-          name: "tag-faces",
-          hex: "F04FA",
-          version: "1.5.54"
-      }, {
-          name: "tag-heart",
-          hex: "F068B",
-          version: "1.7.12"
-      }, {
-          name: "tag-heart-outline",
-          hex: "F0BCF",
-          version: "3.0.39"
-      }, {
-          name: "tag-minus",
-          hex: "F0910",
-          version: "2.3.50"
-      }, {
-          name: "tag-minus-outline",
-          hex: "F121F",
-          version: "4.6.95"
-      }, {
-          name: "tag-multiple",
-          hex: "F04FB",
-          version: "1.5.54"
-      }, {
-          name: "tag-multiple-outline",
-          hex: "F12F7",
-          version: "4.8.95"
-      }, {
-          name: "tag-off",
-          hex: "F1220",
-          version: "4.6.95"
-      }, {
-          name: "tag-off-outline",
-          hex: "F1221",
-          version: "4.6.95"
-      }, {
-          name: "tag-outline",
-          hex: "F04FC",
-          version: "1.5.54"
-      }, {
-          name: "tag-plus",
-          hex: "F0722",
-          version: "1.8.36"
-      }, {
-          name: "tag-plus-outline",
-          hex: "F1222",
-          version: "4.6.95"
-      }, {
-          name: "tag-remove",
-          hex: "F0723",
-          version: "1.8.36"
-      }, {
-          name: "tag-remove-outline",
-          hex: "F1223",
-          version: "4.6.95"
-      }, {
-          name: "tag-text",
-          hex: "F1224",
-          version: "4.6.95"
-      }, {
-          name: "tag-text-outline",
-          hex: "F04FD",
-          version: "1.5.54"
-      }, {
-          name: "tailwind",
-          hex: "F13FF",
-          version: "5.1.45"
-      }, {
-          name: "tank",
-          hex: "F0D3A",
-          version: "3.3.92"
-      }, {
-          name: "tanker-truck",
-          hex: "F0FE5",
-          version: "4.0.96"
-      }, {
-          name: "tape-drive",
-          hex: "F16DF",
-          version: "5.8.55"
-      }, {
-          name: "tape-measure",
-          hex: "F0B4D",
-          version: "2.8.94"
-      }, {
-          name: "target",
-          hex: "F04FE",
-          version: "1.5.54"
-      }, {
-          name: "target-account",
-          hex: "F0BD0",
-          version: "3.0.39"
-      }, {
-          name: "target-variant",
-          hex: "F0A77",
-          version: "2.6.95"
-      }, {
-          name: "taxi",
-          hex: "F04FF",
-          version: "1.5.54"
-      }, {
-          name: "tea",
-          hex: "F0D9E",
-          version: "3.4.93"
-      }, {
-          name: "tea-outline",
-          hex: "F0D9F",
-          version: "3.4.93"
-      }, {
-          name: "teach",
-          hex: "F0890",
-          version: "2.1.99"
-      }, {
-          name: "teamviewer",
-          hex: "F0500",
-          version: "1.5.54"
-      }, {
-          name: "telegram",
-          hex: "F0501",
-          version: "1.5.54",
-          deprecated: !0
-      }, {
-          name: "telescope",
-          hex: "F0B4E",
-          version: "2.8.94"
-      }, {
-          name: "television",
-          hex: "F0502",
-          version: "1.5.54"
-      }, {
-          name: "television-ambient-light",
-          hex: "F1356",
-          version: "4.9.95"
-      }, {
-          name: "television-box",
-          hex: "F0839",
-          version: "2.1.19"
-      }, {
-          name: "television-classic",
-          hex: "F07F4",
-          version: "2.0.46"
-      }, {
-          name: "television-classic-off",
-          hex: "F083A",
-          version: "2.1.19"
-      }, {
-          name: "television-clean",
-          hex: "F1110",
-          version: "4.3.95"
-      }, {
-          name: "television-guide",
-          hex: "F0503",
-          version: "1.5.54"
-      }, {
-          name: "television-off",
-          hex: "F083B",
-          version: "2.1.19"
-      }, {
-          name: "television-pause",
-          hex: "F0F89",
-          version: "3.9.97"
-      }, {
-          name: "television-play",
-          hex: "F0ECF",
-          version: "3.7.94"
-      }, {
-          name: "television-stop",
-          hex: "F0F8A",
-          version: "3.9.97"
-      }, {
-          name: "temperature-celsius",
-          hex: "F0504",
-          version: "1.5.54"
-      }, {
-          name: "temperature-fahrenheit",
-          hex: "F0505",
-          version: "1.5.54"
-      }, {
-          name: "temperature-kelvin",
-          hex: "F0506",
-          version: "1.5.54"
-      }, {
-          name: "tennis",
-          hex: "F0DA0",
-          version: "3.4.93"
-      }, {
-          name: "tennis-ball",
-          hex: "F0507",
-          version: "1.5.54"
-      }, {
-          name: "tent",
-          hex: "F0508",
-          version: "1.5.54"
-      }, {
-          name: "terraform",
-          hex: "F1062",
-          version: "4.1.95"
-      }, {
-          name: "terrain",
-          hex: "F0509",
-          version: "1.5.54"
-      }, {
-          name: "test-tube",
-          hex: "F0668",
-          version: "1.6.50"
-      }, {
-          name: "test-tube-empty",
-          hex: "F0911",
-          version: "2.3.50"
-      }, {
-          name: "test-tube-off",
-          hex: "F0912",
-          version: "2.3.50"
-      }, {
-          name: "text",
-          hex: "F09A8",
-          version: "2.4.85"
-      }, {
-          name: "text-account",
-          hex: "F1570",
-          version: "5.5.55"
-      }, {
-          name: "text-box",
-          hex: "F021A",
-          version: "1.5.54"
-      }, {
-          name: "text-box-check",
-          hex: "F0EA6",
-          version: "3.7.94"
-      }, {
-          name: "text-box-check-outline",
-          hex: "F0EA7",
-          version: "3.7.94"
-      }, {
-          name: "text-box-minus",
-          hex: "F0EA8",
-          version: "3.7.94"
-      }, {
-          name: "text-box-minus-outline",
-          hex: "F0EA9",
-          version: "3.7.94"
-      }, {
-          name: "text-box-multiple",
-          hex: "F0AB7",
-          version: "2.7.94"
-      }, {
-          name: "text-box-multiple-outline",
-          hex: "F0AB8",
-          version: "2.7.94"
-      }, {
-          name: "text-box-outline",
-          hex: "F09ED",
-          version: "2.5.94"
-      }, {
-          name: "text-box-plus",
-          hex: "F0EAA",
-          version: "3.7.94"
-      }, {
-          name: "text-box-plus-outline",
-          hex: "F0EAB",
-          version: "3.7.94"
-      }, {
-          name: "text-box-remove",
-          hex: "F0EAC",
-          version: "3.7.94"
-      }, {
-          name: "text-box-remove-outline",
-          hex: "F0EAD",
-          version: "3.7.94"
-      }, {
-          name: "text-box-search",
-          hex: "F0EAE",
-          version: "3.7.94"
-      }, {
-          name: "text-box-search-outline",
-          hex: "F0EAF",
-          version: "3.7.94"
-      }, {
-          name: "text-recognition",
-          hex: "F113D",
-          version: "4.4.95"
-      }, {
-          name: "text-search",
-          hex: "F13B8",
-          version: "5.1.45"
-      }, {
-          name: "text-shadow",
-          hex: "F0669",
-          version: "1.6.50"
-      }, {
-          name: "text-short",
-          hex: "F09A9",
-          version: "2.4.85"
-      }, {
-          name: "text-subject",
-          hex: "F09AA",
-          version: "2.4.85"
-      }, {
-          name: "text-to-speech",
-          hex: "F050A",
-          version: "1.5.54"
-      }, {
-          name: "text-to-speech-off",
-          hex: "F050B",
-          version: "1.5.54"
-      }, {
-          name: "texture",
-          hex: "F050C",
-          version: "1.5.54"
-      }, {
-          name: "texture-box",
-          hex: "F0FE6",
-          version: "4.0.96"
-      }, {
-          name: "theater",
-          hex: "F050D",
-          version: "1.5.54"
-      }, {
-          name: "theme-light-dark",
-          hex: "F050E",
-          version: "1.5.54"
-      }, {
-          name: "thermometer",
-          hex: "F050F",
-          version: "1.5.54"
-      }, {
-          name: "thermometer-alert",
-          hex: "F0E01",
-          version: "3.5.94"
-      }, {
-          name: "thermometer-chevron-down",
-          hex: "F0E02",
-          version: "3.5.94"
-      }, {
-          name: "thermometer-chevron-up",
-          hex: "F0E03",
-          version: "3.5.94"
-      }, {
-          name: "thermometer-high",
-          hex: "F10C2",
-          version: "4.2.95"
-      }, {
-          name: "thermometer-lines",
-          hex: "F0510",
-          version: "1.5.54"
-      }, {
-          name: "thermometer-low",
-          hex: "F10C3",
-          version: "4.2.95"
-      }, {
-          name: "thermometer-minus",
-          hex: "F0E04",
-          version: "3.5.94"
-      }, {
-          name: "thermometer-off",
-          hex: "F1531",
-          version: "5.4.55"
-      }, {
-          name: "thermometer-plus",
-          hex: "F0E05",
-          version: "3.5.94"
-      }, {
-          name: "thermostat",
-          hex: "F0393",
-          version: "1.5.54"
-      }, {
-          name: "thermostat-box",
-          hex: "F0891",
-          version: "2.1.99"
-      }, {
-          name: "thought-bubble",
-          hex: "F07F6",
-          version: "2.0.46"
-      }, {
-          name: "thought-bubble-outline",
-          hex: "F07F7",
-          version: "2.0.46"
-      }, {
-          name: "thumb-down",
-          hex: "F0511",
-          version: "1.5.54"
-      }, {
-          name: "thumb-down-outline",
-          hex: "F0512",
-          version: "1.5.54"
-      }, {
-          name: "thumb-up",
-          hex: "F0513",
-          version: "1.5.54"
-      }, {
-          name: "thumb-up-outline",
-          hex: "F0514",
-          version: "1.5.54"
-      }, {
-          name: "thumbs-up-down",
-          hex: "F0515",
-          version: "1.5.54"
-      }, {
-          name: "ticket",
-          hex: "F0516",
-          version: "1.5.54"
-      }, {
-          name: "ticket-account",
-          hex: "F0517",
-          version: "1.5.54"
-      }, {
-          name: "ticket-confirmation",
-          hex: "F0518",
-          version: "1.5.54"
-      }, {
-          name: "ticket-confirmation-outline",
-          hex: "F13AA",
-          version: "5.0.45"
-      }, {
-          name: "ticket-outline",
-          hex: "F0913",
-          version: "2.3.50"
-      }, {
-          name: "ticket-percent",
-          hex: "F0724",
-          version: "1.8.36"
-      }, {
-          name: "ticket-percent-outline",
-          hex: "F142B",
-          version: "5.2.45"
-      }, {
-          name: "tie",
-          hex: "F0519",
-          version: "1.5.54"
-      }, {
-          name: "tilde",
-          hex: "F0725",
-          version: "1.8.36"
-      }, {
-          name: "timelapse",
-          hex: "F051A",
-          version: "1.5.54"
-      }, {
-          name: "timeline",
-          hex: "F0BD1",
-          version: "3.0.39"
-      }, {
-          name: "timeline-alert",
-          hex: "F0F95",
-          version: "3.9.97"
-      }, {
-          name: "timeline-alert-outline",
-          hex: "F0F98",
-          version: "3.9.97"
-      }, {
-          name: "timeline-check",
-          hex: "F1532",
-          version: "5.4.55"
-      }, {
-          name: "timeline-check-outline",
-          hex: "F1533",
-          version: "5.4.55"
-      }, {
-          name: "timeline-clock",
-          hex: "F11FB",
-          version: "4.6.95"
-      }, {
-          name: "timeline-clock-outline",
-          hex: "F11FC",
-          version: "4.6.95"
-      }, {
-          name: "timeline-help",
-          hex: "F0F99",
-          version: "3.9.97"
-      }, {
-          name: "timeline-help-outline",
-          hex: "F0F9A",
-          version: "3.9.97"
-      }, {
-          name: "timeline-minus",
-          hex: "F1534",
-          version: "5.4.55"
-      }, {
-          name: "timeline-minus-outline",
-          hex: "F1535",
-          version: "5.4.55"
-      }, {
-          name: "timeline-outline",
-          hex: "F0BD2",
-          version: "3.0.39"
-      }, {
-          name: "timeline-plus",
-          hex: "F0F96",
-          version: "3.9.97"
-      }, {
-          name: "timeline-plus-outline",
-          hex: "F0F97",
-          version: "3.9.97"
-      }, {
-          name: "timeline-remove",
-          hex: "F1536",
-          version: "5.4.55"
-      }, {
-          name: "timeline-remove-outline",
-          hex: "F1537",
-          version: "5.4.55"
-      }, {
-          name: "timeline-text",
-          hex: "F0BD3",
-          version: "3.0.39"
-      }, {
-          name: "timeline-text-outline",
-          hex: "F0BD4",
-          version: "3.0.39"
-      }, {
-          name: "timer",
-          hex: "F13AB",
-          version: "5.0.45"
-      }, {
-          name: "timer-10",
-          hex: "F051C",
-          version: "1.5.54"
-      }, {
-          name: "timer-3",
-          hex: "F051D",
-          version: "1.5.54"
-      }, {
-          name: "timer-off",
-          hex: "F13AC",
-          version: "5.0.45"
-      }, {
-          name: "timer-off-outline",
-          hex: "F051E",
-          version: "1.5.54"
-      }, {
-          name: "timer-outline",
-          hex: "F051B",
-          version: "1.5.54"
-      }, {
-          name: "timer-sand",
-          hex: "F051F",
-          version: "1.5.54"
-      }, {
-          name: "timer-sand-empty",
-          hex: "F06AD",
-          version: "1.7.12"
-      }, {
-          name: "timer-sand-full",
-          hex: "F078C",
-          version: "1.9.32"
-      }, {
-          name: "timetable",
-          hex: "F0520",
-          version: "1.5.54"
-      }, {
-          name: "toaster",
-          hex: "F1063",
-          version: "4.1.95"
-      }, {
-          name: "toaster-off",
-          hex: "F11B7",
-          version: "4.5.95"
-      }, {
-          name: "toaster-oven",
-          hex: "F0CD3",
-          version: "3.2.89"
-      }, {
-          name: "toggle-switch",
-          hex: "F0521",
-          version: "1.5.54"
-      }, {
-          name: "toggle-switch-off",
-          hex: "F0522",
-          version: "1.5.54"
-      }, {
-          name: "toggle-switch-off-outline",
-          hex: "F0A19",
-          version: "2.5.94"
-      }, {
-          name: "toggle-switch-outline",
-          hex: "F0A1A",
-          version: "2.5.94"
-      }, {
-          name: "toilet",
-          hex: "F09AB",
-          version: "2.4.85"
-      }, {
-          name: "toolbox",
-          hex: "F09AC",
-          version: "2.4.85"
-      }, {
-          name: "toolbox-outline",
-          hex: "F09AD",
-          version: "2.4.85"
-      }, {
-          name: "tools",
-          hex: "F1064",
-          version: "4.1.95"
-      }, {
-          name: "tooltip",
-          hex: "F0523",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-account",
-          hex: "F000C",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-check",
-          hex: "F155C",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-check-outline",
-          hex: "F155D",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-edit",
-          hex: "F0524",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-edit-outline",
-          hex: "F12C5",
-          version: "4.8.95"
-      }, {
-          name: "tooltip-image",
-          hex: "F0525",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-image-outline",
-          hex: "F0BD5",
-          version: "3.0.39"
-      }, {
-          name: "tooltip-minus",
-          hex: "F155E",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-minus-outline",
-          hex: "F155F",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-outline",
-          hex: "F0526",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-plus",
-          hex: "F0BD6",
-          version: "3.0.39"
-      }, {
-          name: "tooltip-plus-outline",
-          hex: "F0527",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-remove",
-          hex: "F1560",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-remove-outline",
-          hex: "F1561",
-          version: "5.5.55"
-      }, {
-          name: "tooltip-text",
-          hex: "F0528",
-          version: "1.5.54"
-      }, {
-          name: "tooltip-text-outline",
-          hex: "F0BD7",
-          version: "3.0.39"
-      }, {
-          name: "tooth",
-          hex: "F08C3",
-          version: "2.2.43"
-      }, {
-          name: "tooth-outline",
-          hex: "F0529",
-          version: "1.5.54"
-      }, {
-          name: "toothbrush",
-          hex: "F1129",
-          version: "4.3.95"
-      }, {
-          name: "toothbrush-electric",
-          hex: "F112C",
-          version: "4.4.95"
-      }, {
-          name: "toothbrush-paste",
-          hex: "F112A",
-          version: "4.3.95"
-      }, {
-          name: "torch",
-          hex: "F1606",
-          version: "5.6.55"
-      }, {
-          name: "tortoise",
-          hex: "F0D3B",
-          version: "3.3.92"
-      }, {
-          name: "toslink",
-          hex: "F12B8",
-          version: "4.7.95"
-      }, {
-          name: "tournament",
-          hex: "F09AE",
-          version: "2.4.85"
-      }, {
-          name: "tow-truck",
-          hex: "F083C",
-          version: "2.1.19"
-      }, {
-          name: "tower-beach",
-          hex: "F0681",
-          version: "1.7.12"
-      }, {
-          name: "tower-fire",
-          hex: "F0682",
-          version: "1.7.12"
-      }, {
-          name: "toy-brick",
-          hex: "F1288",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-marker",
-          hex: "F1289",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-marker-outline",
-          hex: "F128A",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-minus",
-          hex: "F128B",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-minus-outline",
-          hex: "F128C",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-outline",
-          hex: "F128D",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-plus",
-          hex: "F128E",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-plus-outline",
-          hex: "F128F",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-remove",
-          hex: "F1290",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-remove-outline",
-          hex: "F1291",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-search",
-          hex: "F1292",
-          version: "4.7.95"
-      }, {
-          name: "toy-brick-search-outline",
-          hex: "F1293",
-          version: "4.7.95"
-      }, {
-          name: "track-light",
-          hex: "F0914",
-          version: "2.3.50"
-      }, {
-          name: "trackpad",
-          hex: "F07F8",
-          version: "2.0.46"
-      }, {
-          name: "trackpad-lock",
-          hex: "F0933",
-          version: "2.3.54"
-      }, {
-          name: "tractor",
-          hex: "F0892",
-          version: "2.1.99"
-      }, {
-          name: "tractor-variant",
-          hex: "F14C4",
-          version: "5.3.45"
-      }, {
-          name: "trademark",
-          hex: "F0A78",
-          version: "2.6.95"
-      }, {
-          name: "traffic-cone",
-          hex: "F137C",
-          version: "4.9.95"
-      }, {
-          name: "traffic-light",
-          hex: "F052B",
-          version: "1.5.54"
-      }, {
-          name: "train",
-          hex: "F052C",
-          version: "1.5.54"
-      }, {
-          name: "train-car",
-          hex: "F0BD8",
-          version: "3.0.39"
-      }, {
-          name: "train-variant",
-          hex: "F08C4",
-          version: "2.2.43"
-      }, {
-          name: "tram",
-          hex: "F052D",
-          version: "1.5.54"
-      }, {
-          name: "tram-side",
-          hex: "F0FE7",
-          version: "4.0.96"
-      }, {
-          name: "transcribe",
-          hex: "F052E",
-          version: "1.5.54"
-      }, {
-          name: "transcribe-close",
-          hex: "F052F",
-          version: "1.5.54"
-      }, {
-          name: "transfer",
-          hex: "F1065",
-          version: "4.1.95"
-      }, {
-          name: "transfer-down",
-          hex: "F0DA1",
-          version: "3.4.93"
-      }, {
-          name: "transfer-left",
-          hex: "F0DA2",
-          version: "3.4.93"
-      }, {
-          name: "transfer-right",
-          hex: "F0530",
-          version: "1.5.54"
-      }, {
-          name: "transfer-up",
-          hex: "F0DA3",
-          version: "3.4.93"
-      }, {
-          name: "transit-connection",
-          hex: "F0D3C",
-          version: "3.3.92"
-      }, {
-          name: "transit-connection-horizontal",
-          hex: "F1546",
-          version: "5.4.55"
-      }, {
-          name: "transit-connection-variant",
-          hex: "F0D3D",
-          version: "3.3.92"
-      }, {
-          name: "transit-detour",
-          hex: "F0F8B",
-          version: "3.9.97"
-      }, {
-          name: "transit-skip",
-          hex: "F1515",
-          version: "5.4.55"
-      }, {
-          name: "transit-transfer",
-          hex: "F06AE",
-          version: "1.7.12"
-      }, {
-          name: "transition",
-          hex: "F0915",
-          version: "2.3.50"
-      }, {
-          name: "transition-masked",
-          hex: "F0916",
-          version: "2.3.50"
-      }, {
-          name: "translate",
-          hex: "F05CA",
-          version: "1.5.54"
-      }, {
-          name: "translate-off",
-          hex: "F0E06",
-          version: "3.5.94"
-      }, {
-          name: "transmission-tower",
-          hex: "F0D3E",
-          version: "3.3.92"
-      }, {
-          name: "trash-can",
-          hex: "F0A79",
-          version: "2.6.95"
-      }, {
-          name: "trash-can-outline",
-          hex: "F0A7A",
-          version: "2.6.95"
-      }, {
-          name: "tray",
-          hex: "F1294",
-          version: "4.7.95"
-      }, {
-          name: "tray-alert",
-          hex: "F1295",
-          version: "4.7.95"
-      }, {
-          name: "tray-full",
-          hex: "F1296",
-          version: "4.7.95"
-      }, {
-          name: "tray-minus",
-          hex: "F1297",
-          version: "4.7.95"
-      }, {
-          name: "tray-plus",
-          hex: "F1298",
-          version: "4.7.95"
-      }, {
-          name: "tray-remove",
-          hex: "F1299",
-          version: "4.7.95"
-      }, {
-          name: "treasure-chest",
-          hex: "F0726",
-          version: "1.8.36"
-      }, {
-          name: "tree",
-          hex: "F0531",
-          version: "1.5.54"
-      }, {
-          name: "tree-outline",
-          hex: "F0E69",
-          version: "3.6.95"
-      }, {
-          name: "trello",
-          hex: "F0532",
-          version: "1.5.54"
-      }, {
-          name: "trending-down",
-          hex: "F0533",
-          version: "1.5.54"
-      }, {
-          name: "trending-neutral",
-          hex: "F0534",
-          version: "1.5.54"
-      }, {
-          name: "trending-up",
-          hex: "F0535",
-          version: "1.5.54"
-      }, {
-          name: "triangle",
-          hex: "F0536",
-          version: "1.5.54"
-      }, {
-          name: "triangle-outline",
-          hex: "F0537",
-          version: "1.5.54"
-      }, {
-          name: "triangle-wave",
-          hex: "F147C",
-          version: "5.2.45"
-      }, {
-          name: "triforce",
-          hex: "F0BD9",
-          version: "3.0.39"
-      }, {
-          name: "trophy",
-          hex: "F0538",
-          version: "1.5.54"
-      }, {
-          name: "trophy-award",
-          hex: "F0539",
-          version: "1.5.54"
-      }, {
-          name: "trophy-broken",
-          hex: "F0DA4",
-          version: "3.4.93"
-      }, {
-          name: "trophy-outline",
-          hex: "F053A",
-          version: "1.5.54"
-      }, {
-          name: "trophy-variant",
-          hex: "F053B",
-          version: "1.5.54"
-      }, {
-          name: "trophy-variant-outline",
-          hex: "F053C",
-          version: "1.5.54"
-      }, {
-          name: "truck",
-          hex: "F053D",
-          version: "1.5.54"
-      }, {
-          name: "truck-check",
-          hex: "F0CD4",
-          version: "3.2.89"
-      }, {
-          name: "truck-check-outline",
-          hex: "F129A",
-          version: "4.7.95"
-      }, {
-          name: "truck-delivery",
-          hex: "F053E",
-          version: "1.5.54"
-      }, {
-          name: "truck-delivery-outline",
-          hex: "F129B",
-          version: "4.7.95"
-      }, {
-          name: "truck-fast",
-          hex: "F0788",
-          version: "1.9.32"
-      }, {
-          name: "truck-fast-outline",
-          hex: "F129C",
-          version: "4.7.95"
-      }, {
-          name: "truck-outline",
-          hex: "F129D",
-          version: "4.7.95"
-      }, {
-          name: "truck-trailer",
-          hex: "F0727",
-          version: "1.8.36"
-      }, {
-          name: "trumpet",
-          hex: "F1096",
-          version: "4.2.95"
-      }, {
-          name: "tshirt-crew",
-          hex: "F0A7B",
-          version: "2.6.95"
-      }, {
-          name: "tshirt-crew-outline",
-          hex: "F053F",
-          version: "1.5.54"
-      }, {
-          name: "tshirt-v",
-          hex: "F0A7C",
-          version: "2.6.95"
-      }, {
-          name: "tshirt-v-outline",
-          hex: "F0540",
-          version: "1.5.54"
-      }, {
-          name: "tumble-dryer",
-          hex: "F0917",
-          version: "2.3.50"
-      }, {
-          name: "tumble-dryer-alert",
-          hex: "F11BA",
-          version: "4.5.95"
-      }, {
-          name: "tumble-dryer-off",
-          hex: "F11BB",
-          version: "4.5.95"
-      }, {
-          name: "tune",
-          hex: "F062E",
-          version: "1.6.50"
-      }, {
-          name: "tune-variant",
-          hex: "F1542",
-          version: "5.4.55"
-      }, {
-          name: "tune-vertical",
-          hex: "F066A",
-          version: "1.6.50"
-      }, {
-          name: "tune-vertical-variant",
-          hex: "F1543",
-          version: "5.4.55"
-      }, {
-          name: "turnstile",
-          hex: "F0CD5",
-          version: "3.2.89"
-      }, {
-          name: "turnstile-outline",
-          hex: "F0CD6",
-          version: "3.2.89"
-      }, {
-          name: "turtle",
-          hex: "F0CD7",
-          version: "3.2.89"
-      }, {
-          name: "twitch",
-          hex: "F0543",
-          version: "1.5.54"
-      }, {
-          name: "twitter",
-          hex: "F0544",
-          version: "1.5.54"
-      }, {
-          name: "twitter-retweet",
-          hex: "F0547",
-          version: "1.5.54"
-      }, {
-          name: "two-factor-authentication",
-          hex: "F09AF",
-          version: "2.4.85"
-      }, {
-          name: "typewriter",
-          hex: "F0F2D",
-          version: "3.8.95"
-      }, {
-          name: "ubisoft",
-          hex: "F0BDA",
-          version: "3.0.39"
-      }, {
-          name: "ubuntu",
-          hex: "F0548",
-          version: "1.5.54"
-      }, {
-          name: "ufo",
-          hex: "F10C4",
-          version: "4.2.95"
-      }, {
-          name: "ufo-outline",
-          hex: "F10C5",
-          version: "4.2.95"
-      }, {
-          name: "ultra-high-definition",
-          hex: "F07F9",
-          version: "2.0.46"
-      }, {
-          name: "umbraco",
-          hex: "F0549",
-          version: "1.5.54"
-      }, {
-          name: "umbrella",
-          hex: "F054A",
-          version: "1.5.54"
-      }, {
-          name: "umbrella-closed",
-          hex: "F09B0",
-          version: "2.4.85"
-      }, {
-          name: "umbrella-closed-outline",
-          hex: "F13E2",
-          version: "5.1.45"
-      }, {
-          name: "umbrella-closed-variant",
-          hex: "F13E1",
-          version: "5.1.45"
-      }, {
-          name: "umbrella-outline",
-          hex: "F054B",
-          version: "1.5.54"
-      }, {
-          name: "undo",
-          hex: "F054C",
-          version: "1.5.54"
-      }, {
-          name: "undo-variant",
-          hex: "F054D",
-          version: "1.5.54"
-      }, {
-          name: "unfold-less-horizontal",
-          hex: "F054E",
-          version: "1.5.54"
-      }, {
-          name: "unfold-less-vertical",
-          hex: "F0760",
-          version: "1.9.32"
-      }, {
-          name: "unfold-more-horizontal",
-          hex: "F054F",
-          version: "1.5.54"
-      }, {
-          name: "unfold-more-vertical",
-          hex: "F0761",
-          version: "1.9.32"
-      }, {
-          name: "ungroup",
-          hex: "F0550",
-          version: "1.5.54"
-      }, {
-          name: "unicode",
-          hex: "F0ED0",
-          version: "3.7.94"
-      }, {
-          name: "unicorn",
-          hex: "F15C2",
-          version: "5.6.55"
-      }, {
-          name: "unicorn-variant",
-          hex: "F15C3",
-          version: "5.6.55"
-      }, {
-          name: "unicycle",
-          hex: "F15E5",
-          version: "5.6.55"
-      }, {
-          name: "unity",
-          hex: "F06AF",
-          version: "1.7.12"
-      }, {
-          name: "unreal",
-          hex: "F09B1",
-          version: "2.4.85"
-      }, {
-          name: "untappd",
-          hex: "F0551",
-          version: "1.5.54"
-      }, {
-          name: "update",
-          hex: "F06B0",
-          version: "1.7.12"
-      }, {
-          name: "upload",
-          hex: "F0552",
-          version: "1.5.54"
-      }, {
-          name: "upload-lock",
-          hex: "F1373",
-          version: "4.9.95"
-      }, {
-          name: "upload-lock-outline",
-          hex: "F1374",
-          version: "4.9.95"
-      }, {
-          name: "upload-multiple",
-          hex: "F083D",
-          version: "2.1.19"
-      }, {
-          name: "upload-network",
-          hex: "F06F6",
-          version: "1.8.36"
-      }, {
-          name: "upload-network-outline",
-          hex: "F0CD8",
-          version: "3.2.89"
-      }, {
-          name: "upload-off",
-          hex: "F10C6",
-          version: "4.2.95"
-      }, {
-          name: "upload-off-outline",
-          hex: "F10C7",
-          version: "4.2.95"
-      }, {
-          name: "upload-outline",
-          hex: "F0E07",
-          version: "3.5.94"
-      }, {
-          name: "usb",
-          hex: "F0553",
-          version: "1.5.54"
-      }, {
-          name: "usb-flash-drive",
-          hex: "F129E",
-          version: "4.7.95"
-      }, {
-          name: "usb-flash-drive-outline",
-          hex: "F129F",
-          version: "4.7.95"
-      }, {
-          name: "usb-port",
-          hex: "F11F0",
-          version: "4.5.95"
-      }, {
-          name: "valve",
-          hex: "F1066",
-          version: "4.1.95"
-      }, {
-          name: "valve-closed",
-          hex: "F1067",
-          version: "4.1.95"
-      }, {
-          name: "valve-open",
-          hex: "F1068",
-          version: "4.1.95"
-      }, {
-          name: "van-passenger",
-          hex: "F07FA",
-          version: "2.0.46"
-      }, {
-          name: "van-utility",
-          hex: "F07FB",
-          version: "2.0.46"
-      }, {
-          name: "vanish",
-          hex: "F07FC",
-          version: "2.0.46"
-      }, {
-          name: "vanish-quarter",
-          hex: "F1554",
-          version: "5.5.55"
-      }, {
-          name: "vanity-light",
-          hex: "F11E1",
-          version: "4.5.95"
-      }, {
-          name: "variable",
-          hex: "F0AE7",
-          version: "2.7.94"
-      }, {
-          name: "variable-box",
-          hex: "F1111",
-          version: "4.3.95"
-      }, {
-          name: "vector-arrange-above",
-          hex: "F0554",
-          version: "1.5.54"
-      }, {
-          name: "vector-arrange-below",
-          hex: "F0555",
-          version: "1.5.54"
-      }, {
-          name: "vector-bezier",
-          hex: "F0AE8",
-          version: "2.7.94"
-      }, {
-          name: "vector-circle",
-          hex: "F0556",
-          version: "1.5.54"
-      }, {
-          name: "vector-circle-variant",
-          hex: "F0557",
-          version: "1.5.54"
-      }, {
-          name: "vector-combine",
-          hex: "F0558",
-          version: "1.5.54"
-      }, {
-          name: "vector-curve",
-          hex: "F0559",
-          version: "1.5.54"
-      }, {
-          name: "vector-difference",
-          hex: "F055A",
-          version: "1.5.54"
-      }, {
-          name: "vector-difference-ab",
-          hex: "F055B",
-          version: "1.5.54"
-      }, {
-          name: "vector-difference-ba",
-          hex: "F055C",
-          version: "1.5.54"
-      }, {
-          name: "vector-ellipse",
-          hex: "F0893",
-          version: "2.1.99"
-      }, {
-          name: "vector-intersection",
-          hex: "F055D",
-          version: "1.5.54"
-      }, {
-          name: "vector-line",
-          hex: "F055E",
-          version: "1.5.54"
-      }, {
-          name: "vector-link",
-          hex: "F0FE8",
-          version: "4.0.96"
-      }, {
-          name: "vector-point",
-          hex: "F055F",
-          version: "1.5.54"
-      }, {
-          name: "vector-polygon",
-          hex: "F0560",
-          version: "1.5.54"
-      }, {
-          name: "vector-polyline",
-          hex: "F0561",
-          version: "1.5.54"
-      }, {
-          name: "vector-polyline-edit",
-          hex: "F1225",
-          version: "4.6.95"
-      }, {
-          name: "vector-polyline-minus",
-          hex: "F1226",
-          version: "4.6.95"
-      }, {
-          name: "vector-polyline-plus",
-          hex: "F1227",
-          version: "4.6.95"
-      }, {
-          name: "vector-polyline-remove",
-          hex: "F1228",
-          version: "4.6.95"
-      }, {
-          name: "vector-radius",
-          hex: "F074A",
-          version: "1.9.32"
-      }, {
-          name: "vector-rectangle",
-          hex: "F05C6",
-          version: "1.5.54"
-      }, {
-          name: "vector-selection",
-          hex: "F0562",
-          version: "1.5.54"
-      }, {
-          name: "vector-square",
-          hex: "F0001",
-          version: "1.5.54"
-      }, {
-          name: "vector-triangle",
-          hex: "F0563",
-          version: "1.5.54"
-      }, {
-          name: "vector-union",
-          hex: "F0564",
-          version: "1.5.54"
-      }, {
-          name: "vhs",
-          hex: "F0A1B",
-          version: "2.5.94"
-      }, {
-          name: "vibrate",
-          hex: "F0566",
-          version: "1.5.54"
-      }, {
-          name: "vibrate-off",
-          hex: "F0CD9",
-          version: "3.2.89"
-      }, {
-          name: "video",
-          hex: "F0567",
-          version: "1.5.54"
-      }, {
-          name: "video-3d",
-          hex: "F07FD",
-          version: "2.0.46"
-      }, {
-          name: "video-3d-off",
-          hex: "F13D9",
-          version: "5.1.45"
-      }, {
-          name: "video-3d-variant",
-          hex: "F0ED1",
-          version: "3.7.94"
-      }, {
-          name: "video-4k-box",
-          hex: "F083E",
-          version: "2.1.19"
-      }, {
-          name: "video-account",
-          hex: "F0919",
-          version: "2.3.50"
-      }, {
-          name: "video-box",
-          hex: "F00FD",
-          version: "1.5.54"
-      }, {
-          name: "video-box-off",
-          hex: "F00FE",
-          version: "1.5.54"
-      }, {
-          name: "video-check",
-          hex: "F1069",
-          version: "4.1.95"
-      }, {
-          name: "video-check-outline",
-          hex: "F106A",
-          version: "4.1.95"
-      }, {
-          name: "video-high-definition",
-          hex: "F152E",
-          version: "5.4.55"
-      }, {
-          name: "video-image",
-          hex: "F091A",
-          version: "2.3.50"
-      }, {
-          name: "video-input-antenna",
-          hex: "F083F",
-          version: "2.1.19"
-      }, {
-          name: "video-input-component",
-          hex: "F0840",
-          version: "2.1.19"
-      }, {
-          name: "video-input-hdmi",
-          hex: "F0841",
-          version: "2.1.19"
-      }, {
-          name: "video-input-scart",
-          hex: "F0F8C",
-          version: "3.9.97"
-      }, {
-          name: "video-input-svideo",
-          hex: "F0842",
-          version: "2.1.19"
-      }, {
-          name: "video-minus",
-          hex: "F09B2",
-          version: "2.4.85"
-      }, {
-          name: "video-minus-outline",
-          hex: "F02BA",
-          version: "1.5.54"
-      }, {
-          name: "video-off",
-          hex: "F0568",
-          version: "1.5.54"
-      }, {
-          name: "video-off-outline",
-          hex: "F0BDB",
-          version: "3.0.39"
-      }, {
-          name: "video-outline",
-          hex: "F0BDC",
-          version: "3.0.39"
-      }, {
-          name: "video-plus",
-          hex: "F09B3",
-          version: "2.4.85"
-      }, {
-          name: "video-plus-outline",
-          hex: "F01D3",
-          version: "1.5.54"
-      }, {
-          name: "video-stabilization",
-          hex: "F091B",
-          version: "2.3.50"
-      }, {
-          name: "video-switch",
-          hex: "F0569",
-          version: "1.5.54"
-      }, {
-          name: "video-switch-outline",
-          hex: "F0790",
-          version: "2.0.46"
-      }, {
-          name: "video-vintage",
-          hex: "F0A1C",
-          version: "2.5.94"
-      }, {
-          name: "video-wireless",
-          hex: "F0ED2",
-          version: "3.7.94"
-      }, {
-          name: "video-wireless-outline",
-          hex: "F0ED3",
-          version: "3.7.94"
-      }, {
-          name: "view-agenda",
-          hex: "F056A",
-          version: "1.5.54"
-      }, {
-          name: "view-agenda-outline",
-          hex: "F11D8",
-          version: "4.5.95"
-      }, {
-          name: "view-array",
-          hex: "F056B",
-          version: "1.5.54"
-      }, {
-          name: "view-array-outline",
-          hex: "F1485",
-          version: "5.3.45"
-      }, {
-          name: "view-carousel",
-          hex: "F056C",
-          version: "1.5.54"
-      }, {
-          name: "view-carousel-outline",
-          hex: "F1486",
-          version: "5.3.45"
-      }, {
-          name: "view-column",
-          hex: "F056D",
-          version: "1.5.54"
-      }, {
-          name: "view-column-outline",
-          hex: "F1487",
-          version: "5.3.45"
-      }, {
-          name: "view-comfy",
-          hex: "F0E6A",
-          version: "3.6.95"
-      }, {
-          name: "view-comfy-outline",
-          hex: "F1488",
-          version: "5.3.45"
-      }, {
-          name: "view-compact",
-          hex: "F0E6B",
-          version: "3.6.95"
-      }, {
-          name: "view-compact-outline",
-          hex: "F0E6C",
-          version: "3.6.95"
-      }, {
-          name: "view-dashboard",
-          hex: "F056E",
-          version: "1.5.54"
-      }, {
-          name: "view-dashboard-outline",
-          hex: "F0A1D",
-          version: "2.5.94"
-      }, {
-          name: "view-dashboard-variant",
-          hex: "F0843",
-          version: "2.1.19"
-      }, {
-          name: "view-dashboard-variant-outline",
-          hex: "F1489",
-          version: "5.3.45"
-      }, {
-          name: "view-day",
-          hex: "F056F",
-          version: "1.5.54"
-      }, {
-          name: "view-day-outline",
-          hex: "F148A",
-          version: "5.3.45"
-      }, {
-          name: "view-grid",
-          hex: "F0570",
-          version: "1.5.54"
-      }, {
-          name: "view-grid-outline",
-          hex: "F11D9",
-          version: "4.5.95"
-      }, {
-          name: "view-grid-plus",
-          hex: "F0F8D",
-          version: "3.9.97"
-      }, {
-          name: "view-grid-plus-outline",
-          hex: "F11DA",
-          version: "4.5.95"
-      }, {
-          name: "view-headline",
-          hex: "F0571",
-          version: "1.5.54"
-      }, {
-          name: "view-list",
-          hex: "F0572",
-          version: "1.5.54"
-      }, {
-          name: "view-list-outline",
-          hex: "F148B",
-          version: "5.3.45"
-      }, {
-          name: "view-module",
-          hex: "F0573",
-          version: "1.5.54"
-      }, {
-          name: "view-module-outline",
-          hex: "F148C",
-          version: "5.3.45"
-      }, {
-          name: "view-parallel",
-          hex: "F0728",
-          version: "1.8.36"
-      }, {
-          name: "view-parallel-outline",
-          hex: "F148D",
-          version: "5.3.45"
-      }, {
-          name: "view-quilt",
-          hex: "F0574",
-          version: "1.5.54"
-      }, {
-          name: "view-quilt-outline",
-          hex: "F148E",
-          version: "5.3.45"
-      }, {
-          name: "view-sequential",
-          hex: "F0729",
-          version: "1.8.36"
-      }, {
-          name: "view-sequential-outline",
-          hex: "F148F",
-          version: "5.3.45"
-      }, {
-          name: "view-split-horizontal",
-          hex: "F0BCB",
-          version: "3.0.39"
-      }, {
-          name: "view-split-vertical",
-          hex: "F0BCC",
-          version: "3.0.39"
-      }, {
-          name: "view-stream",
-          hex: "F0575",
-          version: "1.5.54"
-      }, {
-          name: "view-stream-outline",
-          hex: "F1490",
-          version: "5.3.45"
-      }, {
-          name: "view-week",
-          hex: "F0576",
-          version: "1.5.54"
-      }, {
-          name: "view-week-outline",
-          hex: "F1491",
-          version: "5.3.45"
-      }, {
-          name: "vimeo",
-          hex: "F0577",
-          version: "1.5.54"
-      }, {
-          name: "violin",
-          hex: "F060F",
-          version: "1.5.54"
-      }, {
-          name: "virtual-reality",
-          hex: "F0894",
-          version: "2.1.99"
-      }, {
-          name: "virus",
-          hex: "F13B6",
-          version: "5.1.45"
-      }, {
-          name: "virus-outline",
-          hex: "F13B7",
-          version: "5.1.45"
-      }, {
-          name: "vk",
-          hex: "F0579",
-          version: "1.5.54"
-      }, {
-          name: "vlc",
-          hex: "F057C",
-          version: "1.5.54"
-      }, {
-          name: "voice-off",
-          hex: "F0ED4",
-          version: "3.7.95"
-      }, {
-          name: "voicemail",
-          hex: "F057D",
-          version: "1.5.54"
-      }, {
-          name: "volleyball",
-          hex: "F09B4",
-          version: "2.4.85"
-      }, {
-          name: "volume-high",
-          hex: "F057E",
-          version: "1.5.54"
-      }, {
-          name: "volume-low",
-          hex: "F057F",
-          version: "1.5.54"
-      }, {
-          name: "volume-medium",
-          hex: "F0580",
-          version: "1.5.54"
-      }, {
-          name: "volume-minus",
-          hex: "F075E",
-          version: "1.9.32"
-      }, {
-          name: "volume-mute",
-          hex: "F075F",
-          version: "1.9.32"
-      }, {
-          name: "volume-off",
-          hex: "F0581",
-          version: "1.5.54"
-      }, {
-          name: "volume-plus",
-          hex: "F075D",
-          version: "1.9.32"
-      }, {
-          name: "volume-source",
-          hex: "F1120",
-          version: "4.3.95"
-      }, {
-          name: "volume-variant-off",
-          hex: "F0E08",
-          version: "3.5.94"
-      }, {
-          name: "volume-vibrate",
-          hex: "F1121",
-          version: "4.3.95"
-      }, {
-          name: "vote",
-          hex: "F0A1F",
-          version: "2.5.94"
-      }, {
-          name: "vote-outline",
-          hex: "F0A20",
-          version: "2.5.94"
-      }, {
-          name: "vpn",
-          hex: "F0582",
-          version: "1.5.54"
-      }, {
-          name: "vuejs",
-          hex: "F0844",
-          version: "2.1.19"
-      }, {
-          name: "vuetify",
-          hex: "F0E6D",
-          version: "3.6.95"
-      }, {
-          name: "walk",
-          hex: "F0583",
-          version: "1.5.54"
-      }, {
-          name: "wall",
-          hex: "F07FE",
-          version: "2.0.46"
-      }, {
-          name: "wall-sconce",
-          hex: "F091C",
-          version: "2.3.50"
-      }, {
-          name: "wall-sconce-flat",
-          hex: "F091D",
-          version: "2.3.50"
-      }, {
-          name: "wall-sconce-flat-variant",
-          hex: "F041C",
-          version: "1.5.54"
-      }, {
-          name: "wall-sconce-round",
-          hex: "F0748",
-          version: "1.9.32"
-      }, {
-          name: "wall-sconce-round-variant",
-          hex: "F091E",
-          version: "2.3.50"
-      }, {
-          name: "wallet",
-          hex: "F0584",
-          version: "1.5.54"
-      }, {
-          name: "wallet-giftcard",
-          hex: "F0585",
-          version: "1.5.54"
-      }, {
-          name: "wallet-membership",
-          hex: "F0586",
-          version: "1.5.54"
-      }, {
-          name: "wallet-outline",
-          hex: "F0BDD",
-          version: "3.0.39"
-      }, {
-          name: "wallet-plus",
-          hex: "F0F8E",
-          version: "3.9.97"
-      }, {
-          name: "wallet-plus-outline",
-          hex: "F0F8F",
-          version: "3.9.97"
-      }, {
-          name: "wallet-travel",
-          hex: "F0587",
-          version: "1.5.54"
-      }, {
-          name: "wallpaper",
-          hex: "F0E09",
-          version: "3.5.94"
-      }, {
-          name: "wan",
-          hex: "F0588",
-          version: "1.5.54"
-      }, {
-          name: "wardrobe",
-          hex: "F0F90",
-          version: "3.9.97"
-      }, {
-          name: "wardrobe-outline",
-          hex: "F0F91",
-          version: "3.9.97"
-      }, {
-          name: "warehouse",
-          hex: "F0F81",
-          version: "3.9.97"
-      }, {
-          name: "washing-machine",
-          hex: "F072A",
-          version: "1.8.36"
-      }, {
-          name: "washing-machine-alert",
-          hex: "F11BC",
-          version: "4.5.95"
-      }, {
-          name: "washing-machine-off",
-          hex: "F11BD",
-          version: "4.5.95"
-      }, {
-          name: "watch",
-          hex: "F0589",
-          version: "1.5.54"
-      }, {
-          name: "watch-export",
-          hex: "F058A",
-          version: "1.5.54"
-      }, {
-          name: "watch-export-variant",
-          hex: "F0895",
-          version: "2.1.99"
-      }, {
-          name: "watch-import",
-          hex: "F058B",
-          version: "1.5.54"
-      }, {
-          name: "watch-import-variant",
-          hex: "F0896",
-          version: "2.1.99"
-      }, {
-          name: "watch-variant",
-          hex: "F0897",
-          version: "2.1.99"
-      }, {
-          name: "watch-vibrate",
-          hex: "F06B1",
-          version: "1.7.12"
-      }, {
-          name: "watch-vibrate-off",
-          hex: "F0CDA",
-          version: "3.2.89"
-      }, {
-          name: "water",
-          hex: "F058C",
-          version: "1.5.54"
-      }, {
-          name: "water-alert",
-          hex: "F1502",
-          version: "5.4.55"
-      }, {
-          name: "water-alert-outline",
-          hex: "F1503",
-          version: "5.4.55"
-      }, {
-          name: "water-boiler",
-          hex: "F0F92",
-          version: "3.9.97"
-      }, {
-          name: "water-boiler-alert",
-          hex: "F11B3",
-          version: "4.5.95"
-      }, {
-          name: "water-boiler-off",
-          hex: "F11B4",
-          version: "4.5.95"
-      }, {
-          name: "water-check",
-          hex: "F1504",
-          version: "5.4.55"
-      }, {
-          name: "water-check-outline",
-          hex: "F1505",
-          version: "5.4.55"
-      }, {
-          name: "water-minus",
-          hex: "F1506",
-          version: "5.4.55"
-      }, {
-          name: "water-minus-outline",
-          hex: "F1507",
-          version: "5.4.55"
-      }, {
-          name: "water-off",
-          hex: "F058D",
-          version: "1.5.54"
-      }, {
-          name: "water-off-outline",
-          hex: "F1508",
-          version: "5.4.55"
-      }, {
-          name: "water-outline",
-          hex: "F0E0A",
-          version: "3.5.94"
-      }, {
-          name: "water-percent",
-          hex: "F058E",
-          version: "1.5.54"
-      }, {
-          name: "water-percent-alert",
-          hex: "F1509",
-          version: "5.4.55"
-      }, {
-          name: "water-plus",
-          hex: "F150A",
-          version: "5.4.55"
-      }, {
-          name: "water-plus-outline",
-          hex: "F150B",
-          version: "5.4.55"
-      }, {
-          name: "water-polo",
-          hex: "F12A0",
-          version: "4.7.95"
-      }, {
-          name: "water-pump",
-          hex: "F058F",
-          version: "1.5.54"
-      }, {
-          name: "water-pump-off",
-          hex: "F0F93",
-          version: "3.9.97"
-      }, {
-          name: "water-remove",
-          hex: "F150C",
-          version: "5.4.55"
-      }, {
-          name: "water-remove-outline",
-          hex: "F150D",
-          version: "5.4.55"
-      }, {
-          name: "water-well",
-          hex: "F106B",
-          version: "4.1.95"
-      }, {
-          name: "water-well-outline",
-          hex: "F106C",
-          version: "4.1.95"
-      }, {
-          name: "watering-can",
-          hex: "F1481",
-          version: "5.3.45"
-      }, {
-          name: "watering-can-outline",
-          hex: "F1482",
-          version: "5.3.45"
-      }, {
-          name: "watermark",
-          hex: "F0612",
-          version: "1.5.54"
-      }, {
-          name: "wave",
-          hex: "F0F2E",
-          version: "3.8.95"
-      }, {
-          name: "waveform",
-          hex: "F147D",
-          version: "5.2.45"
-      }, {
-          name: "waves",
-          hex: "F078D",
-          version: "1.9.32"
-      }, {
-          name: "waze",
-          hex: "F0BDE",
-          version: "3.0.39"
-      }, {
-          name: "weather-cloudy",
-          hex: "F0590",
-          version: "1.5.54"
-      }, {
-          name: "weather-cloudy-alert",
-          hex: "F0F2F",
-          version: "3.8.95"
-      }, {
-          name: "weather-cloudy-arrow-right",
-          hex: "F0E6E",
-          version: "3.6.95"
-      }, {
-          name: "weather-fog",
-          hex: "F0591",
-          version: "1.5.54"
-      }, {
-          name: "weather-hail",
-          hex: "F0592",
-          version: "1.5.54"
-      }, {
-          name: "weather-hazy",
-          hex: "F0F30",
-          version: "3.8.95"
-      }, {
-          name: "weather-hurricane",
-          hex: "F0898",
-          version: "2.1.99"
-      }, {
-          name: "weather-lightning",
-          hex: "F0593",
-          version: "1.5.54"
-      }, {
-          name: "weather-lightning-rainy",
-          hex: "F067E",
-          version: "1.7.12"
-      }, {
-          name: "weather-night",
-          hex: "F0594",
-          version: "1.5.54"
-      }, {
-          name: "weather-night-partly-cloudy",
-          hex: "F0F31",
-          version: "3.8.95"
-      }, {
-          name: "weather-partly-cloudy",
-          hex: "F0595",
-          version: "1.5.54"
-      }, {
-          name: "weather-partly-lightning",
-          hex: "F0F32",
-          version: "3.8.95"
-      }, {
-          name: "weather-partly-rainy",
-          hex: "F0F33",
-          version: "3.8.95"
-      }, {
-          name: "weather-partly-snowy",
-          hex: "F0F34",
-          version: "3.8.95"
-      }, {
-          name: "weather-partly-snowy-rainy",
-          hex: "F0F35",
-          version: "3.8.95"
-      }, {
-          name: "weather-pouring",
-          hex: "F0596",
-          version: "1.5.54"
-      }, {
-          name: "weather-rainy",
-          hex: "F0597",
-          version: "1.5.54"
-      }, {
-          name: "weather-snowy",
-          hex: "F0598",
-          version: "1.5.54"
-      }, {
-          name: "weather-snowy-heavy",
-          hex: "F0F36",
-          version: "3.8.95"
-      }, {
-          name: "weather-snowy-rainy",
-          hex: "F067F",
-          version: "1.7.12"
-      }, {
-          name: "weather-sunny",
-          hex: "F0599",
-          version: "1.5.54"
-      }, {
-          name: "weather-sunny-alert",
-          hex: "F0F37",
-          version: "3.8.95"
-      }, {
-          name: "weather-sunny-off",
-          hex: "F14E4",
-          version: "5.4.55"
-      }, {
-          name: "weather-sunset",
-          hex: "F059A",
-          version: "1.5.54"
-      }, {
-          name: "weather-sunset-down",
-          hex: "F059B",
-          version: "1.5.54"
-      }, {
-          name: "weather-sunset-up",
-          hex: "F059C",
-          version: "1.5.54"
-      }, {
-          name: "weather-tornado",
-          hex: "F0F38",
-          version: "3.8.95"
-      }, {
-          name: "weather-windy",
-          hex: "F059D",
-          version: "1.5.54"
-      }, {
-          name: "weather-windy-variant",
-          hex: "F059E",
-          version: "1.5.54"
-      }, {
-          name: "web",
-          hex: "F059F",
-          version: "1.5.54"
-      }, {
-          name: "web-box",
-          hex: "F0F94",
-          version: "3.9.97"
-      }, {
-          name: "web-clock",
-          hex: "F124A",
-          version: "4.6.95"
-      }, {
-          name: "webcam",
-          hex: "F05A0",
-          version: "1.5.54"
-      }, {
-          name: "webhook",
-          hex: "F062F",
-          version: "1.6.50"
-      }, {
-          name: "webpack",
-          hex: "F072B",
-          version: "1.8.36"
-      }, {
-          name: "webrtc",
-          hex: "F1248",
-          version: "4.6.95"
-      }, {
-          name: "wechat",
-          hex: "F0611",
-          version: "1.5.54"
-      }, {
-          name: "weight",
-          hex: "F05A1",
-          version: "1.5.54"
-      }, {
-          name: "weight-gram",
-          hex: "F0D3F",
-          version: "3.3.92"
-      }, {
-          name: "weight-kilogram",
-          hex: "F05A2",
-          version: "1.5.54"
-      }, {
-          name: "weight-lifter",
-          hex: "F115D",
-          version: "4.4.95"
-      }, {
-          name: "weight-pound",
-          hex: "F09B5",
-          version: "2.4.85"
-      }, {
-          name: "whatsapp",
-          hex: "F05A3",
-          version: "1.5.54"
-      }, {
-          name: "wheel-barrow",
-          hex: "F14F2",
-          version: "5.4.55"
-      }, {
-          name: "wheelchair-accessibility",
-          hex: "F05A4",
-          version: "1.5.54"
-      }, {
-          name: "whistle",
-          hex: "F09B6",
-          version: "2.4.85"
-      }, {
-          name: "whistle-outline",
-          hex: "F12BC",
-          version: "4.8.95"
-      }, {
-          name: "white-balance-auto",
-          hex: "F05A5",
-          version: "1.5.54"
-      }, {
-          name: "white-balance-incandescent",
-          hex: "F05A6",
-          version: "1.5.54"
-      }, {
-          name: "white-balance-iridescent",
-          hex: "F05A7",
-          version: "1.5.54"
-      }, {
-          name: "white-balance-sunny",
-          hex: "F05A8",
-          version: "1.5.54"
-      }, {
-          name: "widgets",
-          hex: "F072C",
-          version: "1.8.36"
-      }, {
-          name: "widgets-outline",
-          hex: "F1355",
-          version: "4.9.95"
-      }, {
-          name: "wifi",
-          hex: "F05A9",
-          version: "1.5.54"
-      }, {
-          name: "wifi-alert",
-          hex: "F16B5",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-down",
-          hex: "F16B6",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-left",
-          hex: "F16B7",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-left-right",
-          hex: "F16B8",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-right",
-          hex: "F16B9",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-up",
-          hex: "F16BA",
-          version: "5.8.55"
-      }, {
-          name: "wifi-arrow-up-down",
-          hex: "F16BB",
-          version: "5.8.55"
-      }, {
-          name: "wifi-cancel",
-          hex: "F16BC",
-          version: "5.8.55"
-      }, {
-          name: "wifi-check",
-          hex: "F16BD",
-          version: "5.8.55"
-      }, {
-          name: "wifi-cog",
-          hex: "F16BE",
-          version: "5.8.55"
-      }, {
-          name: "wifi-lock",
-          hex: "F16BF",
-          version: "5.8.55"
-      }, {
-          name: "wifi-lock-open",
-          hex: "F16C0",
-          version: "5.8.55"
-      }, {
-          name: "wifi-marker",
-          hex: "F16C1",
-          version: "5.8.55"
-      }, {
-          name: "wifi-minus",
-          hex: "F16C2",
-          version: "5.8.55"
-      }, {
-          name: "wifi-off",
-          hex: "F05AA",
-          version: "1.5.54"
-      }, {
-          name: "wifi-plus",
-          hex: "F16C3",
-          version: "5.8.55"
-      }, {
-          name: "wifi-refresh",
-          hex: "F16C4",
-          version: "5.8.55"
-      }, {
-          name: "wifi-remove",
-          hex: "F16C5",
-          version: "5.8.55"
-      }, {
-          name: "wifi-settings",
-          hex: "F16C6",
-          version: "5.8.55"
-      }, {
-          name: "wifi-star",
-          hex: "F0E0B",
-          version: "3.5.94"
-      }, {
-          name: "wifi-strength-1",
-          hex: "F091F",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-1-alert",
-          hex: "F0920",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-1-lock",
-          hex: "F0921",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-1-lock-open",
-          hex: "F16CB",
-          version: "5.8.55"
-      }, {
-          name: "wifi-strength-2",
-          hex: "F0922",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-2-alert",
-          hex: "F0923",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-2-lock",
-          hex: "F0924",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-2-lock-open",
-          hex: "F16CC",
-          version: "5.8.55"
-      }, {
-          name: "wifi-strength-3",
-          hex: "F0925",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-3-alert",
-          hex: "F0926",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-3-lock",
-          hex: "F0927",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-3-lock-open",
-          hex: "F16CD",
-          version: "5.8.55"
-      }, {
-          name: "wifi-strength-4",
-          hex: "F0928",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-4-alert",
-          hex: "F0929",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-4-lock",
-          hex: "F092A",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-4-lock-open",
-          hex: "F16CE",
-          version: "5.8.55"
-      }, {
-          name: "wifi-strength-alert-outline",
-          hex: "F092B",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-lock-open-outline",
-          hex: "F16CF",
-          version: "5.8.55"
-      }, {
-          name: "wifi-strength-lock-outline",
-          hex: "F092C",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-off",
-          hex: "F092D",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-off-outline",
-          hex: "F092E",
-          version: "2.3.50"
-      }, {
-          name: "wifi-strength-outline",
-          hex: "F092F",
-          version: "2.3.50"
-      }, {
-          name: "wifi-sync",
-          hex: "F16C7",
-          version: "5.8.55"
-      }, {
-          name: "wikipedia",
-          hex: "F05AC",
-          version: "1.5.54"
-      }, {
-          name: "wind-turbine",
-          hex: "F0DA5",
-          version: "3.4.93"
-      }, {
-          name: "window-close",
-          hex: "F05AD",
-          version: "1.5.54"
-      }, {
-          name: "window-closed",
-          hex: "F05AE",
-          version: "1.5.54"
-      }, {
-          name: "window-closed-variant",
-          hex: "F11DB",
-          version: "4.5.95"
-      }, {
-          name: "window-maximize",
-          hex: "F05AF",
-          version: "1.5.54"
-      }, {
-          name: "window-minimize",
-          hex: "F05B0",
-          version: "1.5.54"
-      }, {
-          name: "window-open",
-          hex: "F05B1",
-          version: "1.5.54"
-      }, {
-          name: "window-open-variant",
-          hex: "F11DC",
-          version: "4.5.95"
-      }, {
-          name: "window-restore",
-          hex: "F05B2",
-          version: "1.5.54"
-      }, {
-          name: "window-shutter",
-          hex: "F111C",
-          version: "4.3.95"
-      }, {
-          name: "window-shutter-alert",
-          hex: "F111D",
-          version: "4.3.95"
-      }, {
-          name: "window-shutter-open",
-          hex: "F111E",
-          version: "4.3.95"
-      }, {
-          name: "windsock",
-          hex: "F15FA",
-          version: "5.6.55"
-      }, {
-          name: "wiper",
-          hex: "F0AE9",
-          version: "2.7.94"
-      }, {
-          name: "wiper-wash",
-          hex: "F0DA6",
-          version: "3.4.93"
-      }, {
-          name: "wizard-hat",
-          hex: "F1477",
-          version: "5.2.45"
-      }, {
-          name: "wordpress",
-          hex: "F05B4",
-          version: "1.5.54"
-      }, {
-          name: "wrap",
-          hex: "F05B6",
-          version: "1.5.54"
-      }, {
-          name: "wrap-disabled",
-          hex: "F0BDF",
-          version: "3.0.39"
-      }, {
-          name: "wrench",
-          hex: "F05B7",
-          version: "1.5.54"
-      }, {
-          name: "wrench-outline",
-          hex: "F0BE0",
-          version: "3.0.39"
-      }, {
-          name: "xamarin",
-          hex: "F0845",
-          version: "2.1.19"
-      }, {
-          name: "xamarin-outline",
-          hex: "F0846",
-          version: "2.1.19"
-      }, {
-          name: "xing",
-          hex: "F05BE",
-          version: "1.5.54"
-      }, {
-          name: "xml",
-          hex: "F05C0",
-          version: "1.5.54"
-      }, {
-          name: "xmpp",
-          hex: "F07FF",
-          version: "2.0.46"
-      }, {
-          name: "y-combinator",
-          hex: "F0624",
-          version: "1.6.50"
-      }, {
-          name: "yahoo",
-          hex: "F0B4F",
-          version: "2.8.94"
-      }, {
-          name: "yeast",
-          hex: "F05C1",
-          version: "1.5.54"
-      }, {
-          name: "yin-yang",
-          hex: "F0680",
-          version: "1.7.12"
-      }, {
-          name: "yoga",
-          hex: "F117C",
-          version: "4.4.95"
-      }, {
-          name: "youtube",
-          hex: "F05C3",
-          version: "1.5.54"
-      }, {
-          name: "youtube-gaming",
-          hex: "F0848",
-          version: "2.1.19"
-      }, {
-          name: "youtube-studio",
-          hex: "F0847",
-          version: "2.1.19"
-      }, {
-          name: "youtube-subscription",
-          hex: "F0D40",
-          version: "3.3.92"
-      }, {
-          name: "youtube-tv",
-          hex: "F0448",
-          version: "1.5.54"
-      }, {
-          name: "yurt",
-          hex: "F1516",
-          version: "5.4.55"
-      }, {
-          name: "z-wave",
-          hex: "F0AEA",
-          version: "2.7.94"
-      }, {
-          name: "zend",
-          hex: "F0AEB",
-          version: "2.7.94"
-      }, {
-          name: "zigbee",
-          hex: "F0D41",
-          version: "3.3.92"
-      }, {
-          name: "zip-box",
-          hex: "F05C4",
-          version: "1.5.54"
-      }, {
-          name: "zip-box-outline",
-          hex: "F0FFA",
-          version: "4.0.96"
-      }, {
-          name: "zip-disk",
-          hex: "F0A23",
-          version: "2.5.94"
-      }, {
-          name: "zodiac-aquarius",
-          hex: "F0A7D",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-aries",
-          hex: "F0A7E",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-cancer",
-          hex: "F0A7F",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-capricorn",
-          hex: "F0A80",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-gemini",
-          hex: "F0A81",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-leo",
-          hex: "F0A82",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-libra",
-          hex: "F0A83",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-pisces",
-          hex: "F0A84",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-sagittarius",
-          hex: "F0A85",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-scorpio",
-          hex: "F0A86",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-taurus",
-          hex: "F0A87",
-          version: "2.6.95"
-      }, {
-          name: "zodiac-virgo",
-          hex: "F0A88",
-          version: "2.6.95"
-      }
-      ]
-      icons.push({ name: "blank", hex: "f68c" })
-      icons.forEach(function (icon) {
-        const item = getIconItem(icon, isNew(icon))
-        document.getElementById("icons").appendChild(item)
-        if (isNew(icon)) {
-          const newItem = getIconItem(icon, false, false)
-          document.getElementById("newIcons").appendChild(newItem)
-        }
-      })
-    })()
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Material Design | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid>
-            <Breadcrumbs title="Icons" breadcrumbItem="MDI" />
-
-            <Row className="icons-demo-content">
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">New Icons</h4>
-                    <p className="card-title-desc mb-2">
-                      Use{" "}
-                      <code>
-                        &lt;i className="mdi mdi-speedometer-slow"&gt;&lt;/i&gt;
-                      </code>{" "}
-                      <span className="badge bg-success">v 5.8.55</span>.
-                    </p>
-
-                    <Row className="icon-demo-content" id="newIcons"/>
-                  </CardBody>
-                </Card>
-
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title mb-4">All Icons</h4>
-                    <Row className="icon-demo-content" id="icons"/>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Size</h4>
-
-                    <Row className="icon-demo-content">
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-18px mdi-account"/> mdi-18px
-                      </Col>
-
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-24px mdi-account"/> mdi-24px
-                      </Col>
-
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-36px mdi-account"/> mdi-36px
-                      </Col>
-
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-48px mdi-account"/> mdi-48px
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Rotate</h4>
-
-                    <Row className="icon-demo-content">
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-45 mdi-account"/>{" "}
-                        mdi-rotate-45
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-90 mdi-account"/>{" "}
-                        mdi-rotate-90
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-135 mdi-account"/>{" "}
-                        mdi-rotate-135
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-180 mdi-account"/>{" "}
-                        mdi-rotate-180
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-225 mdi-account"/>{" "}
-                        mdi-rotate-225
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-270 mdi-account"/>{" "}
-                        mdi-rotate-270
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-rotate-315 mdi-account"/>{" "}
-                        mdi-rotate-315
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <h4 className="card-title">Spin</h4>
-
-                    <Row className="icon-demo-content">
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-spin mdi-loading"/> mdi-spin
-                      </Col>
-                      <Col xl="3" lg="4" sm="6">
-                        <i className="mdi mdi-spin mdi-star"/> mdi-spin
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default IconMaterialdesign
diff --git a/Client/src/backoffice/pages/Products/AddProduct.js b/Client/src/backoffice/pages/Products/AddProduct.js
index 161e2c3..53d01dc 100644
--- a/Client/src/backoffice/pages/Products/AddProduct.js
+++ b/Client/src/backoffice/pages/Products/AddProduct.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Link } from "react-router-dom"
+import  { Link,Redirect } from "react-router-dom"
 import MetaTags from 'react-meta-tags';
 import {
   Button,
@@ -36,16 +36,15 @@ class AddProduct extends Component {
       isDiscount : false,
       VerificationMessage :""
     }
-    const { dispatch } = props;
   }
 
   handleAcceptedFiles = files => {
     console.log(files)
     files.map(file =>
-      Object.assign(file, {
-        preview: URL.createObjectURL(file),
-        formattedSize: this.formatBytes(file.size),
-      })
+        Object.assign(file, {
+          preview: URL.createObjectURL(file),
+          formattedSize: this.formatBytes(file.size),
+        })
     )
 
     this.setState({ selectedFiles: files })
@@ -70,64 +69,48 @@ class AddProduct extends Component {
     { value: "XXXL", label: "XXXL" },
   ];
 
-    componentWillMount() {
-
-      fetch("http://localhost:5000/api/category/")
-          .then(res => res.json())
-          .then(
-              (result) => {
-                this.setState({
-                  categories: result.data.results
-                });
-              },
-              (error) => {
-               console.log(error)
-              })
-
-
-      fetch("http://localhost:5000/api/brands")
-          .then(res => res.json())
-          .then(
-              (result) => {
-                this.setState({
-                  brands: result.data.results
-                });
-              },
-              (error) => {
-                console.log(error)
-              })
-      this.setState({
-        connectedUser : JSON.parse(localStorage.getItem("userInfo"))
-      })
-    }
+  componentWillMount() {
+
+    fetch("http://localhost:5000/api/category/")
+        .then(res => res.json())
+        .then(
+            (result) => {
+              this.setState({
+                categories: result.data.results
+              });
+            },
+            (error) => {
+              console.log(error)
+            })
+
+
+    fetch("http://localhost:5000/api/brands")
+        .then(res => res.json())
+        .then(
+            (result) => {
+              this.setState({
+                brands: result.data.results
+              });
+            },
+            (error) => {
+              console.log(error)
+            })
+    this.setState({
+      connectedUser : JSON.parse(localStorage.getItem("userInfo"))
+    })
+  }
 
-   handlerColorChange(value) {
-     this.state.formProduct.color=value;
+  handlerColorChange(value) {
+    this.state.formProduct.color=value;
   }
   handlerSizeChange(value) {
     this.state.formProduct.size=value;
   }
 
-   handleSubmit = () => {
-      console.log(this.state.selectedFiles[0])
-     const formData = new FormData();
-     formData.append("name", this.state.formProduct.name);
-     formData.append("price", this.state.formProduct.price);
-     formData.append("countInStock", this.state.formProduct.countInStock);
-     formData.append("description", this.state.formProduct.description);
-     formData.append("color", JSON.stringify(this.state.formProduct.color));
-     formData.append("category", this.state.formProduct.category);
-     formData.append("size", JSON.stringify(this.state.formProduct.size));
-     formData.append("brand", this.state.formProduct.brand);
-     formData.append("isDiscounted", this.state.formProduct.isDiscounted);
-     formData.append("productImage", JSON.stringify(this.state.selectedFiles[0]));
-      if(this.state.isDiscount && this.state.formProduct.discount) {
-        formData.append("discount", this.state.formProduct.discount);
-      }
-
-     this.props.dispatch(productAction.createProduct(formData))
-
-     // e.preventDefault();
+  handleSubmit = () => {
+
+
+    // e.preventDefault();
     // this.setState({VerificationMessage : ""});
     // if (!this.state.formProduct.name) return this.setState({VerificationMessage :"Please provide your product's name"});
     // if (!this.state.formProduct.price) return this.setState({VerificationMessage :"Please provide your product's price"});
@@ -139,253 +122,271 @@ class AddProduct extends Component {
     // if (!this.state.formProduct.brand) return this.setState({VerificationMessage :"Please provide your product's brand"});
     // if(this.state.isDiscount && !this.state.formProduct.discount) return this.setState({VerificationMessage :"Please provide your product's discount"});
     //  this.setState({VerificationMessage: ""});
-    //  this.props.createProductDetails(this.state.formProduct);
 
 
+
+    console.log(this.state.selectedFiles[0])
+    const formData = new FormData();
+    formData.append("name", this.state.formProduct.name);
+    formData.append("price", this.state.formProduct.price);
+    formData.append("countInStock", this.state.formProduct.countInStock);
+    formData.append("description", this.state.formProduct.description);
+    formData.append("color", JSON.stringify(this.state.formProduct.color));
+    formData.append("category", this.state.formProduct.category);
+    formData.append("size", JSON.stringify(this.state.formProduct.size));
+    formData.append("brand", this.state.formProduct.brand);
+    formData.append("isDiscounted", this.state.formProduct.isDiscounted);
+    formData.append("productImage", JSON.stringify(this.state.selectedFiles[0]));
+    if(this.state.isDiscount && this.state.formProduct.discount) {
+      formData.append("discount", this.state.formProduct.discount);
+    }
+    this.props.dispatch(productAction.createProduct(formData))
+    this.props.history.push('/dashboard/admin/Products')
+
   };
   render() {
 
 
     return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Add Product | FitMe!</title>
-          </MetaTags>
-          <Container fluid>
-            {/* Render Breadcrumb */}
-            <Breadcrumbs title="Dashborad" breadcrumbItem="Add Product" />
-
-            <Row>
-              <Col xs="12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Basic Information</CardTitle>
-                    <p className="card-title-desc">Fill all information below</p>
-                    {this.state.VerificationMessage !== "" && (
-                        <ErrorMessage header="Auth Error" message={this.state.VerificationMessage} />
-                    )}
-                    <Form>
-                      <Row>
-                        <Col sm="6">
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productname">Product Name</Label>
-                            <Input
-                              id="productname"
-                              name="productname"
-                              type="text"
-                              className="form-control"
-                              onChange={(e)=>{this.state.formProduct.name= e.target.value}}
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productprice">
-                              Product Price
-                            </Label>
-                            <Input
-                              id="productprice"
-                              name="productprice"
-                              type="number"
-                              className="form-control"
-                              onChange={(e)=>{this.state.formProduct.price= parseFloat(e.target.value)}}
-
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productqty">
-                              Product QTY
-                            </Label>
-                            <Input
-                              id="productqty"
-                              name="productqty"
-                              type="number"
-                              className="form-control"
-                              onChange={(e)=>{this.state.formProduct.countInStock= parseInt(e.target.value)}}
-
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3 d-flex ">
-                            <Label>Discount : &nbsp; &nbsp;</Label>
-                            <Input
-                              id="isDiscount"
-                              name="isDiscount"
-                              type="checkbox"
-                              className="form-control"
-                              onChange={()=>this.setState({isDiscount : !this.state.isDiscount})}
-
-                            />
-                            {this.state.isDiscount ? (
-                                <Input
-                                style={{width : 120 , marginLeft : 30}}
-                                id="discount"
-                                name="discount"
-                                type="number"
-                                placeholder="Discount %"
-                                className="form-control"
-                                onChange={(e)=>{this.state.formProduct.discount=  parseInt(e.target.value)}}
-
-                                />) : <></>}
-                          </FormGroup>
-                          <FormGroup className="select2-container mb-3">
-                            <Label className="control-label">Available Size</Label>
-                            <Select
-                                closeMenuOnSelect={false}
-                                classNamePrefix="form-control"
-                                placeholder="Choose ..."
-                                title="Country"
-                                options={this.sizeOptions}
-                                isMulti
-                                onChange={(e)=>{this.handlerSizeChange(e)}}
-
-                            />
-                          </FormGroup>
-                        </Col>
-
-                        <Col sm="6">
-                          <FormGroup className="mb-3">
-                            <Label className="control-label">Category</Label>
-                            <select className="form-control select2"
-                            onChange={(e)=>{this.state.formProduct.category= e.target.value}}
-                            >
-                              <option>Select</option>
-                              {this.state.categories ? this.state.categories.map((val,index)=>
-                                  <option value={val._id} key={index}>{val.categoryName}</option>
-                              ) : ""}
-
-
-                            </select>
-                          </FormGroup>
-                          <FormGroup className="select2-container mb-3">
-                            <Label className="control-label">Colors </Label>
-                           <ColorSelector handlerColorChangeProps={(e)=>this.handlerColorChange(e)}/>
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            <Label htmlFor="productdesc">
-                              Product Description
-                            </Label>
-                            <textarea
-                              className="form-control"
-                              id="productdesc"
-                              rows="5"
-                              onChange={(e)=>{this.state.formProduct.description= e.target.value}}
-
-                            />
-                          </FormGroup>
-                          <FormGroup className="mb-3">
-                            {this.state.brands && this.state.connectedUser.role === "admin" ?
-                                (<>
-                                <Label className="control-label">Brand</Label>
-                            <select className="form-control select2"
-                                    onChange={(e)=>{this.state.formProduct.brand= e.target.value}}
-                            >
-                              <option>Select</option>
-                              { this.state.brands.map((val,index)=>
-                                  <option value={val._id} key={index}>{val.brandName}</option>
-                              ) }
-
-
-                            </select></>): this.state.formProduct.brand=this.state.connectedUser.id}
-                          </FormGroup>
-                        </Col>
-                      </Row>
-                      <div className="d-flex flex-wrap gap-2">
-                      <Button
-                        type="button"
-                        color="primary"
-                        className="waves-effect waves-light"
-                        onClick={(e)=>{
-                          this.state.formProduct.isDiscounted = this.state.isDiscount;
-                          this.handleSubmit();
-                        }}
-                      >
-                        Save Changes
-                      </Button>
-                      <Button
-                        type="submit"
-                        color="secondary"
-                        className="waves-effect waves-light"
-                      >
-                        Cancel
-                      </Button>
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-3 h4">Product Images</CardTitle>
-                    <Form className="dropzone">
-                      <Dropzone
-                        onDrop={acceptedFiles =>
-                          this.handleAcceptedFiles(acceptedFiles)
-                        }
-                      >
-                        {({ getRootProps, getInputProps }) => (
-                          <div>
-                            <div
-                              className="dz-message needsclick"
-                              {...getRootProps()}
-                            >
-                              <input {...getInputProps()} />
-                              <div className="dz-message needsclick">
-                                <div className="mb-3">
-                                  <i className="display-4 text-muted bx bxs-cloud-upload" />
-                                </div>
-                                <h4>Drop files here or click to upload.</h4>
-                              </div>
-                            </div>
-                          </div>
-                        )}
-                      </Dropzone>
-                      <div
-                        className="dropzone-previews mt-3"
-                        id="file-previews"
-                      >
-                        {this.state.selectedFiles.map((f, i) => {
-                          return (
-                            <Card
-                              className="mt-1 mb-0 shadow-none border dz-processing dz-image-preview dz-success dz-complete"
-                              key={i + "-file"}
-                            >
-                              <div className="p-2">
-                                <Row className="align-items-center">
-                                  <Col className="col-auto">
-                                    <img
-                                      data-dz-thumbnail=""
-                                      height="80"
-                                      className="avatar-sm rounded bg-light"
-                                      alt={f.name}
-                                      src={f.preview}
-                                    />
-                                  </Col>
-                                  <Col>
-                                    <Link
-                                      to="#"
-                                      className="text-muted font-weight-bold"
+        <React.Fragment>
+          <div className="page-content">
+            <MetaTags>
+              <title>Add Product | FitMe!</title>
+            </MetaTags>
+            <Container fluid>
+              {/* Render Breadcrumb */}
+              <Breadcrumbs title="Dashborad" breadcrumbItem="Add Product" />
+
+              <Row>
+                <Col xs="12">
+                  <Card>
+                    <CardBody>
+                      <CardTitle className="h4">Basic Information</CardTitle>
+                      <p className="card-title-desc">Fill all information below</p>
+                      {this.state.VerificationMessage !== "" && (
+                          <ErrorMessage header="Auth Error" message={this.state.VerificationMessage} />
+                      )}
+                      <Form>
+                        <Row>
+                          <Col sm="6">
+                            <FormGroup className="mb-3">
+                              <Label htmlFor="productname">Product Name</Label>
+                              <Input
+                                  id="productname"
+                                  name="productname"
+                                  type="text"
+                                  className="form-control"
+                                  onChange={(e)=>{this.state.formProduct.name= e.target.value}}
+                              />
+                            </FormGroup>
+                            <FormGroup className="mb-3">
+                              <Label htmlFor="productprice">
+                                Product Price
+                              </Label>
+                              <Input
+                                  id="productprice"
+                                  name="productprice"
+                                  type="number"
+                                  className="form-control"
+                                  onChange={(e)=>{this.state.formProduct.price= parseFloat(e.target.value)}}
+
+                              />
+                            </FormGroup>
+                            <FormGroup className="mb-3">
+                              <Label htmlFor="productqty">
+                                Product QTY
+                              </Label>
+                              <Input
+                                  id="productqty"
+                                  name="productqty"
+                                  type="number"
+                                  className="form-control"
+                                  onChange={(e)=>{this.state.formProduct.countInStock= parseInt(e.target.value)}}
+
+                              />
+                            </FormGroup>
+                            <FormGroup className="mb-3 d-flex ">
+                              <Label>Discount : &nbsp; &nbsp;</Label>
+                              <Input
+                                  id="isDiscount"
+                                  name="isDiscount"
+                                  type="checkbox"
+                                  className="form-control"
+                                  onChange={()=>this.setState({isDiscount : !this.state.isDiscount})}
+
+                              />
+                              {this.state.isDiscount ? (
+                                  <Input
+                                      style={{width : 120 , marginLeft : 30}}
+                                      id="discount"
+                                      name="discount"
+                                      type="number"
+                                      placeholder="Discount %"
+                                      className="form-control"
+                                      onChange={(e)=>{this.state.formProduct.discount=  parseInt(e.target.value)}}
+
+                                  />) : <></>}
+                            </FormGroup>
+                            <FormGroup className="select2-container mb-3">
+                              <Label className="control-label">Available Size</Label>
+                              <Select
+                                  closeMenuOnSelect={false}
+                                  classNamePrefix="form-control"
+                                  placeholder="Choose ..."
+                                  title="Country"
+                                  options={this.sizeOptions}
+                                  isMulti
+                                  onChange={(e)=>{this.handlerSizeChange(e)}}
+
+                              />
+                            </FormGroup>
+                          </Col>
+
+                          <Col sm="6">
+                            <FormGroup className="mb-3">
+                              <Label className="control-label">Category</Label>
+                              <select className="form-control select2"
+                                      onChange={(e)=>{this.state.formProduct.category= e.target.value}}
+                              >
+                                <option>Select</option>
+                                {this.state.categories ? this.state.categories.map((val,index)=>
+                                    <option value={val._id} key={index}>{val.categoryName}</option>
+                                ) : ""}
+
+
+                              </select>
+                            </FormGroup>
+                            <FormGroup className="select2-container mb-3">
+                              <Label className="control-label">Colors </Label>
+                              <ColorSelector handlerColorChangeProps={(e)=>this.handlerColorChange(e)}/>
+                            </FormGroup>
+                            <FormGroup className="mb-3">
+                              <Label htmlFor="productdesc">
+                                Product Description
+                              </Label>
+                              <textarea
+                                  className="form-control"
+                                  id="productdesc"
+                                  rows="5"
+                                  onChange={(e)=>{this.state.formProduct.description= e.target.value}}
+
+                              />
+                            </FormGroup>
+                            <FormGroup className="mb-3">
+                              {this.state.brands && this.state.connectedUser.role === "admin" ?
+                                  (<>
+                                    <Label className="control-label">Brand</Label>
+                                    <select className="form-control select2"
+                                            onChange={(e)=>{this.state.formProduct.brand= e.target.value}}
                                     >
-                                      {f.name}
-                                    </Link>
-                                    <p className="mb-0">
-                                      <strong>{f.formattedSize}</strong>
-                                    </p>
-                                  </Col>
-                                </Row>
+                                      <option>Select</option>
+                                      { this.state.brands.map((val,index)=>
+                                          <option value={val._id} key={index}>{val.brandName}</option>
+                                      ) }
+
+
+                                    </select></>): this.state.formProduct.brand=this.state.connectedUser.id}
+                            </FormGroup>
+                          </Col>
+                        </Row>
+                        <div className="d-flex flex-wrap gap-2">
+                          <Button
+                              type="button"
+                              color="primary"
+                              className="waves-effect waves-light"
+                              onClick={(e)=>{
+                                this.state.formProduct.isDiscounted = this.state.isDiscount;
+                                this.handleSubmit();
+                              }}
+                          >
+                            Save Changes
+                          </Button>
+                          <Button
+                              type="submit"
+                              color="secondary"
+                              className="waves-effect waves-light"
+                          >
+                            Cancel
+                          </Button>
+                        </div>
+                      </Form>
+                    </CardBody>
+                  </Card>
+
+                  <Card>
+                    <CardBody>
+                      <CardTitle className="mb-3 h4">Product Images</CardTitle>
+                      <Form className="dropzone">
+                        <Dropzone
+                            onDrop={acceptedFiles =>
+                                this.handleAcceptedFiles(acceptedFiles)
+                            }
+                        >
+                          {({ getRootProps, getInputProps }) => (
+                              <div>
+                                <div
+                                    className="dz-message needsclick"
+                                    {...getRootProps()}
+                                >
+                                  <input {...getInputProps()} />
+                                  <div className="dz-message needsclick">
+                                    <div className="mb-3">
+                                      <i className="display-4 text-muted bx bxs-cloud-upload" />
+                                    </div>
+                                    <h4>Drop files here or click to upload.</h4>
+                                  </div>
+                                </div>
                               </div>
-                            </Card>
-                          )
-                        })}
-                      </div>
-                    </Form>
-                  </CardBody>
-                </Card>
-
-
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
+                          )}
+                        </Dropzone>
+                        <div
+                            className="dropzone-previews mt-3"
+                            id="file-previews"
+                        >
+                          {this.state.selectedFiles.map((f, i) => {
+                            return (
+                                <Card
+                                    className="mt-1 mb-0 shadow-none border dz-processing dz-image-preview dz-success dz-complete"
+                                    key={i + "-file"}
+                                >
+                                  <div className="p-2">
+                                    <Row className="align-items-center">
+                                      <Col className="col-auto">
+                                        <img
+                                            data-dz-thumbnail=""
+                                            height="80"
+                                            className="avatar-sm rounded bg-light"
+                                            alt={f.name}
+                                            src={f.preview}
+                                        />
+                                      </Col>
+                                      <Col>
+                                        <Link
+                                            to="#"
+                                            className="text-muted font-weight-bold"
+                                        >
+                                          {f.name}
+                                        </Link>
+                                        <p className="mb-0">
+                                          <strong>{f.formattedSize}</strong>
+                                        </p>
+                                      </Col>
+                                    </Row>
+                                  </div>
+                                </Card>
+                            )
+                          })}
+                        </div>
+                      </Form>
+                    </CardBody>
+                  </Card>
+
+
+                </Col>
+              </Row>
+            </Container>
+          </div>
+        </React.Fragment>
     )
   }
 }
diff --git a/Client/src/backoffice/pages/Products/ProductDetail.js b/Client/src/backoffice/pages/Products/ProductDetail.js
index 5ecdc0f..d89d10c 100644
--- a/Client/src/backoffice/pages/Products/ProductDetail.js
+++ b/Client/src/backoffice/pages/Products/ProductDetail.js
@@ -2,7 +2,7 @@ import React, {Component, useEffect} from "react"
 import PropTypes from "prop-types"
 import MetaTags from 'react-meta-tags';
 import { useDispatch, useSelector} from "react-redux"
-import { Link } from "react-router-dom"
+import  { Link ,Redirect} from "react-router-dom"
 import {
   Container,
   Row,
@@ -29,36 +29,50 @@ import StarRatings from "react-star-ratings"
 import Breadcrumbs from "@BackOfficeComponents/Common/Breadcrumb";
 
 //Import actions
-import Reviews from "../Ecommerce/EcommerceProducts/Reviews"
+import Reviews from "../Products/Reviews";
 import {useState} from "react";
 import * as productAction from "../../../actions/productAction";
+import ProductDetailsComponent from "./ProductDetailsComponent";
+import ProductUpdateComponent from "./ProductUpdateComponent";
+import Modal from "react-bootstrap/Modal";
 
 function ProductDetail ({match,history}) {
 
-  const [activeTab,setActiveTab] =useState("1")
 
     const productData = useSelector((state) => state.Product);
 
-console.log("dsqdsqd",match.params.id)
     const { loading, product, error } = productData;
+    const  [productsItem,setProductItem] = useState(product)
+
     const dispatch = useDispatch();
+    const [toUpdate,setToUpdate] = useState(false)
+    const [toDelete,setToDelete] = useState(false)
+    const handelUpdate=  (updateData,id)=>{
+
+        updateData.color =JSON.stringify(updateData.color);
+         dispatch(productAction.EditProduct(id, updateData))
+        updateData.color =JSON.parse(updateData.color);
+
+        setProductItem(updateData);
+
+        return <Redirect to={`/product-detail/${match.params.id}`}/>
+    }
+    useEffect(() => {
+        setProductItem(product);
+    }, [product])
 
     useEffect(() => {
         dispatch(productAction.product(match.params.id));
         // eslint-disable-next-line
     }, [dispatch, match]);
-    const toggleTab =(tab)=> {
-    if (activeTab !== tab) {
-      setActiveTab(tab)
-    }
-  }
+    const handleDelete = () => {
+        setToDelete(false);
+        dispatch(productAction.deleteProduct(match.params.id));
+        history.push("/dashboard/admin/Products");
 
-  const imageShow=(img, id)=> {
-    const expandImg = document.getElementById("expandedImg" + id)
-    expandImg.src = img
-  }
 
 
+    };
     return (
       <React.Fragment>
         <div className="page-content">
@@ -67,272 +81,47 @@ console.log("dsqdsqd",match.params.id)
           </MetaTags>
           <Container fluid>
             <Breadcrumbs title="Ecommerce" breadcrumbItem="Product Details" />
-            {!isEmpty(product) && (
-              <Row>
-                <Col>
-                  <Card>
-                    <CardBody>
-                      <Row>
-                        <Col xl="6">
-                          <div className="product-detai-imgs">
-                            <Row>
-                              <Col md="2" xs="3">
-                                <Nav className="flex-column" pills>
-                                  <NavItem>
-                                    <NavLink
-                                      className={classnames({
-                                        active: activeTab === "1",
-                                      })}
-                                      onClick={() => {
-                                        toggleTab("1")
-                                      }}
-                                    >
-                                      <img
-                                        src={product.productImage}
-                                        alt=""
-                                        onClick={() => {
-                                          imageShow(
-                                            product.productImage,
-                                            1
-                                          )
-                                        }}
-                                        className="img-fluid mx-auto d-block rounded"
-                                      />
-                                    </NavLink>
-                                  </NavItem>
-                                  <NavItem>
-                                    <NavLink
-                                      className={classnames({
-                                        active: activeTab === "2",
-                                      })}
-                                      onClick={() => {
-                                        toggleTab("2")
-                                      }}
-                                    >
-                                      <img
-                                        src={product.productImage}
-                                        alt=""
-                                        onClick={() => {
-                                            imageShow(
-                                                product.productImage,
-                                            2
-                                          )
-                                        }}
-                                        className="img-fluid mx-auto d-block rounded"
-                                      />
-                                    </NavLink>
-                                  </NavItem>
-                                  <NavItem>
-                                    <NavLink
-                                      className={classnames({
-                                        active: activeTab === "3",
-                                      })}
-                                      onClick={() => {
-                                        toggleTab("3")
-                                      }}
-                                    >
-                                      <img
-                                        src={product.productImage}
-                                        alt=""
-                                        onClick={() => {
-                                          imageShow(
-                                              product.productImage,
-                                            3
-                                          )
-                                        }}
-                                        className="img-fluid mx-auto d-block rounded"
-                                      />
-                                    </NavLink>
-                                  </NavItem>
-                                </Nav>
-                              </Col>
-                              <Col md={{ size: 7, offset: 1 }} xs="9">
-
-                                <TabContent activeTab={activeTab}>
-                                  <TabPane tabId="1">
-                                    <div>
-                                      <img
-                                        src={product.productImage}
-                                        alt=""
-                                        id="expandedImg1"
-                                        className="img-fluid mx-auto d-block"
-                                      />
-                                    </div>
-                                  </TabPane>
-                                  <TabPane tabId="2">
-                                    <div>
-                                      <img
-                                        src={product.productImage}
-                                        id="expandedImg2"
-                                        alt=""
-                                        className="img-fluid mx-auto d-block"
-                                      />
-                                    </div>
-                                  </TabPane>
-                                  <TabPane tabId="3">
-                                    <div>
-                                      <img
-                                        src={product.productImage}
-                                        id="expandedImg3"
-                                        alt=""
-                                        className="img-fluid mx-auto d-block"
-                                      />
-                                    </div>
-                                  </TabPane>
-                                  <TabPane tabId="4">
-                                    <div>
-                                      <img
-                                        src={product.productImage}
-                                        id="expandedImg4"
-                                        alt=""
-                                        className="img-fluid mx-auto d-block"
-                                      />
-                                    </div>
-                                  </TabPane>
-                                </TabContent>
-                                <div className="text-center">
-                                  <button
-                                    className="btn  btn-outline-dark mt-2 btn-fitMe-cart"
-                                  >
-                                    <i className="bx bx-cart me-2" /> Add to
-                                    cart
-                                  </button>
-                                  <button
-                                    className=" btn btn-outline-success mx-2 mt-2 "
-                                  >
-                                    <i className="bx bx-shopping-bag me-2" />
-                                    Buy now
-                                  </button>
-                                </div>
-                              </Col>
-                            </Row>
-                          </div>
-                        </Col>
-
-                        <Col xl="6">
-                          <div className="mt-4 mt-xl-3">
-                            <Link to="#" className="text-primary">
-                              {product.category[0]}
-                            </Link>
-                            <h4 className="mt-1 mb-3">{product.name}</h4>
-
-                            <div className="text-muted float-start me-3">
-                              <StarRatings
-                                rating={4}
-                                starRatedColor="#F1B44C"
-                                starEmptyColor="#2D363F"
-                                numberOfStars={5}
-                                name="rating"
-                                starDimension="14px"
-                                starSpacing="3px"
-                              />
-                            </div>
-                            <p className="text-muted mb-4">
-                              {/*( {product.reviews} Customers Review )*/}
-                            </p>
-
-                            {!!product.isDiscounted && (
-                              <h6 className="text-success text-uppercase">
-                                {product.discount} % Off
-                              </h6>
-                            )}
-                            <h5 className="mb-4">
-                              Price :{" "}
-                              <span className="text-muted me-2">
-                                <del>${product.price} TND</del>
-                              </span>{" "}
-                              <b>{product.price-((product.price*product.discount)/100)} TND</b>
-                            </h5>
-                            <p className="text-muted mb-4">
-                                {product.description}
-                            </p>
-                            <Row className="mb-3">
-                              <Col md="6">
-                                {product.features &&
-                                  product.features.map((item, i) => (
-                                    <div key={i}>
-                                      <p className="text-muted">
-                                        <i
-                                          className={classnames(
-                                            item.icon,
-                                            " font-size-16 align-middle text-primary me-2"
-                                          )}
-                                        />
-                                        {item.type && `${item.type}: `}
-                                        {item.value}
-                                      </p>
-                                    </div>
-                                  ))}
-                              </Col>
-                              <Col md="6">
-                                {product.features &&
-                                  product.features.map((item, i) => (
-                                    <div key={i}>
-                                      <p className="text-muted">
-                                        <i
-                                          className={classnames(
-                                            item.icon,
-                                            " font-size-16 align-middle text-primary me-2"
-                                          )}
-                                        />
-                                        {item.type && `${item.type}:`}
-                                        {item.value}
-                                      </p>
-                                    </div>
-                                  ))}
-                              </Col>
-                            </Row>
-
-                            <div className="product-color">
-                              <h5 className="font-size-15">Color :</h5>
-                              {product.color &&
-                                product.color.map((option, key) => (
-                                  <Link to="#" className="active" key={key}>
-                                    <div className="product-color-item border rounded" style={{backgroundColor : option.color}}>
-                                      <img
-                                        src={product.productImage}
-                                        alt=""
-                                        className="avatar-md"
-                                      />
-                                    </div>
-                                    <p>{option.color}</p>
-                                  </Link>
-                                ))}
-                            </div>
-                          </div>
-                        </Col>
-                      </Row>
-
-                      <div className="mt-5">
-                        <h5 className="mb-3">Specifications :</h5>
-
-                        <div className="table-responsive">
-                          <Table className="table mb-0 table-bordered">
-                            <tbody>
-                              {product.specification &&
-                                product.specification.map(
-                                  (specification, i) => (
-                                    <tr key={i}>
-                                      <th
-                                        scope="row"
-                                        style={{ width: "400px" }}
-                                        className={"text-capitalize"}
-                                      >
-                                        {specification.type}
-                                      </th>
-                                      <td>{specification.value}</td>
-                                    </tr>
-                                  )
-                                )}
-                            </tbody>
-                          </Table>
-                        </div>
-                      </div>
-                      <Reviews comments={product.comments} />
-                    </CardBody>
-                  </Card>
-                </Col>
-              </Row>
+            <div className="d-flex justify-content-end">
+              <button
+                  className="btn  btn-outline-dark mt-2 btn-fitMe-cart" style={{width : 150}}
+                  onClick={()=>{setToUpdate(!toUpdate)}}
+              >
+                <i className="bx bx-cart me-2 " />
+                Update Product
+              </button>
+              <button
+                  className=" btn btn-outline-danger mx-2 mt-2 "
+                  style={{width : 150}}
+                  onClick={()=>setToDelete(true)}
+              >
+                <i className="bx bx-shopping-bag me-2" />
+                    Delete Product
+              </button>
+            </div>
+              { toDelete && (
+                  <>
+                      <Modal show={toDelete}  backdrop="static" keyboard={false}>
+                          <Modal.Header closeButton>
+                              <Modal.Title>Notice !</Modal.Title>
+                          </Modal.Header>
+                          <Modal.Body>
+                              You are sure to delete product {productsItem.name}
+                          </Modal.Body>
+                          <Modal.Footer>
+                              <Button variant="secondary"
+                              onClick={handleDelete}>
+                                  Yes
+                              </Button>
+                              <Button variant="secondary" onClick={()=>setToDelete(false)}>
+                                  Close
+                              </Button>
+                          </Modal.Footer>
+                      </Modal>
+                  </>)}
+            {!isEmpty(productsItem) && (
+                !toUpdate ?
+            (<ProductDetailsComponent product={productsItem}/>) :
+            (<ProductUpdateComponent product={productsItem} toUpdate={toUpdate} handelUpdateFn={handelUpdate}/>)
             )}
             {/*<RecentProducts recentProducts={product} />*/}
           </Container>
diff --git a/Client/src/backoffice/pages/Products/index.js b/Client/src/backoffice/pages/Products/index.js
index 0bc7bbd..9b59292 100644
--- a/Client/src/backoffice/pages/Products/index.js
+++ b/Client/src/backoffice/pages/Products/index.js
@@ -1,7 +1,7 @@
 import React, {Component, useEffect} from "react"
 import PropTypes from "prop-types"
 import MetaTags from 'react-meta-tags';
-import { connect } from "react-redux"
+import {connect, useSelector, useStore} from "react-redux"
 import { Link, withRouter } from "react-router-dom"
 import {
   Card,
@@ -34,19 +34,15 @@ import "nouislider/distribute/nouislider.css"
 //Import Breadcrumb
 import Breadcrumbs from "../../components/Common/Breadcrumb"
 
-//Import data
-// import { discountData, productsList } from "common/data"
 
 //Import actions
 import {useState} from "react";
 import {useProduct} from "../../../hook/useProductHook";
-// import ProductPage from "../../../frontoffice/pages/ProductDetails/ProductPage";
-// import ProductList from "../../../frontoffice/pages/Home/Components/ProductList";
+import Filter from "../../../frontoffice/pages/Home/Components/Filter";
 
 function EcommerceProducts(props) {
 
-  const {products,loading,count,error,searchProductKey} = useProduct("","","","","");
-
+  const {products, loading, count, error, searchProductKey} = useProduct("", "", "", "", "");
   const  [productsList,setProductsList] = useState(products)
   const [FilterClothes,setFilterClothes] = useState([
     { id: 1, name: "T-shirts", link: "#" },
@@ -54,6 +50,8 @@ function EcommerceProducts(props) {
     { id: 3, name: "Jeans", link: "#" },
     { id: 4, name: "Jackets", link: "#" },
   ]);
+  const userLogin = useSelector((state) => state.userLogin);
+  const { userInfo } = userLogin;
   const [activeTab,setActiveTab] = useState("1");
   const [discountData,setDiscountData] = useState([
     { label: "Less than 10%", value: 0 },
@@ -72,8 +70,13 @@ function EcommerceProducts(props) {
   const [totalPage,setTotalPage] = useState(5);
 
 useEffect(()=>{
-  setProductsList(products)
-  console.log(productsList)
+  console.log(userInfo.role)
+  userInfo.role !== "admin" ?
+  setProductsList(products.filter((val)=> {
+    return val.brand.userId === userInfo.id
+  }))
+      : setProductsList(products)
+
 },[products])
 
   const toggleTab=(tab)=> {
@@ -112,33 +115,6 @@ useEffect(()=>{
     setProductsList(filteredProducts)
   }
 
-  const onUpdate = (render, handle, value) => {
-
-    setProductsList(productsList.filter(product => product.price >= value[0] && product.price <= value[1]))
-
-  }
-
-  /*
-  on change rating checkbox method
-  */
-  const onChangeRating = value => {
-
-    setProductsList(productsList.filter(product => product.rating >= value))
-  }
-
-  const onSelectRating = value => {
-
-    setProductsList(products.filter(product => product.rating === value))
-
-  }
-
-  const onUncheckMark = () => {
-
-    setProductsList(productsList)
-
-
-  }
-
   const handlePageClick = page => {
     setPage(page)
   }
@@ -156,145 +132,7 @@ useEffect(()=>{
             <Row>
               <Col lg="3">
                 <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">Filter</CardTitle>
-                    <div>
-                      <h5 className="font-size-14 mb-3">Clothes</h5>
-                      {/* Render Cloth Categories */}
-                      <ul className="list-unstyled product-list">
-                        {FilterClothes.map((cloth, key) => (
-                            <li key={"_li_" + key}>
-                              <Link to={cloth.link}>
-                                <i className="mdi mdi-chevron-right me-1" />{" "}
-                                {cloth.name}
-                              </Link>
-                            </li>
-                        ))}
-                      </ul>
-                    </div>
-                    <div className="mt-4 pt-3">
-                      <h5 className="font-size-14 mb-4">Price</h5>
-                      <br />
-
-                      <Nouislider
-                          range={{ min: 0, max: 600 }}
-                          tooltips={true}
-                          start={[100, 500]}
-                          connect
-                          onSlide={onUpdate}
-                      />
-
-                    </div>
-
-                    <div className="mt-4 pt-3">
-                      <h5 className="font-size-14 mb-3">Discount</h5>
-                      {discountData.map((discount, i) => (
-                          <div
-                              className="form-check mt-2"
-                              key={i}
-                          >
-                            <Input
-                                type="checkbox"
-                                value={discount.value}
-                                className="form-check-input"
-                                id={i}
-                                onChange={(e)=> {
-                                  onSelectDiscount(e)
-                                }}
-                            />{" "}
-                            <Label className="form-check-label" htmlFor={i}>
-                              {discount.label}
-                            </Label>
-                          </div>
-                      ))}
-                    </div>
-
-                    <div className="mt-4 pt-3">
-                      <h5 className="font-size-14 mb-3">Customer Rating</h5>
-                      <div>
-                        <div className="form-check mt-2">
-                          <Input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="productratingCheck1"
-                              onChange={e => {
-                                if (e.target.checked) {
-                                  onChangeRating(4)
-                                } else {
-                                  onUncheckMark(4)
-                                }
-                              }}
-                          />{" "}
-                          <Label
-                              className="form-check-label"
-                              htmlFor="productratingCheck1"
-                          >
-                            4 <i className="bx bxs-star text-warning" /> & Above
-                          </Label>
-                        </div>
-                        <div className="form-check mt-2">
-                          <Input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="productratingCheck2"
-                              onChange={e => {
-                                if (e.target.checked) {
-                                  onChangeRating(3)
-                                } else {
-                                  onUncheckMark(3)
-                                }
-                              }}
-                          />{" "}
-                          <Label
-                              className="form-check-label"
-                              htmlFor="productratingCheck2"
-                          >
-                            3 <i className="bx bxs-star text-warning" /> & Above
-                          </Label>
-                        </div>
-                        <div className="form-check mt-2">
-                          <Input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="productratingCheck3"
-                              onChange={e => {
-                                if (e.target.checked) {
-                                  onChangeRating(2)
-                                } else {
-                                  onUncheckMark(2)
-                                }
-                              }}
-                          />{" "}
-                          <Label
-                              className="form-check-label"
-                              htmlFor="productratingCheck3"
-                          >
-                            2 <i className="bx bxs-star text-warning" /> & Above
-                          </Label>
-                        </div>
-                        <div className="form-check mt-2">
-                          <Input
-                              type="checkbox"
-                              className="form-check-input"
-                              id="productratingCheck4"
-                              onChange={e => {
-                                if (e.target.checked) {
-                                  onSelectRating(1)
-                                } else {
-                                  onUncheckMark(1)
-                                }
-                              }}
-                          />{" "}
-                          <Label
-                              className="form-check-label"
-                              htmlFor="productratingCheck4"
-                          >
-                            1 <i className="bx bxs-star text-warning" />
-                          </Label>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
+                  <Filter/>
                 </Card>
               </Col>
 
@@ -350,7 +188,7 @@ useEffect(()=>{
                 </Row>
                 <Row>
                   {!isEmpty(products) &&
-                  productsList.map((product, key) => (
+                  products.map((product, key) => (
                       <Col xl="4" sm="6" key={"_col_" + key}>
                         <Card onClick={() =>
                             history.push(
diff --git a/Client/src/backoffice/pages/Tables/BasicTables.js b/Client/src/backoffice/pages/Tables/BasicTables.js
deleted file mode 100644
index 83043f3..0000000
--- a/Client/src/backoffice/pages/Tables/BasicTables.js
+++ /dev/null
@@ -1,592 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Table,
-  Row,
-  Col,
-  Card,
-  CardBody,
-  CardTitle,
-  CardSubtitle,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class BasicTable extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Basic Tables | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            <Breadcrumbs title="Tables" breadcrumbItem="Basic Tables" />
-
-            <Row>
-              <Col md={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Basic example</CardTitle>
-                    <p className="card-title-desc">
-                      For basic styling—light padding and only horizontal
-                      dividers—add the base className <code>.table</code> to any
-                      <code>&lt;table&gt;</code>.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dark table</CardTitle>
-                    <p className="card-title-desc">
-                      You can also invert the colors—with light text on dark
-                      backgrounds—with <code>.table-dark</code>.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-dark mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Table head</CardTitle>
-                    <p className="card-title-desc">
-                      Use one of two modifier classNames to make{" "}
-                      <code>&lt;thead&gt;</code>s appear light or dark gray.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table mb-0">
-                        <thead className="thead-light">
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Striped rows</CardTitle>
-                    <p className="card-title-desc">
-                      Use <code>.table-striped</code> to add zebra-striping to
-                      any table row within the <code>&lt;tbody&gt;</code>.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-striped mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Bordered table</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.table-bordered</code> for borders on all sides
-                      of the table and cells.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-bordered mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Borderless table</CardTitle>
-                    <p className="card-title-desc">
-                      {" "}
-                      Add <code>.table-borderless</code> for a table without
-                      borders.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-borderless mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Hoverable </CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.table-hover</code> to enable a hover state on
-                      table rows within a <code>&lt;tbody&gt;</code>.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-hover mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Small table </CardTitle>
-                    <p className="card-title-desc">
-                      {" "}
-                      Add <code>.table-sm</code> to make tables more compact by
-                      cutting cell padding in half.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table table-sm m-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">4</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">5</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Contextual classNames </CardTitle>
-                    <p className="card-title-desc">
-                      Use contextual classNames to color table rows or
-                      individual cells.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>Column heading</th>
-                            <th>Column heading</th>
-                            <th>Column heading</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr className="table-light">
-                            <th scope="row">1</th>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                          </tr>
-
-                          <tr className="table-success">
-                            <th scope="row">2</th>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                          </tr>
-
-                          <tr className="table-info">
-                            <th scope="row">3</th>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                          </tr>
-
-                          <tr className="table-warning">
-                            <th scope="row">4</th>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                          </tr>
-
-                          <tr className="table-danger">
-                            <th scope="row">5</th>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                            <td>Column content</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Captions </CardTitle>
-                    <p className="card-title-desc">
-                      A <code>&lt;caption&gt;</code> functions like a heading
-                      for a table. It helps users with screen readers to find a
-                      table and understand what it’s about and decide if they
-                      want to read it.
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table mb-0">
-                        <caption>List of users</caption>
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>First Name</th>
-                            <th>Last Name</th>
-                            <th>Username</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Mark</td>
-                            <td>Otto</td>
-                            <td>@mdo</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Jacob</td>
-                            <td>Thornton</td>
-                            <td>@fat</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Larry</td>
-                            <td>the Bird</td>
-                            <td>@twitter</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive tables </CardTitle>
-                    <p className="card-title-desc">
-                      Create responsive tables by wrapping any{" "}
-                      <code>.table</code> in <code>.table-responsive</code>
-                      to make them scroll horizontally on small devices (under
-                      768px).
-                    </p>
-
-                    <div className="table-responsive">
-                      <Table className="table mb-0">
-                        <thead>
-                          <tr>
-                            <th>#</th>
-                            <th>Table heading</th>
-                            <th>Table heading</th>
-                            <th>Table heading</th>
-                            <th>Table heading</th>
-                            <th>Table heading</th>
-                            <th>Table heading</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th scope="row">1</th>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">2</th>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                          </tr>
-                          <tr>
-                            <th scope="row">3</th>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                            <td>Table cell</td>
-                          </tr>
-                        </tbody>
-                      </Table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default BasicTable
diff --git a/Client/src/backoffice/pages/Tables/DatatableTables.js b/Client/src/backoffice/pages/Tables/DatatableTables.js
deleted file mode 100644
index ac55804..0000000
--- a/Client/src/backoffice/pages/Tables/DatatableTables.js
+++ /dev/null
@@ -1,566 +0,0 @@
-import React, { Component } from "react"
-import { MDBDataTable } from "mdbreact"
-import { Row, Col, Card, CardBody, CardTitle, CardSubtitle } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-import "./datatables.scss"
-
-class DatatableTables extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    const data = {
-      columns: [
-        {
-          label: "Name",
-          field: "name",
-          sort: "asc",
-          width: 150,
-        },
-        {
-          label: "Position",
-          field: "position",
-          sort: "asc",
-          width: 270,
-        },
-        {
-          label: "Office",
-          field: "office",
-          sort: "asc",
-          width: 200,
-        },
-        {
-          label: "Age",
-          field: "age",
-          sort: "asc",
-          width: 100,
-        },
-        {
-          label: "Start date",
-          field: "date",
-          sort: "asc",
-          width: 150,
-        },
-        {
-          label: "Salary",
-          field: "salary",
-          sort: "asc",
-          width: 100,
-        },
-      ],
-      rows: [
-        {
-          name: "Tiger Nixon",
-          position: "System Architect",
-          office: "Edinburgh",
-          age: "61",
-          date: "2011/04/25",
-          salary: "$320",
-        },
-        {
-          name: "Garrett Winters",
-          position: "Accountant",
-          office: "Tokyo",
-          age: "63",
-          date: "2011/07/25",
-          salary: "$170",
-        },
-        {
-          name: "Ashton Cox",
-          position: "Junior Technical Author",
-          office: "San Francisco",
-          age: "66",
-          date: "2009/01/12",
-          salary: "$86",
-        },
-        {
-          name: "Cedric Kelly",
-          position: "Senior Javascript Developer",
-          office: "Edinburgh",
-          age: "22",
-          date: "2012/03/29",
-          salary: "$433",
-        },
-        {
-          name: "Airi Satou",
-          position: "Accountant",
-          office: "Tokyo",
-          age: "33",
-          date: "2008/11/28",
-          salary: "$162",
-        },
-        {
-          name: "Brielle Williamson",
-          position: "Integration Specialist",
-          office: "New York",
-          age: "61",
-          date: "2012/12/02",
-          salary: "$372",
-        },
-        {
-          name: "Herrod Chandler",
-          position: "Sales Assistant",
-          office: "San Francisco",
-          age: "59",
-          date: "2012/08/06",
-          salary: "$137",
-        },
-        {
-          name: "Rhona Davidson",
-          position: "Integration Specialist",
-          office: "Tokyo",
-          age: "55",
-          date: "2010/10/14",
-          salary: "$327",
-        },
-        {
-          name: "Colleen Hurst",
-          position: "Javascript Developer",
-          office: "San Francisco",
-          age: "39",
-          date: "2009/09/15",
-          salary: "$205",
-        },
-        {
-          name: "Sonya Frost",
-          position: "Software Engineer",
-          office: "Edinburgh",
-          age: "23",
-          date: "2008/12/13",
-          salary: "$103",
-        },
-        {
-          name: "Jena Gaines",
-          position: "Office Manager",
-          office: "London",
-          age: "30",
-          date: "2008/12/19",
-          salary: "$90",
-        },
-        {
-          name: "Quinn Flynn",
-          position: "Support Lead",
-          office: "Edinburgh",
-          age: "22",
-          date: "2013/03/03",
-          salary: "$342",
-        },
-        {
-          name: "Charde Marshall",
-          position: "Regional Director",
-          office: "San Francisco",
-          age: "36",
-          date: "2008/10/16",
-          salary: "$470",
-        },
-        {
-          name: "Haley Kennedy",
-          position: "Senior Marketing Designer",
-          office: "London",
-          age: "43",
-          date: "2012/12/18",
-          salary: "$313",
-        },
-        {
-          name: "Tatyana Fitzpatrick",
-          position: "Regional Director",
-          office: "London",
-          age: "19",
-          date: "2010/03/17",
-          salary: "$385",
-        },
-        {
-          name: "Michael Silva",
-          position: "Marketing Designer",
-          office: "London",
-          age: "66",
-          date: "2012/11/27",
-          salary: "$198",
-        },
-        {
-          name: "Paul Byrd",
-          position: "Chief Financial Officer (CFO)",
-          office: "New York",
-          age: "64",
-          date: "2010/06/09",
-          salary: "$725",
-        },
-        {
-          name: "Gloria Little",
-          position: "Systems Administrator",
-          office: "New York",
-          age: "59",
-          date: "2009/04/10",
-          salary: "$237",
-        },
-        {
-          name: "Bradley Greer",
-          position: "Software Engineer",
-          office: "London",
-          age: "41",
-          date: "2012/10/13",
-          salary: "$132",
-        },
-        {
-          name: "Dai Rios",
-          position: "Personnel Lead",
-          office: "Edinburgh",
-          age: "35",
-          date: "2012/09/26",
-          salary: "$217",
-        },
-        {
-          name: "Jenette Caldwell",
-          position: "Development Lead",
-          office: "New York",
-          age: "30",
-          date: "2011/09/03",
-          salary: "$345",
-        },
-        {
-          name: "Yuri Berry",
-          position: "Chief Marketing Officer (CMO)",
-          office: "New York",
-          age: "40",
-          date: "2009/06/25",
-          salary: "$675",
-        },
-        {
-          name: "Caesar Vance",
-          position: "Pre-Sales Support",
-          office: "New York",
-          age: "21",
-          date: "2011/12/12",
-          salary: "$106",
-        },
-        {
-          name: "Doris Wilder",
-          position: "Sales Assistant",
-          office: "Sidney",
-          age: "23",
-          date: "2010/09/20",
-          salary: "$85",
-        },
-        {
-          name: "Angelica Ramos",
-          position: "Chief Executive Officer (CEO)",
-          office: "London",
-          age: "47",
-          date: "2009/10/09",
-          salary: "$1",
-        },
-        {
-          name: "Gavin Joyce",
-          position: "Developer",
-          office: "Edinburgh",
-          age: "42",
-          date: "2010/12/22",
-          salary: "$92",
-        },
-        {
-          name: "Jennifer Chang",
-          position: "Regional Director",
-          office: "Singapore",
-          age: "28",
-          date: "2010/11/14",
-          salary: "$357",
-        },
-        {
-          name: "Brenden Wagner",
-          position: "Software Engineer",
-          office: "San Francisco",
-          age: "28",
-          date: "2011/06/07",
-          salary: "$206",
-        },
-        {
-          name: "Fiona Green",
-          position: "Chief Operating Officer (COO)",
-          office: "San Francisco",
-          age: "48",
-          date: "2010/03/11",
-          salary: "$850",
-        },
-        {
-          name: "Shou Itou",
-          position: "Regional Marketing",
-          office: "Tokyo",
-          age: "20",
-          date: "2011/08/14",
-          salary: "$163",
-        },
-        {
-          name: "Michelle House",
-          position: "Integration Specialist",
-          office: "Sidney",
-          age: "37",
-          date: "2011/06/02",
-          salary: "$95",
-        },
-        {
-          name: "Suki Burks",
-          position: "Developer",
-          office: "London",
-          age: "53",
-          date: "2009/10/22",
-          salary: "$114",
-        },
-        {
-          name: "Prescott Bartlett",
-          position: "Technical Author",
-          office: "London",
-          age: "27",
-          date: "2011/05/07",
-          salary: "$145",
-        },
-        {
-          name: "Gavin Cortez",
-          position: "Team Leader",
-          office: "San Francisco",
-          age: "22",
-          date: "2008/10/26",
-          salary: "$235",
-        },
-        {
-          name: "Martena Mccray",
-          position: "Post-Sales support",
-          office: "Edinburgh",
-          age: "46",
-          date: "2011/03/09",
-          salary: "$324",
-        },
-        {
-          name: "Unity Butler",
-          position: "Marketing Designer",
-          office: "San Francisco",
-          age: "47",
-          date: "2009/12/09",
-          salary: "$85",
-        },
-        {
-          name: "Howard Hatfield",
-          position: "Office Manager",
-          office: "San Francisco",
-          age: "51",
-          date: "2008/12/16",
-          salary: "$164",
-        },
-        {
-          name: "Hope Fuentes",
-          position: "Secretary",
-          office: "San Francisco",
-          age: "41",
-          date: "2010/02/12",
-          salary: "$109",
-        },
-        {
-          name: "Vivian Harrell",
-          position: "Financial Controller",
-          office: "San Francisco",
-          age: "62",
-          date: "2009/02/14",
-          salary: "$452",
-        },
-        {
-          name: "Timothy Mooney",
-          position: "Office Manager",
-          office: "London",
-          age: "37",
-          date: "2008/12/11",
-          salary: "$136",
-        },
-        {
-          name: "Jackson Bradshaw",
-          position: "Director",
-          office: "New York",
-          age: "65",
-          date: "2008/09/26",
-          salary: "$645",
-        },
-        {
-          name: "Olivia Liang",
-          position: "Support Engineer",
-          office: "Singapore",
-          age: "64",
-          date: "2011/02/03",
-          salary: "$234",
-        },
-        {
-          name: "Bruno Nash",
-          position: "Software Engineer",
-          office: "London",
-          age: "38",
-          date: "2011/05/03",
-          salary: "$163",
-        },
-        {
-          name: "Sakura Yamamoto",
-          position: "Support Engineer",
-          office: "Tokyo",
-          age: "37",
-          date: "2009/08/19",
-          salary: "$139",
-        },
-        {
-          name: "Thor Walton",
-          position: "Developer",
-          office: "New York",
-          age: "61",
-          date: "2013/08/11",
-          salary: "$98",
-        },
-        {
-          name: "Finn Camacho",
-          position: "Support Engineer",
-          office: "San Francisco",
-          age: "47",
-          date: "2009/07/07",
-          salary: "$87",
-        },
-        {
-          name: "Serge Baldwin",
-          position: "Data Coordinator",
-          office: "Singapore",
-          age: "64",
-          date: "2012/04/09",
-          salary: "$138",
-        },
-        {
-          name: "Zenaida Frank",
-          position: "Software Engineer",
-          office: "New York",
-          age: "63",
-          date: "2010/01/04",
-          salary: "$125",
-        },
-        {
-          name: "Zorita Serrano",
-          position: "Software Engineer",
-          office: "San Francisco",
-          age: "56",
-          date: "2012/06/01",
-          salary: "$115",
-        },
-        {
-          name: "Jennifer Acosta",
-          position: "Junior Javascript Developer",
-          office: "Edinburgh",
-          age: "43",
-          date: "2013/02/01",
-          salary: "$75",
-        },
-        {
-          name: "Cara Stevens",
-          position: "Sales Assistant",
-          office: "New York",
-          age: "46",
-          date: "2011/12/06",
-          salary: "$145",
-        },
-        {
-          name: "Hermione Butler",
-          position: "Regional Director",
-          office: "London",
-          age: "47",
-          date: "2011/03/21",
-          salary: "$356",
-        },
-        {
-          name: "Lael Greer",
-          position: "Systems Administrator",
-          office: "London",
-          age: "21",
-          date: "2009/02/27",
-          salary: "$103",
-        },
-        {
-          name: "Jonas Alexander",
-          position: "Developer",
-          office: "San Francisco",
-          age: "30",
-          date: "2010/07/14",
-          salary: "$86",
-        },
-        {
-          name: "Shad Decker",
-          position: "Regional Director",
-          office: "Edinburgh",
-          age: "51",
-          date: "2008/11/13",
-          salary: "$183",
-        },
-        {
-          name: "Michael Bruce",
-          position: "Javascript Developer",
-          office: "Singapore",
-          age: "29",
-          date: "2011/06/27",
-          salary: "$183",
-        },
-        {
-          name: "Donna Snider",
-          position: "Customer Support",
-          office: "New York",
-          age: "27",
-          date: "2011/01/25",
-          salary: "$112",
-        },
-      ],
-    }
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Data Tables | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            <Breadcrumbs title="Tables" breadcrumbItem="Data Tables" />
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Default Datatable </CardTitle>
-                    <p className="card-title-desc">
-                      mdbreact DataTables has most features enabled by default,
-                      so all you need to do to use it with your own tables is to
-                      call the construction function:{" "}
-                      <code>&lt;MDBDataTable /&gt;</code>.
-                    </p>
-
-                    <MDBDataTable responsive bordered data={data} />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Stripped example </CardTitle>
-                    <p className="card-title-desc">
-                      mdbreact DataTables has most features enabled by default,
-                      so all you need to do to use it with your own tables is to
-                      call the construction function:{" "}
-                      <code>&lt;MDBDataTable striped /&gt;</code>.
-                    </p>
-
-                    <MDBDataTable responsive striped bordered data={data} />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default DatatableTables
diff --git a/Client/src/backoffice/pages/Tables/EditableTables.js b/Client/src/backoffice/pages/Tables/EditableTables.js
deleted file mode 100644
index 2c37b51..0000000
--- a/Client/src/backoffice/pages/Tables/EditableTables.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import { Row, Col, Card, CardBody, CardTitle } from "reactstrap"
-// Editable
-import BootstrapTable from "react-bootstrap-table-next"
-import cellEditFactory from "react-bootstrap-table2-editor"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-const products = [
-  { id: 1, age: 25, qty: 1500, cost: 1000 },
-  { id: 2, age: 34, qty: 1900, cost: 1300 },
-  { id: 3, age: 67, qty: 1300, cost: 1300 },
-  { id: 4, age: 23, qty: 1100, cost: 6400 },
-  { id: 5, age: 78, qty: 1400, cost: 4000 },
-]
-
-const columns = [
-  {
-    dataField: "id",
-    text: "ID",
-  },
-  {
-    dataField: "age",
-    text: "Age(AutoFill)",
-  },
-  {
-    dataField: "qty",
-    text: "Qty(AutoFill and Editable)",
-  },
-  {
-    dataField: "cost",
-    text: "Cost(Editable)",
-  },
-]
-
-class EditableTables extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Editable Table | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            <Breadcrumbs title="Tables" breadcrumbItem="Editable Table" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Datatable Editable </CardTitle>
-
-                    <div className="table-responsive">
-                      <BootstrapTable
-                        keyField="id"
-                        data={products}
-                        columns={columns}
-                        cellEdit={cellEditFactory({ mode: "click" })}
-                      />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default EditableTables
diff --git a/Client/src/backoffice/pages/Tables/ResponsiveTables.js b/Client/src/backoffice/pages/Tables/ResponsiveTables.js
deleted file mode 100644
index 78791d9..0000000
--- a/Client/src/backoffice/pages/Tables/ResponsiveTables.js
+++ /dev/null
@@ -1,589 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import { Row, Col, Card, CardBody, CardTitle, CardSubtitle } from "reactstrap"
-import { Table, Thead, Tbody, Tr, Th, Td } from "react-super-responsive-table"
-import "react-super-responsive-table/dist/SuperResponsiveTableStyle.css"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class ResponsiveTables extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Responsive Table | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <div className="container-fluid">
-            <Breadcrumbs title="Tables" breadcrumbItem="Responsive Table" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Example </CardTitle>
-                    <p className="card-title-desc">
-                      This is an experimental awesome solution for responsive
-                      tables with complex data.
-                    </p>
-
-                    <div className="table-rep-plugin">
-                      <div
-                        className="table-responsive mb-0"
-                        data-pattern="priority-columns"
-                      >
-                        <Table
-                          id="tech-companies-1"
-                          className="table table-striped table-bordered"
-                        >
-                          <Thead>
-                            <Tr>
-                              <Th>Company</Th>
-                              <Th data-priority="1">Last Trade</Th>
-                              <Th data-priority="3">Trade Time</Th>
-                              <Th data-priority="1">Change</Th>
-                              <Th data-priority="3">Prev Close</Th>
-                              <Th data-priority="3">Open</Th>
-                              <Th data-priority="6">Bid</Th>
-                              <Th data-priority="6">Ask</Th>
-                              <Th data-priority="6">1y Target Est</Th>
-                            </Tr>
-                          </Thead>
-                          <Tbody>
-                            <Tr>
-                              <Th>
-                                GOOG{" "}
-                                <span className="co-name">Google Inc.</span>
-                              </Th>
-                              <Td>597.74</Td>
-                              <Td>12:12PM</Td>
-                              <Td>14.81 (2.54%)</Td>
-                              <Td>582.93</Td>
-                              <Td>597.95</Td>
-                              <Td>597.73 x 100</Td>
-                              <Td>597.91 x 300</Td>
-                              <Td>731.10</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AAPL <span className="co-name">Apple Inc.</span>
-                              </Th>
-                              <Td>378.94</Td>
-                              <Td>12:22PM</Td>
-                              <Td>5.74 (1.54%)</Td>
-                              <Td>373.20</Td>
-                              <Td>381.02</Td>
-                              <Td>378.92 x 300</Td>
-                              <Td>378.99 x 100</Td>
-                              <Td>505.94</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AMZN{" "}
-                                <span className="co-name">Amazon.com Inc.</span>
-                              </Th>
-                              <Td>191.55</Td>
-                              <Td>12:23PM</Td>
-                              <Td>3.16 (1.68%)</Td>
-                              <Td>188.39</Td>
-                              <Td>194.99</Td>
-                              <Td>191.52 x 300</Td>
-                              <Td>191.58 x 100</Td>
-                              <Td>240.32</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                ORCL{" "}
-                                <span className="co-name">
-                                  Oracle Corporation
-                                </span>
-                              </Th>
-                              <Td>31.15</Td>
-                              <Td>12:44PM</Td>
-                              <Td>1.41 (4.72%)</Td>
-                              <Td>29.74</Td>
-                              <Td>30.67</Td>
-                              <Td>31.14 x 6500</Td>
-                              <Td>31.15 x 3200</Td>
-                              <Td>36.11</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                MSFT{" "}
-                                <span className="co-name">
-                                  Microsoft Corporation
-                                </span>
-                              </Th>
-                              <Td>25.50</Td>
-                              <Td>12:27PM</Td>
-                              <Td>0.66 (2.67%)</Td>
-                              <Td>24.84</Td>
-                              <Td>25.37</Td>
-                              <Td>25.50 x 71100</Td>
-                              <Td>25.51 x 17800</Td>
-                              <Td>31.50</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                CSCO{" "}
-                                <span className="co-name">
-                                  Cisco Systems, Inc.
-                                </span>
-                              </Th>
-                              <Td>18.65</Td>
-                              <Td>12:45PM</Td>
-                              <Td>0.97 (5.49%)</Td>
-                              <Td>17.68</Td>
-                              <Td>18.23</Td>
-                              <Td>18.65 x 10300</Td>
-                              <Td>18.66 x 24000</Td>
-                              <Td>21.12</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                YHOO{" "}
-                                <span className="co-name">Yahoo! Inc.</span>
-                              </Th>
-                              <Td>15.81</Td>
-                              <Td>12:25PM</Td>
-                              <Td>0.11 (0.67%)</Td>
-                              <Td>15.70</Td>
-                              <Td>15.94</Td>
-                              <Td>15.79 x 6100</Td>
-                              <Td>15.80 x 17000</Td>
-                              <Td>18.16</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                GOOG{" "}
-                                <span className="co-name">Google Inc.</span>
-                              </Th>
-                              <Td>597.74</Td>
-                              <Td>12:12PM</Td>
-                              <Td>14.81 (2.54%)</Td>
-                              <Td>582.93</Td>
-                              <Td>597.95</Td>
-                              <Td>597.73 x 100</Td>
-                              <Td>597.91 x 300</Td>
-                              <Td>731.10</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AAPL <span className="co-name">Apple Inc.</span>
-                              </Th>
-                              <Td>378.94</Td>
-                              <Td>12:22PM</Td>
-                              <Td>5.74 (1.54%)</Td>
-                              <Td>373.20</Td>
-                              <Td>381.02</Td>
-                              <Td>378.92 x 300</Td>
-                              <Td>378.99 x 100</Td>
-                              <Td>505.94</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AMZN{" "}
-                                <span className="co-name">Amazon.com Inc.</span>
-                              </Th>
-                              <Td>191.55</Td>
-                              <Td>12:23PM</Td>
-                              <Td>3.16 (1.68%)</Td>
-                              <Td>188.39</Td>
-                              <Td>194.99</Td>
-                              <Td>191.52 x 300</Td>
-                              <Td>191.58 x 100</Td>
-                              <Td>240.32</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                ORCL{" "}
-                                <span className="co-name">
-                                  Oracle Corporation
-                                </span>
-                              </Th>
-                              <Td>31.15</Td>
-                              <Td>12:44PM</Td>
-                              <Td>1.41 (4.72%)</Td>
-                              <Td>29.74</Td>
-                              <Td>30.67</Td>
-                              <Td>31.14 x 6500</Td>
-                              <Td>31.15 x 3200</Td>
-                              <Td>36.11</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                MSFT{" "}
-                                <span className="co-name">
-                                  Microsoft Corporation
-                                </span>
-                              </Th>
-                              <Td>25.50</Td>
-                              <Td>12:27PM</Td>
-                              <Td>0.66 (2.67%)</Td>
-                              <Td>24.84</Td>
-                              <Td>25.37</Td>
-                              <Td>25.50 x 71100</Td>
-                              <Td>25.51 x 17800</Td>
-                              <Td>31.50</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                CSCO{" "}
-                                <span className="co-name">
-                                  Cisco Systems, Inc.
-                                </span>
-                              </Th>
-                              <Td>18.65</Td>
-                              <Td>12:45PM</Td>
-                              <Td>0.97 (5.49%)</Td>
-                              <Td>17.68</Td>
-                              <Td>18.23</Td>
-                              <Td>18.65 x 10300</Td>
-                              <Td>18.66 x 24000</Td>
-                              <Td>21.12</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                YHOO{" "}
-                                <span className="co-name">Yahoo! Inc.</span>
-                              </Th>
-                              <Td>15.81</Td>
-                              <Td>12:25PM</Td>
-                              <Td>0.11 (0.67%)</Td>
-                              <Td>15.70</Td>
-                              <Td>15.94</Td>
-                              <Td>15.79 x 6100</Td>
-                              <Td>15.80 x 17000</Td>
-                              <Td>18.16</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                GOOG{" "}
-                                <span className="co-name">Google Inc.</span>
-                              </Th>
-                              <Td>597.74</Td>
-                              <Td>12:12PM</Td>
-                              <Td>14.81 (2.54%)</Td>
-                              <Td>582.93</Td>
-                              <Td>597.95</Td>
-                              <Td>597.73 x 100</Td>
-                              <Td>597.91 x 300</Td>
-                              <Td>731.10</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AAPL <span className="co-name">Apple Inc.</span>
-                              </Th>
-                              <Td>378.94</Td>
-                              <Td>12:22PM</Td>
-                              <Td>5.74 (1.54%)</Td>
-                              <Td>373.20</Td>
-                              <Td>381.02</Td>
-                              <Td>378.92 x 300</Td>
-                              <Td>378.99 x 100</Td>
-                              <Td>505.94</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AMZN{" "}
-                                <span className="co-name">Amazon.com Inc.</span>
-                              </Th>
-                              <Td>191.55</Td>
-                              <Td>12:23PM</Td>
-                              <Td>3.16 (1.68%)</Td>
-                              <Td>188.39</Td>
-                              <Td>194.99</Td>
-                              <Td>191.52 x 300</Td>
-                              <Td>191.58 x 100</Td>
-                              <Td>240.32</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                ORCL{" "}
-                                <span className="co-name">
-                                  Oracle Corporation
-                                </span>
-                              </Th>
-                              <Td>31.15</Td>
-                              <Td>12:44PM</Td>
-                              <Td>1.41 (4.72%)</Td>
-                              <Td>29.74</Td>
-                              <Td>30.67</Td>
-                              <Td>31.14 x 6500</Td>
-                              <Td>31.15 x 3200</Td>
-                              <Td>36.11</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                MSFT{" "}
-                                <span className="co-name">
-                                  Microsoft Corporation
-                                </span>
-                              </Th>
-                              <Td>25.50</Td>
-                              <Td>12:27PM</Td>
-                              <Td>0.66 (2.67%)</Td>
-                              <Td>24.84</Td>
-                              <Td>25.37</Td>
-                              <Td>25.50 x 71100</Td>
-                              <Td>25.51 x 17800</Td>
-                              <Td>31.50</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                CSCO{" "}
-                                <span className="co-name">
-                                  Cisco Systems, Inc.
-                                </span>
-                              </Th>
-                              <Td>18.65</Td>
-                              <Td>12:45PM</Td>
-                              <Td>0.97 (5.49%)</Td>
-                              <Td>17.68</Td>
-                              <Td>18.23</Td>
-                              <Td>18.65 x 10300</Td>
-                              <Td>18.66 x 24000</Td>
-                              <Td>21.12</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                YHOO{" "}
-                                <span className="co-name">Yahoo! Inc.</span>
-                              </Th>
-                              <Td>15.81</Td>
-                              <Td>12:25PM</Td>
-                              <Td>0.11 (0.67%)</Td>
-                              <Td>15.70</Td>
-                              <Td>15.94</Td>
-                              <Td>15.79 x 6100</Td>
-                              <Td>15.80 x 17000</Td>
-                              <Td>18.16</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                GOOG{" "}
-                                <span className="co-name">Google Inc.</span>
-                              </Th>
-                              <Td>597.74</Td>
-                              <Td>12:12PM</Td>
-                              <Td>14.81 (2.54%)</Td>
-                              <Td>582.93</Td>
-                              <Td>597.95</Td>
-                              <Td>597.73 x 100</Td>
-                              <Td>597.91 x 300</Td>
-                              <Td>731.10</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AAPL <span className="co-name">Apple Inc.</span>
-                              </Th>
-                              <Td>378.94</Td>
-                              <Td>12:22PM</Td>
-                              <Td>5.74 (1.54%)</Td>
-                              <Td>373.20</Td>
-                              <Td>381.02</Td>
-                              <Td>378.92 x 300</Td>
-                              <Td>378.99 x 100</Td>
-                              <Td>505.94</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AMZN{" "}
-                                <span className="co-name">Amazon.com Inc.</span>
-                              </Th>
-                              <Td>191.55</Td>
-                              <Td>12:23PM</Td>
-                              <Td>3.16 (1.68%)</Td>
-                              <Td>188.39</Td>
-                              <Td>194.99</Td>
-                              <Td>191.52 x 300</Td>
-                              <Td>191.58 x 100</Td>
-                              <Td>240.32</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                ORCL{" "}
-                                <span className="co-name">
-                                  Oracle Corporation
-                                </span>
-                              </Th>
-                              <Td>31.15</Td>
-                              <Td>12:44PM</Td>
-                              <Td>1.41 (4.72%)</Td>
-                              <Td>29.74</Td>
-                              <Td>30.67</Td>
-                              <Td>31.14 x 6500</Td>
-                              <Td>31.15 x 3200</Td>
-                              <Td>36.11</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                MSFT{" "}
-                                <span className="co-name">
-                                  Microsoft Corporation
-                                </span>
-                              </Th>
-                              <Td>25.50</Td>
-                              <Td>12:27PM</Td>
-                              <Td>0.66 (2.67%)</Td>
-                              <Td>24.84</Td>
-                              <Td>25.37</Td>
-                              <Td>25.50 x 71100</Td>
-                              <Td>25.51 x 17800</Td>
-                              <Td>31.50</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                CSCO{" "}
-                                <span className="co-name">
-                                  Cisco Systems, Inc.
-                                </span>
-                              </Th>
-                              <Td>18.65</Td>
-                              <Td>12:45PM</Td>
-                              <Td>0.97 (5.49%)</Td>
-                              <Td>17.68</Td>
-                              <Td>18.23</Td>
-                              <Td>18.65 x 10300</Td>
-                              <Td>18.66 x 24000</Td>
-                              <Td>21.12</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                YHOO{" "}
-                                <span className="co-name">Yahoo! Inc.</span>
-                              </Th>
-                              <Td>15.81</Td>
-                              <Td>12:25PM</Td>
-                              <Td>0.11 (0.67%)</Td>
-                              <Td>15.70</Td>
-                              <Td>15.94</Td>
-                              <Td>15.79 x 6100</Td>
-                              <Td>15.80 x 17000</Td>
-                              <Td>18.16</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                GOOG{" "}
-                                <span className="co-name">Google Inc.</span>
-                              </Th>
-                              <Td>597.74</Td>
-                              <Td>12:12PM</Td>
-                              <Td>14.81 (2.54%)</Td>
-                              <Td>582.93</Td>
-                              <Td>597.95</Td>
-                              <Td>597.73 x 100</Td>
-                              <Td>597.91 x 300</Td>
-                              <Td>731.10</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AAPL <span className="co-name">Apple Inc.</span>
-                              </Th>
-                              <Td>378.94</Td>
-                              <Td>12:22PM</Td>
-                              <Td>5.74 (1.54%)</Td>
-                              <Td>373.20</Td>
-                              <Td>381.02</Td>
-                              <Td>378.92 x 300</Td>
-                              <Td>378.99 x 100</Td>
-                              <Td>505.94</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                AMZN{" "}
-                                <span className="co-name">Amazon.com Inc.</span>
-                              </Th>
-                              <Td>191.55</Td>
-                              <Td>12:23PM</Td>
-                              <Td>3.16 (1.68%)</Td>
-                              <Td>188.39</Td>
-                              <Td>194.99</Td>
-                              <Td>191.52 x 300</Td>
-                              <Td>191.58 x 100</Td>
-                              <Td>240.32</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                ORCL{" "}
-                                <span className="co-name">
-                                  Oracle Corporation
-                                </span>
-                              </Th>
-                              <Td>31.15</Td>
-                              <Td>12:44PM</Td>
-                              <Td>1.41 (4.72%)</Td>
-                              <Td>29.74</Td>
-                              <Td>30.67</Td>
-                              <Td>31.14 x 6500</Td>
-                              <Td>31.15 x 3200</Td>
-                              <Td>36.11</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                MSFT{" "}
-                                <span className="co-name">
-                                  Microsoft Corporation
-                                </span>
-                              </Th>
-                              <Td>25.50</Td>
-                              <Td>12:27PM</Td>
-                              <Td>0.66 (2.67%)</Td>
-                              <Td>24.84</Td>
-                              <Td>25.37</Td>
-                              <Td>25.50 x 71100</Td>
-                              <Td>25.51 x 17800</Td>
-                              <Td>31.50</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                CSCO{" "}
-                                <span className="co-name">
-                                  Cisco Systems, Inc.
-                                </span>
-                              </Th>
-                              <Td>18.65</Td>
-                              <Td>12:45PM</Td>
-                              <Td>0.97 (5.49%)</Td>
-                              <Td>17.68</Td>
-                              <Td>18.23</Td>
-                              <Td>18.65 x 10300</Td>
-                              <Td>18.66 x 24000</Td>
-                              <Td>21.12</Td>
-                            </Tr>
-                            <Tr>
-                              <Th>
-                                YHOO{" "}
-                                <span className="co-name">Yahoo! Inc.</span>
-                              </Th>
-                              <Td>15.81</Td>
-                              <Td>12:25PM</Td>
-                              <Td>0.11 (0.67%)</Td>
-                              <Td>15.70</Td>
-                              <Td>15.94</Td>
-                              <Td>15.79 x 6100</Td>
-                              <Td>15.80 x 17000</Td>
-                              <Td>18.16</Td>
-                            </Tr>
-                          </Tbody>
-                        </Table>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </div>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default ResponsiveTables
diff --git a/Client/src/backoffice/pages/Tables/datatables.scss b/Client/src/backoffice/pages/Tables/datatables.scss
deleted file mode 100644
index c869052..0000000
--- a/Client/src/backoffice/pages/Tables/datatables.scss
+++ /dev/null
@@ -1,140 +0,0 @@
-table.dataTable thead > tr > th.sorting_asc,
-table.dataTable thead > tr > th.sorting_desc,
-table.dataTable thead > tr > th.sorting,
-table.dataTable thead > tr > td.sorting_asc,
-table.dataTable thead > tr > td.sorting_desc,
-table.dataTable thead > tr > td.sorting {
-  padding-right: 30px;
-}
-table.dataTable thead > tr > th:active,
-table.dataTable thead > tr > td:active {
-  outline: none;
-}
-table.dataTable thead .sorting,
-table.dataTable thead .sorting_asc,
-table.dataTable thead .sorting_desc,
-table.dataTable thead .sorting_asc_disabled,
-table.dataTable thead .sorting_desc_disabled {
-  cursor: pointer;
-  position: relative;
-}
-table.dataTable thead .sorting:before,
-table.dataTable thead .sorting:after,
-table.dataTable thead .sorting_asc:before,
-table.dataTable thead .sorting_asc:after,
-table.dataTable thead .sorting_desc:before,
-table.dataTable thead .sorting_desc:after,
-table.dataTable thead .sorting_asc_disabled:before,
-table.dataTable thead .sorting_asc_disabled:after,
-table.dataTable thead .sorting_desc_disabled:before,
-table.dataTable thead .sorting_desc_disabled:after {
-  position: absolute;
-  bottom: 0.9em;
-  display: block;
-  opacity: 0.3;
-}
-table.dataTable thead .sorting:before,
-table.dataTable thead .sorting_asc:before,
-table.dataTable thead .sorting_desc:before,
-table.dataTable thead .sorting_asc_disabled:before,
-table.dataTable thead .sorting_desc_disabled:before {
-  right: 1em;
-  content: "\2191";
-}
-table.dataTable thead .sorting:after,
-table.dataTable thead .sorting_asc:after,
-table.dataTable thead .sorting_desc:after,
-table.dataTable thead .sorting_asc_disabled:after,
-table.dataTable thead .sorting_desc_disabled:after {
-  right: 0.5em;
-  content: "\2193";
-}
-table.dataTable thead .sorting_asc:before,
-table.dataTable thead .sorting_desc:after {
-  opacity: 1;
-}
-table.dataTable thead .sorting_asc_disabled:before,
-table.dataTable thead .sorting_desc_disabled:after {
-  opacity: 0;
-}
-div.dataTables_scrollHead table.dataTable {
-  margin-bottom: 0 !important;
-}
-div.dataTables_scrollBody table {
-  border-top: none;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-div.dataTables_scrollBody table thead .sorting:before,
-div.dataTables_scrollBody table thead .sorting_asc:before,
-div.dataTables_scrollBody table thead .sorting_desc:before,
-div.dataTables_scrollBody table thead .sorting:after,
-div.dataTables_scrollBody table thead .sorting_asc:after,
-div.dataTables_scrollBody table thead .sorting_desc:after {
-  display: none;
-}
-div.dataTables_scrollBody table tbody tr:first-child th,
-div.dataTables_scrollBody table tbody tr:first-child td {
-  border-top: none;
-}
-div.dataTables_scrollFoot > .dataTables_scrollFootInner {
-  box-sizing: content-box;
-}
-div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
-  margin-top: 0 !important;
-  border-top: none;
-}
-@media screen and (max-width: 767px) {
-  div.dataTables_wrapper div.dataTables_length,
-  div.dataTables_wrapper div.dataTables_filter,
-  div.dataTables_wrapper div.dataTables_info,
-  div.dataTables_wrapper div.dataTables_paginate {
-    text-align: center;
-  }
-}
-table.dataTable.table-sm > thead > tr > th {
-  padding-right: 20px;
-}
-table.dataTable.table-sm .sorting:before,
-table.dataTable.table-sm .sorting_asc:before,
-table.dataTable.table-sm .sorting_desc:before {
-  top: 5px;
-  right: 0.85em;
-}
-table.dataTable.table-sm .sorting:after,
-table.dataTable.table-sm .sorting_asc:after,
-table.dataTable.table-sm .sorting_desc:after {
-  top: 5px;
-}
-table.table-bordered.dataTable th,
-table.table-bordered.dataTable td {
-  border-left-width: 0;
-}
-table.table-bordered.dataTable th:last-child,
-table.table-bordered.dataTable th:last-child,
-table.table-bordered.dataTable td:last-child,
-table.table-bordered.dataTable td:last-child {
-  border-right-width: 0;
-}
-table.table-bordered.dataTable tbody th,
-table.table-bordered.dataTable tbody td {
-  border-bottom-width: 0;
-}
-div.dataTables_scrollHead table.table-bordered {
-  border-bottom-width: 0;
-}
-div.table-responsive > div.dataTables_wrapper > div.row {
-  margin: 0;
-}
-div.table-responsive
-  > div.dataTables_wrapper
-  > div.row
-  > div[class^="col-"]:first-child {
-  padding-left: 0;
-}
-div.table-responsive
-  > div.dataTables_wrapper
-  > div.row
-  > div[class^="col-"]:last-child {
-  padding-right: 0;
-}
diff --git a/Client/src/backoffice/pages/Ui/CarouselTypes/slide.js b/Client/src/backoffice/pages/Ui/CarouselTypes/slide.js
deleted file mode 100644
index 8dca590..0000000
--- a/Client/src/backoffice/pages/Ui/CarouselTypes/slide.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { Component } from "react"
-import { Carousel, CarouselItem } from "reactstrap"
-
-// Carousel images
-import img1 from "../../../assets/images/small/img-1.jpg"
-import img2 from "../../../assets/images/small/img-2.jpg"
-import img3 from "../../../assets/images/small/img-3.jpg"
-
-const items = [
-  {
-    src: img1,
-    altText: "Slide 1",
-    caption: "Slide 1",
-  },
-  {
-    src: img2,
-    altText: "Slide 2",
-    caption: "Slide 2",
-  },
-  {
-    src: img3,
-    altText: "Slide 3",
-    caption: "Slide 3",
-  },
-]
-
-class Slide extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { activeIndex: 0 }
-    this.next = this.next.bind(this)
-    this.previous = this.previous.bind(this)
-    this.goToIndex = this.goToIndex.bind(this)
-    this.onExiting = this.onExiting.bind(this)
-    this.onExited = this.onExited.bind(this)
-  }
-
-  onExiting() {
-    this.animating = true
-  }
-
-  onExited() {
-    this.animating = false
-  }
-
-  next() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === items.length - 1
-        ? 0
-        : this.state.activeIndex + 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  previous() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === 0
-        ? items.length - 1
-        : this.state.activeIndex - 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  goToIndex(newIndex) {
-    if (this.animating) return
-    this.setState({ activeIndex: newIndex })
-  }
-
-  render() {
-    const { activeIndex } = this.state
-
-    const slides = items.map(item => {
-      return (
-        <CarouselItem
-          onExiting={this.onExiting}
-          onExited={this.onExited}
-          key={item.src}
-        >
-          <img
-            src={item.src}
-            className="d-block img-fluid"
-            alt={item.altText}
-          />
-        </CarouselItem>
-      )
-    })
-
-    return (
-      <React.Fragment>
-        <Carousel
-          activeIndex={activeIndex}
-          next={this.next}
-          previous={this.previous}
-        >
-          {slides}
-        </Carousel>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Slide
diff --git a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcaption.js b/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcaption.js
deleted file mode 100644
index 702d27c..0000000
--- a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcaption.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import React, { Component } from "react"
-import {
-  Carousel,
-  CarouselCaption,
-  CarouselControl,
-  CarouselIndicators,
-  CarouselItem,
-} from "reactstrap"
-
-// Carousel images
-import img3 from "../../../assets/images/small/img-3.jpg"
-import img4 from "../../../assets/images/small/img-4.jpg"
-import img5 from "../../../assets/images/small/img-5.jpg"
-
-const items = [
-  {
-    src: img3,
-    altText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-    caption: "First slide label",
-  },
-  {
-    src: img4,
-    altText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-    caption: "Second slide label",
-  },
-  {
-    src: img5,
-    altText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-    caption: "Third slide label",
-  },
-]
-
-class Slidewithcaption extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { activeIndex: 0 }
-    this.next = this.next.bind(this)
-    this.previous = this.previous.bind(this)
-    this.goToIndex = this.goToIndex.bind(this)
-    this.onExiting = this.onExiting.bind(this)
-    this.onExited = this.onExited.bind(this)
-  }
-
-  onExiting() {
-    this.animating = true
-  }
-
-  onExited() {
-    this.animating = false
-  }
-
-  next() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === items.length - 1
-        ? 0
-        : this.state.activeIndex + 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  previous() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === 0
-        ? items.length - 1
-        : this.state.activeIndex - 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  goToIndex(newIndex) {
-    if (this.animating) return
-    this.setState({ activeIndex: newIndex })
-  }
-
-  render() {
-    const { activeIndex } = this.state
-
-    const slides = items.map(item => {
-      return (
-        <CarouselItem
-          onExiting={this.onExiting}
-          onExited={this.onExited}
-          key={item.src}
-        >
-          <img
-            src={item.src}
-            className="d-block img-fluid"
-            alt={item.altText}
-          />
-          <CarouselCaption
-            captionText={item.altText}
-            captionHeader={item.caption}
-          />
-        </CarouselItem>
-      )
-    })
-
-    return (
-      <React.Fragment>
-        <Carousel
-          activeIndex={activeIndex}
-          next={this.next}
-          previous={this.previous}
-        >
-          <CarouselIndicators
-            items={items}
-            activeIndex={activeIndex}
-            onClickHandler={this.goToIndex}
-          />
-          {slides}
-          <CarouselControl
-            direction="prev"
-            directionText="Previous"
-            onClickHandler={this.previous}
-          />
-          <CarouselControl
-            direction="next"
-            directionText="Next"
-            onClickHandler={this.next}
-          />
-        </Carousel>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Slidewithcaption
diff --git a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcontrol.js b/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcontrol.js
deleted file mode 100644
index 9646248..0000000
--- a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithcontrol.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import React, { Component } from "react"
-import { Carousel, CarouselControl, CarouselItem } from "reactstrap"
-
-// Carousel images
-import img4 from "../../../assets/images/small/img-4.jpg"
-import img5 from "../../../assets/images/small/img-5.jpg"
-import img6 from "../../../assets/images/small/img-6.jpg"
-
-const items = [
-  {
-    src: img4,
-    altText: "Slide 1",
-    caption: "Slide 1",
-  },
-  {
-    src: img5,
-    altText: "Slide 2",
-    caption: "Slide 2",
-  },
-  {
-    src: img6,
-    altText: "Slide 3",
-    caption: "Slide 3",
-  },
-]
-
-class Slidewithcontrol extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { activeIndex: 0 }
-    this.next = this.next.bind(this)
-    this.previous = this.previous.bind(this)
-    this.goToIndex = this.goToIndex.bind(this)
-    this.onExiting = this.onExiting.bind(this)
-    this.onExited = this.onExited.bind(this)
-  }
-
-  onExiting() {
-    this.animating = true
-  }
-
-  onExited() {
-    this.animating = false
-  }
-
-  next() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === items.length - 1
-        ? 0
-        : this.state.activeIndex + 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  previous() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === 0
-        ? items.length - 1
-        : this.state.activeIndex - 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  goToIndex(newIndex) {
-    if (this.animating) return
-    this.setState({ activeIndex: newIndex })
-  }
-
-  render() {
-    const { activeIndex } = this.state
-
-    const slides = items.map(item => {
-      return (
-        <CarouselItem
-          onExiting={this.onExiting}
-          onExited={this.onExited}
-          key={item.src}
-        >
-          <img
-            src={item.src}
-            className="d-block img-fluid"
-            alt={item.altText}
-          />
-        </CarouselItem>
-      )
-    })
-
-    return (
-      <React.Fragment>
-        <Carousel
-          activeIndex={activeIndex}
-          next={this.next}
-          previous={this.previous}
-        >
-          {slides}
-          <CarouselControl
-            direction="prev"
-            directionText="Previous"
-            onClickHandler={this.previous}
-          />
-          <CarouselControl
-            direction="next"
-            directionText="Next"
-            onClickHandler={this.next}
-          />
-        </Carousel>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Slidewithcontrol
diff --git a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithfade.js b/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithfade.js
deleted file mode 100644
index c9ed19b..0000000
--- a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithfade.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import React, { Component } from "react"
-import {
-  Carousel,
-  CarouselControl,
-  CarouselIndicators,
-  CarouselItem,
-} from "reactstrap"
-
-// Carousel images
-import img1 from "../../../assets/images/small/img-1.jpg"
-import img2 from "../../../assets/images/small/img-2.jpg"
-import img3 from "../../../assets/images/small/img-3.jpg"
-
-const items = [
-  {
-    src: img1,
-    altText: "Slide 1",
-    caption: "Slide 1",
-  },
-  {
-    src: img2,
-    altText: "Slide 2",
-    caption: "Slide 2",
-  },
-  {
-    src: img3,
-    altText: "Slide 3",
-    caption: "Slide 3",
-  },
-]
-
-class Slidewithfade extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { activeIndex: 0 }
-    this.next = this.next.bind(this)
-    this.previous = this.previous.bind(this)
-    this.goToIndex = this.goToIndex.bind(this)
-    this.onExiting = this.onExiting.bind(this)
-    this.onExited = this.onExited.bind(this)
-  }
-
-  onExiting() {
-    this.animating = true
-  }
-
-  onExited() {
-    this.animating = false
-  }
-
-  next() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === items.length - 1
-        ? 0
-        : this.state.activeIndex + 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  previous() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === 0
-        ? items.length - 1
-        : this.state.activeIndex - 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  goToIndex(newIndex) {
-    if (this.animating) return
-    this.setState({ activeIndex: newIndex })
-  }
-
-  render() {
-    const { activeIndex } = this.state
-
-    const slides = items.map(item => {
-      return (
-        <CarouselItem
-          onExiting={this.onExiting}
-          onExited={this.onExited}
-          key={item.src}
-        >
-          <img
-            src={item.src}
-            className="d-block img-fluid"
-            alt={item.altText}
-          />
-        </CarouselItem>
-      )
-    })
-
-    return (
-      <React.Fragment>
-        <Carousel
-          activeIndex={activeIndex}
-          fade={true}
-          next={this.next}
-          previous={this.previous}
-        >
-          <CarouselIndicators
-            items={items}
-            activeIndex={activeIndex}
-            onClickHandler={this.goToIndex}
-          />
-          {slides}
-          <CarouselControl
-            direction="prev"
-            directionText="Previous"
-            onClickHandler={this.previous}
-          />
-          <CarouselControl
-            direction="next"
-            directionText="Next"
-            onClickHandler={this.next}
-          />
-        </Carousel>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Slidewithfade
diff --git a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithindicator.js b/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithindicator.js
deleted file mode 100644
index e073438..0000000
--- a/Client/src/backoffice/pages/Ui/CarouselTypes/slidewithindicator.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import React, { Component } from "react"
-import {
-  Carousel,
-  CarouselControl,
-  CarouselIndicators,
-  CarouselItem,
-} from "reactstrap"
-
-// Carousel images
-import img3 from "../../../assets/images/small/img-3.jpg"
-import img4 from "../../../assets/images/small/img-4.jpg"
-import img5 from "../../../assets/images/small/img-5.jpg"
-
-const items = [
-  {
-    src: img3,
-    altText: "Slide 1",
-    caption: "Slide 1",
-  },
-  {
-    src: img4,
-    altText: "Slide 2",
-    caption: "Slide 2",
-  },
-  {
-    src: img5,
-    altText: "Slide 3",
-    caption: "Slide 3",
-  },
-]
-
-class Slidewithindicator extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { activeIndex: 0 }
-    this.next = this.next.bind(this)
-    this.previous = this.previous.bind(this)
-    this.goToIndex = this.goToIndex.bind(this)
-    this.onExiting = this.onExiting.bind(this)
-    this.onExited = this.onExited.bind(this)
-  }
-
-  onExiting() {
-    this.animating = true
-  }
-
-  onExited() {
-    this.animating = false
-  }
-
-  next() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === items.length - 1
-        ? 0
-        : this.state.activeIndex + 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  previous() {
-    if (this.animating) return
-    const nextIndex =
-      this.state.activeIndex === 0
-        ? items.length - 1
-        : this.state.activeIndex - 1
-    this.setState({ activeIndex: nextIndex })
-  }
-
-  goToIndex(newIndex) {
-    if (this.animating) return
-    this.setState({ activeIndex: newIndex })
-  }
-
-  render() {
-    const { activeIndex } = this.state
-
-    const slides = items.map(item => {
-      return (
-        <CarouselItem
-          onExiting={this.onExiting}
-          onExited={this.onExited}
-          key={item.src}
-        >
-          <img
-            src={item.src}
-            className="d-block img-fluid"
-            alt={item.altText}
-          />
-        </CarouselItem>
-      )
-    })
-
-    return (
-      <React.Fragment>
-        <Carousel
-          activeIndex={activeIndex}
-          next={this.next}
-          previous={this.previous}
-        >
-          <CarouselIndicators
-            items={items}
-            activeIndex={activeIndex}
-            onClickHandler={this.goToIndex}
-          />
-          {slides}
-          <CarouselControl
-            direction="prev"
-            directionText="Previous"
-            onClickHandler={this.previous}
-          />
-          <CarouselControl
-            direction="next"
-            directionText="Next"
-            onClickHandler={this.next}
-          />
-        </Carousel>
-      </React.Fragment>
-    )
-  }
-}
-
-export default Slidewithindicator
diff --git a/Client/src/backoffice/pages/Ui/UiAlert.js b/Client/src/backoffice/pages/Ui/UiAlert.js
deleted file mode 100644
index 09dc3d2..0000000
--- a/Client/src/backoffice/pages/Ui/UiAlert.js
+++ /dev/null
@@ -1,229 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Alert,
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-  UncontrolledAlert,
-} from "reactstrap"
-import { Link } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiAlert extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Alerts | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Alerts" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Default Alerts </CardTitle>
-                    <p className="card-title-desc">
-                      Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one
-                    of the four <strong>required</strong> contextual classes (e.g., <code>
-                        .alert-success</code>). For inline dismissal, use the alerts jQuery plugin.
-                    </p>
-
-                    <div className="">
-                      <Alert color="primary">
-                        A simple primary alert—check it out!
-                      </Alert>
-                      <Alert color="secondary" role="alert">
-                        A simple secondary alert—check it out!
-                      </Alert>
-                      <Alert color="success" role="alert">
-                        A simple success alert—check it out!
-                      </Alert>
-                      <Alert color="danger" role="alert">
-                        A simple danger alert—check it out!
-                      </Alert>
-                      <Alert color="warning" role="alert">
-                        A simple warning alert—check it out!
-                      </Alert>
-                      <Alert color="info" className="mb-0" role="alert">
-                        A simple info alert—check it out!
-                      </Alert>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Link color </CardTitle>
-                    <p className="card-title-desc">
-                      Use the{" "}
-                      <code className="highlighter-rouge">.alert-link</code>{" "}
-                      utility className to quickly provide matching colored
-                      links within any alert.
-                    </p>
-
-                    <div className="">
-                      <Alert color="primary">
-                        A simple primary alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                      <Alert color="secondary">
-                        A simple secondary alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                      <Alert colr="success">
-                        A simple success alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                      <Alert color="danger">
-                        A simple danger alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                      <Alert color="warning">
-                        A simple warning alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                      <Alert color="info" className="mb-0">
-                        A simple info alert with{" "}
-                        <Link to="#" className="alert-link">
-                          an example link
-                        </Link>
-                        . Give it a click if you like.
-                      </Alert>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dismissing </CardTitle>
-                    <p className="card-title-desc">
-                      Add a dismiss button and the <code>.alert-dismissible</code> class, which adds extra padding
-                    to the right of the alert and positions the <code>.btn-close</code> button.
-                    </p>
-
-                    <div className="">
-                      <UncontrolledAlert color="primary">
-                        A simple primary alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert color="secondary" role="alert">
-                        A simple secondary alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert color="success" role="alert">
-                        A simple success alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert color="danger" role="alert">
-                        A simple danger alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert color="warning" role="alert">
-                        A simple warning alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert color="info" className="mb-0" role="alert">
-                        A simple info alert—check it out!
-                      </UncontrolledAlert>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="mb-4">With Icon </CardTitle>
-                    <div className="">
-                      <UncontrolledAlert
-                        color="primary"
-                        className="alert-dismissible fade show"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-bullseye-arrow me-2"></i>A simple
-                        primary alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert
-                        color="secondary"
-                        className="alert-dismissible fade show"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-grease-pencil me-2"></i>A simple
-                        secondary alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert
-                        color="success"
-                        className="alert-dismissible fade show"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-check-all me-2"></i>A simple
-                        success alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert
-                        color="danger"
-                        className="alert-dismissible fade show"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-block-helper me-2"></i>A simple
-                        danger alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert
-                        color="warning"
-                        className="alert-dismissible fade show"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-alert-outline me-2"></i>A simple
-                        warning alert—check it out!
-                      </UncontrolledAlert>
-                      <UncontrolledAlert
-                        color="info"
-                        className="alert-dismissible fade show mb-0"
-                        role="alert"
-                      >
-                        <i className="mdi mdi-alert-circle-outline me-2"></i>A
-                        simple info alert—check it out!
-                      </UncontrolledAlert>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiAlert
diff --git a/Client/src/backoffice/pages/Ui/UiButtons.js b/Client/src/backoffice/pages/Ui/UiButtons.js
deleted file mode 100644
index c77bbbb..0000000
--- a/Client/src/backoffice/pages/Ui/UiButtons.js
+++ /dev/null
@@ -1,945 +0,0 @@
-import React, { Component } from "react"
-import { Link } from "react-router-dom"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Button,
-  ButtonDropdown,
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiButtons extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      radio1: true,
-      radio2: false,
-      radio3: false,
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Buttons | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Buttons" />
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Default buttons</CardTitle>
-                    <p className="card-title-desc">
-                      Bootstrap includes six predefined button styles, each
-                      serving its own semantic purpose.
-                    </p>
-                    <div className="button-items">
-                      <Button
-                        color="primary"
-                        className="waves-effect waves-light"
-                      >
-                        Primary
-                      </Button>{" "}
-                      <Button color="secondary" className="waves-effect">
-                        Secondary
-                      </Button>{" "}
-                      <Button
-                        color="success"
-                        className="waves-effect waves-light"
-                      >
-                        Success
-                      </Button>{" "}
-                      <Button
-                        color="info"
-                        className="waves-effect waves-light"
-                      >
-                        Info
-                      </Button>{" "}
-                      <Button
-                        color="warning"
-                        className="waves-effect waves-light"
-                      >
-                        Warning
-                      </Button>{" "}
-                      <Button
-                        color="danger"
-                        className="waves-effect waves-light"
-                      >
-                        Danger
-                      </Button>{" "}
-                      <Button
-                        color="dark"
-                        className="waves-effect waves-light"
-                      >
-                        Dark
-                      </Button>{" "}
-                      <Button color="link" className="waves-effect">
-                        Link
-                      </Button>
-                      <Button color="light" className="waves-effect">
-                        Light
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Outline buttons</CardTitle>
-                    <p className="card-title-desc">
-                      Replace the default modifier classes with the{" "}
-                      <code className="highlighter-rouge">.btn-outline-*</code>{" "}
-                      ones to remove all background images and colors on any
-                      button.
-                    </p>
-                    <div className="button-items">
-                      <Button
-                        color="primary"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Primary
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        outline
-                        className="waves-effect"
-                      >
-                        Secondary
-                      </Button>{" "}
-                      <Button
-                        color="success"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Success
-                      </Button>{" "}
-                      <Button
-                        color="info"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Info
-                      </Button>{" "}
-                      <Button
-                        color="warning"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Warning
-                      </Button>{" "}
-                      <Button
-                        color="danger"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Danger
-                      </Button>{" "}
-                      <Button
-                        color="dark"
-                        outline
-                        className="waves-effect waves-light"
-                      >
-                        Dark
-                      </Button>{" "}
-                      <Button color="light" outline className="waves-effect">
-                        Light
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Rounded buttons</CardTitle>
-                    <p className="card-title-desc">
-                      Use class <code>.btn-rounded</code> for button round
-                      border.
-                    </p>
-                    <div className="button-items">
-                      <Button
-                        color="primary"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Primary
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Secondary
-                      </Button>{" "}
-                      <Button
-                        color="success"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Success
-                      </Button>{" "}
-                      <Button
-                        color="info"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Info
-                      </Button>{" "}
-                      <Button
-                        color="warning"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Warning
-                      </Button>{" "}
-                      <Button
-                        color="danger"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Danger
-                      </Button>{" "}
-                      <Button
-                        color="dark"
-                        className="btn-rounded waves-effect waves-light"
-                      >
-                        Dark
-                      </Button>{" "}
-                      <Button color="link" className="btn-rounded waves-effect">
-                        Link
-                      </Button>{" "}
-                      <Button
-                        color="light"
-                        className="btn-rounded waves-effect"
-                      >
-                        Light
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Buttons with icon</CardTitle>
-                    <p className="mb-3 card-title-desc">Add icon in button.</p>
-
-                    <div className="button-items mt-4">
-                      <button
-                        type="button"
-                        className="btn btn-primary waves-effect waves-light"
-                      >
-                        <i className="bx bx-smile font-size-16 align-middle me-2"></i>{" "}
-                        Primary
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-success waves-effect waves-light"
-                      >
-                        <i className="bx bx-check-double font-size-16 align-middle me-2"></i>{" "}
-                        Success
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-warning waves-effect waves-light"
-                      >
-                        <i className="bx bx-error font-size-16 align-middle me-2"></i>{" "}
-                        Warning
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-danger waves-effect waves-light"
-                      >
-                        <i className="bx bx-block font-size-16 align-middle me-2"></i>{" "}
-                        Danger
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-dark waves-effect waves-light"
-                      >
-                        <i className="bx bx-loader bx-spin font-size-16 align-middle me-2"></i>{" "}
-                        Loading
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-light waves-effect"
-                      >
-                        <i className="bx bx-hourglass bx-spin font-size-16 align-middle me-2"></i>{" "}
-                        Loading
-                      </button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col xl={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Snip Buttons</CardTitle>
-
-                    <Row>
-                      <Col xl={4}>
-                        <div className="mt-4">
-                          <h5 className="font-size-15 mb-3">Example 1</h5>
-
-                          <div>
-                            <div
-                              className="btn-group btn-group-example mb-3"
-                              role="group"
-                            >
-                              <button
-                                type="button"
-                                className="btn btn-outline-primary w-sm"
-                              >
-                                Left
-                              </button>{" "}
-                              <button
-                                type="button"
-                                className="btn btn-outline-primary w-sm"
-                              >
-                                Middle
-                              </button>{" "}
-                              <button
-                                type="button"
-                                className="btn btn-outline-primary w-sm"
-                              >
-                                Right
-                              </button>{" "}
-                            </div>
-
-                            <div>
-                              <div
-                                className="btn-group btn-group-example mb-3"
-                                role="group"
-                              >
-                                <button
-                                  type="button"
-                                  className="btn btn-primary w-xs"
-                                >
-                                  <i className="mdi mdi-thumb-up"></i>
-                                </button>{" "}
-                                <button
-                                  type="button"
-                                  className="btn btn-danger w-xs"
-                                >
-                                  <i className="mdi mdi-thumb-down"></i>
-                                </button>{" "}
-                              </div>
-                            </div>
-
-                            <div>
-                              <div
-                                className="btn-group btn-group-example"
-                                role="group"
-                              >
-                                <button
-                                  type="button"
-                                  className="btn btn-outline-secondary w-xs"
-                                >
-                                  <i className="bx bx-menu-alt-right"></i>
-                                </button>{" "}
-                                <button
-                                  type="button"
-                                  className="btn btn-outline-secondary w-xs"
-                                >
-                                  <i className="bx bx-menu"></i>
-                                </button>{" "}
-                                <button
-                                  type="button"
-                                  className="btn btn-outline-secondary w-xs"
-                                >
-                                  <i className="bx bx-menu-alt-left"></i>
-                                </button>{" "}
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-
-                      <div className="col-xl-4">
-                        <div className="mt-4">
-                          <h5 className="font-size-15 mb-3">Example 2</h5>
-
-                          <div className="button-items">
-                            <button
-                              type="button"
-                              className="btn btn-primary waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-smile label-icon"></i> Primary
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-success waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-check-double label-icon"></i>{" "}
-                              Success
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-warning waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-error label-icon "></i>{" "}
-                              Warning
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-danger waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-block label-icon "></i>{" "}Danger
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-dark waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-loader label-icon "></i>{" "}Dark
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-light waves-effect btn-label waves-light"
-                            >
-                              <i className="bx bx-hourglass label-icon "></i>{" "}
-                              Light
-                            </button>{" "}
-                          </div>
-                        </div>
-                      </div>
-
-                      <div className="col-xl-4">
-                        <div className="mt-4">
-                          <h5 className="font-size-15 mb-3">Example 3</h5>
-
-                          <div className="button-items">
-                            <button
-                              type="button"
-                              className="btn btn-primary waves-effect waves-light w-sm"
-                            >
-                              <i className="mdi mdi-download d-block font-size-16"></i>{" "}
-                              Download
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-light waves-effect waves-light w-sm"
-                            >
-                              <i className="mdi mdi-upload d-block font-size-16"></i>{" "}
-                              Upload
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-success waves-effect waves-light w-sm"
-                            >
-                              <i className="mdi mdi-pencil d-block font-size-16"></i>{" "}
-                              Edit
-                            </button>{" "}
-                            <button
-                              type="button"
-                              className="btn btn-danger waves-effect waves-light w-sm"
-                            >
-                              <i className="mdi mdi-trash-can d-block font-size-16"></i>{" "}
-                              Delete
-                            </button>{" "}
-                          </div>
-                        </div>
-                      </div>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            {/* end row  */}
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Buttons Sizes</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.btn-lg</code> or <code>.btn-sm</code> for
-                      additional sizes.
-                    </p>
-
-                    <div className="button-items">
-                      <Button
-                        color="primary"
-                        className="btn btn-primary btn-lg waves-effect waves-light"
-                      >
-                        Large button
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        className="btn btn-secondary btn-lg waves-effect"
-                      >
-                        Large button
-                      </Button>{" "}
-                      <Button
-                        color="primary"
-                        className="btn btn-primary btn-sm waves-effect waves-light"
-                      >
-                        Small button
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        className="btn btn-secondary btn-sm waves-effect"
-                      >
-                        Small button
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Buttons width</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.w-xs</code>, <code>.w-sm</code>,{" "}
-                      <code>.w-md</code> and <code> .w-lg</code> className for
-                      additional buttons width.
-                    </p>
-
-                    <div className="button-items">
-                      <button
-                        type="button"
-                        className="btn btn-primary w-xs waves-effect waves-light"
-                      >
-                        Xs
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-danger w-sm waves-effect waves-light"
-                      >
-                        Small
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-warning w-md waves-effect waves-light"
-                      >
-                        Medium
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-success w-lg waves-effect waves-light"
-                      >
-                        Large
-                      </button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Button tags</CardTitle>
-                    <p className="card-title-desc">
-                      The <code className="highlighter-rouge">.btn</code>
-                      classes are designed to be used with the{" "}
-                      <code className="highlighter-rouge">
-                        &lt;button&gt;
-                      </code>{" "}
-                      element. However, you can also use these classes on{" "}
-                      <code className="highlighter-rouge">&lt;Link&gt;</code> or{" "}
-                      <code className="highlighter-rouge">&lt;input&gt;</code>{" "}
-                      elements (though some browsers may apply a slightly
-                      different rendering).
-                    </p>
-
-                    <div className="button-items">
-                      <Link
-                        className="btn btn-primary waves-effect waves-light"
-                        to="#"
-                        role="button"
-                      >
-                        Link
-                      </Link>
-                      <Button
-                        color="success"
-                        className="btn btn-success waves-effect waves-light"
-                        type="submit"
-                      >
-                        Button
-                      </Button>{" "}
-                      <input
-                        className="btn btn-info"
-                        type="button"
-                        value="Input"
-                      />{" "}
-                      <input
-                        className="btn btn-danger"
-                        type="submit"
-                        value="Submit"
-                      />{" "}
-                      <input
-                        className="btn btn-warning"
-                        type="reset"
-                        value="Reset"
-                      />{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Toggle states</CardTitle>
-                    <p className="card-title-desc">
-                      Add{" "}
-                      <code className="highlighter-rouge">
-                        data-toggle="button"
-                      </code>
-                      to toggle a button’s{" "}
-                      <code className="highlighter-rouge">active</code>
-                      state. If you’re pre-toggling a button, you must manually
-                      add the <code className="highlighter-rouge">
-                        .active
-                      </code>{" "}
-                      class
-                      <strong>and</strong>{" "}
-                      <code className="highlighter-rouge">
-                        aria-pressed="true"
-                      </code>{" "}
-                      to the
-                      <code className="highlighter-rouge">&lt;button&gt;</code>.
-                    </p>
-
-                    <div className="button-items">
-                      <Button
-                        color="primary"
-                        className="btn btn-primary waves-effect waves-light"
-                        data-toggle="button"
-                        aria-pressed="false"
-                      >
-                        Single toggle
-                      </Button>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Block Buttons</CardTitle>
-                    <p className="card-title-desc">
-                      Create block level buttons—those that span the full width
-                      of a parent—by adding{" "}
-                      <code className="highlighter-rouge">.btn-block</code>.
-                    </p>
-
-                    <div className="button-items mt-4">
-                      <Button
-                        color="primary"
-                        className="btn btn-primary btn-lg btn-block waves-effect waves-light"
-                      >
-                        Block level button
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        className="btn btn-secondary btn-sm btn-block waves-effect"
-                      >
-                        Block level button
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Checkbox & Radio Buttons</CardTitle>
-                    <p className="card-title-desc">
-                      Bootstrap’s{" "}
-                      <code className="highlighter-rouge">.button</code> styles
-                      can be applied to other elements, such as{" "}
-                      <code className="highlighter-rouge">&lt;label&gt;</code>s,
-                      to provide checkbox or radio style button toggling. Add{" "}
-                      <code className="highlighter-rouge">
-                        data-toggle="buttons"
-                      </code>{" "}
-                      to a<code className="highlighter-rouge">.btn-group</code>{" "}
-                      containing those modified buttons to enable toggling in
-                      their respective styles.
-                    </p>
-
-                    <Row>
-                      <Col xl={6}>
-                        <div
-                          className="btn-group mt-2 mt-xl-"
-                          data-toggle="buttons"
-                        >
-                          <input type="checkbox" className="btn-check" id="btncheck1" autoComplete="off" defaultChecked />
-                          <label className="btn btn-primary" htmlFor="btncheck1">Checkbox 1</label>
-                          <input type="checkbox" className="btn-check" id="btncheck2" autoComplete="off" />
-                          <label className="btn btn-primary" htmlFor="btncheck2">Checkbox 2</label>
-                          <input type="checkbox" className="btn-check" id="btncheck3" autoComplete="off" />
-                          <label className="btn btn-primary" htmlFor="btncheck3">Checkbox 3</label>
-                        </div>
-                      </Col>
-                      <Col xl={6}>
-                        <div className="btn-group mt-2 mt-xl-0" role="group" aria-label="Basic radio toggle button group">
-                          <input type="radio" className="btn-check" name="btnradio" id="btnradio1" autoComplete="off" defaultChecked />
-                          <label className="btn btn-secondary" htmlFor="btnradio1">Radio 1</label>
-
-                          <input type="radio" className="btn-check" name="btnradio" id="btnradio2" autoComplete="off" />
-                          <label className="btn btn-secondary" htmlFor="btnradio2">Radio 2</label>
-
-                          <input type="radio" className="btn-check" name="btnradio" id="btnradio3" autoComplete="off" />
-                          <label className="btn btn-secondary" htmlFor="btnradio3">Radio 3</label>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Button group</CardTitle>
-                    <p className="card-title-desc">
-                      Wrap a series of buttons with{" "}
-                      <code className="highlighter-rouge">.btn</code> in{" "}
-                      <code className="highlighter-rouge">.btn-group</code>.
-                    </p>
-
-                    <Row>
-                      <Col md={6}>
-                        <div
-                          className="btn-group"
-                          role="group"
-                          aria-label="Basic example"
-                        >
-                          <Button color="primary">Left</Button>{" "}
-                          <Button color="primary">Middle</Button>{" "}
-                          <Button color="primary">Right</Button>{" "}
-                        </div>
-                      </Col>
-
-                      <Col md={6}>
-                        <div
-                          className="btn-group mt-4 mt-md-0"
-                          role="group"
-                          aria-label="Basic example"
-                        >
-                          <button type="button" className="btn btn-secondary">
-                            <i className="bx bx-menu-alt-right"></i>
-                          </button>{" "}
-                          <button type="button" className="btn btn-secondary">
-                            <i className="bx bx-menu"></i>
-                          </button>{" "}
-                          <button type="button" className="btn btn-secondary">
-                            <i className="bx bx-menu-alt-left"></i>
-                          </button>{" "}
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Button toolbar</CardTitle>
-                    <p className="card-title-desc">
-                      Combine sets of button groups into button toolbars for
-                      more complex components. Use utility classNamees as needed
-                      to space out groups, buttons, and more.
-                    </p>
-
-                    <div
-                      className="btn-toolbar"
-                      role="toolbar"
-                      aria-label="Toolbar with button groups"
-                    >
-                      <div
-                        className="btn-group me-2"
-                        role="group"
-                        aria-label="First group"
-                      >
-                        <Button color="secondary" className="btn btn-secondary">
-                          1
-                        </Button>{" "}
-                        <Button color="secondary" className="btn btn-secondary">
-                          2
-                        </Button>{" "}
-                        <Button color="secondary" className="btn btn-secondary">
-                          3
-                        </Button>{" "}
-                        <Button color="secondary" className="btn btn-secondary">
-                          4
-                        </Button>{" "}
-                      </div>
-                      <div
-                        className="btn-group me-2"
-                        role="group"
-                        aria-label="Second group"
-                      >
-                        <Button color="secondary" className="btn btn-secondary">
-                          5
-                        </Button>{" "}
-                        <Button color="secondary" className="btn btn-secondary">
-                          6
-                        </Button>{" "}
-                        <Button color="secondary" className="btn btn-secondary">
-                          7
-                        </Button>{" "}
-                      </div>
-                      <div
-                        className="btn-group"
-                        role="group"
-                        aria-label="Third group"
-                      >
-                        <Button color="secondary" className="btn btn-secondary">
-                          8
-                        </Button>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Sizing</CardTitle>
-                    <p className="card-title-desc">
-                      Instead of applying button sizing classes to every button
-                      in a group, just add{" "}
-                      <code className="highlighter-rouge">.btn-group-*</code> to
-                      each <code className="highlighter-rouge">.btn-group</code>
-                      , including each one when nesting multiple groups.
-                    </p>
-
-                    <div
-                      className="btn-group btn-group-lg"
-                      role="group"
-                      aria-label="Basic example"
-                    >
-                      <Button color="primary">Left</Button>{" "}
-                      <Button color="primary">Middle</Button>{" "}
-                      <Button color="primary">Right</Button>{" "}
-                    </div>
-
-                    <br />
-
-                    <div
-                      className="btn-group mt-2"
-                      role="group"
-                      aria-label="Basic example"
-                    >
-                      <Button color="secondary" className="btn btn-secondary">
-                        Left
-                      </Button>{" "}
-                      <Button color="secondary" className="btn btn-secondary">
-                        Middle
-                      </Button>{" "}
-                      <Button color="secondary" className="btn btn-secondary">
-                        Right
-                      </Button>{" "}
-                    </div>
-
-                    <br />
-
-                    <div
-                      className="btn-group btn-group-sm mt-2"
-                      role="group"
-                      aria-label="Basic example"
-                    >
-                      <Button color="danger">Left</Button>{" "}
-                      <Button color="danger">Middle</Button>{" "}
-                      <Button color="danger">Right</Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Vertical variation</CardTitle>
-                    <p className="card-title-desc">
-                      Make a set of buttons appear vertically stacked rather
-                      than horizontally. Split button dropdowns are not
-                      supported here.
-                    </p>
-
-                    <div
-                      className="btn-group-vertical"
-                      role="group"
-                      aria-label="Vertical button group"
-                    >
-                      <Button
-                        type="button"
-                        color="secondary"
-                        className="btn btn-secondary"
-                      >
-                        Button
-                      </Button>{" "}
-
-                      <ButtonDropdown
-                        isOpen={this.state.drp_link}
-                        toggle={() =>
-                          this.setState({ drp_link: !this.state.drp_link })
-                        }
-                      >
-                        <DropdownToggle caret color="secondary">
-                          Dropdown <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Dropdown link</DropdownItem>
-                          <DropdownItem>Dropdown link</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>{" "}
-
-                      <Button
-                        color="secondary"
-                        type="button"
-                        className="btn btn-secondary"
-                      >
-                        Button
-                      </Button>{" "}
-                      <Button
-                        color="secondary"
-                        type="button"
-                        className="btn btn-secondary"
-                      >
-                        Button
-                      </Button>{" "}
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiButtons
diff --git a/Client/src/backoffice/pages/Ui/UiCards.js b/Client/src/backoffice/pages/Ui/UiCards.js
deleted file mode 100644
index 2bf7d93..0000000
--- a/Client/src/backoffice/pages/Ui/UiCards.js
+++ /dev/null
@@ -1,718 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Card,
-  CardBody,
-  CardColumns,
-  CardDeck,
-  CardFooter,
-  CardHeader,
-  CardImg,
-  CardImgOverlay,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap"
-
-// import images
-import img1 from "../../assets/images/small/img-1.jpg"
-import img2 from "../../assets/images/small/img-2.jpg"
-import img3 from "../../assets/images/small/img-3.jpg"
-import img4 from "../../assets/images/small/img-4.jpg"
-import img5 from "../../assets/images/small/img-5.jpg"
-import img6 from "../../assets/images/small/img-6.jpg"
-import img7 from "../../assets/images/small/img-7.jpg"
-import { Link } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiCards extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Cards | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Cards" />
-
-            <Row>
-              <Col md={6} xl={3}>
-                <Card>
-                  <CardImg top className="img-fluid" src={img1} alt="Skote" />
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">Card title</CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                    <Link
-                      to="#"
-                      className="btn btn-primary waves-effect waves-light"
-                    >
-                      Button
-                    </Link>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col mg={6} xl={3}>
-                <Card>
-                  <CardImg top className="img-fluid" src={img2} alt="Skote" />
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">Card title</CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                  <ul className="list-group list-group-flush">
-                    <li className="list-group-item">Cras justo odio</li>
-                    <li className="list-group-item">Dapibus ac facilisis in</li>
-                  </ul>
-                  <CardBody>
-                    <Link to="#" className="card-link">
-                      Card link
-                    </Link>
-                    <Link to="#" className="card-link">
-                      Another link
-                    </Link>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col mg={6} xl={3}>
-                <Card>
-                  <CardImg top className="img-fluid" src={img3} alt="Skote" />
-                  <CardBody>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col md={6} xl={3}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">Card title</CardTitle>
-                    <p className="font-14 text-muted">
-                      Support card subtitle
-                    </p>
-                  </CardBody>
-                  <CardImg className="img-fluid" src={img4} alt="Skote" />
-                  <CardBody>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                    <Link to="#" className="card-link">
-                      Card link
-                    </Link>
-                    <Link to="#" className="card-link">
-                      Another link
-                    </Link>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col md={6}>
-                <Card body>
-                  <CardTitle className="h3 mt-0">
-                    Special title treatment
-                  </CardTitle>
-                  <CardText>
-                    With supporting text below as a natural lead-in to
-                    additional content.
-                  </CardText>
-                  <Link
-                    to="#"
-                    className="btn btn-primary waves-effect waves-light"
-                  >
-                    Go somewhere
-                  </Link>
-                </Card>
-              </Col>
-              <Col md={6}>
-                <Card body>
-                  <CardTitle className="h3 mt-0">
-                    Special title treatment
-                  </CardTitle>
-                  <CardText>
-                    With supporting text below as a natural lead-in to
-                    additional content.
-                  </CardText>
-                  <Link
-                    to="#"
-                    className="btn btn-primary waves-effect waves-light"
-                  >
-                    Go somewhere
-                  </Link>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card body>
-                  <CardTitle className="h4 mt-0">
-                    Special title treatment
-                  </CardTitle>
-                  <CardText>
-                    With supporting text below as a natural lead-in to
-                    additional content.
-                  </CardText>
-                  <Link
-                    to="#"
-                    className="btn btn-primary waves-effect waves-light"
-                  >
-                    Go somewhere
-                  </Link>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card body className="text-center">
-                  <CardTitle className="h4 mt-0">
-                    Special title treatment
-                  </CardTitle>
-                  <CardText>
-                    With supporting text below as a natural lead-in to
-                    additional content.
-                  </CardText>
-                  <Link
-                    to="#"
-                    className="btn btn-primary waves-effect waves-light"
-                  >
-                    Go somewhere
-                  </Link>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card body className="text-end">
-                  <CardTitle className="h4 mt-0">
-                    Special title treatment
-                  </CardTitle>
-                  <CardText>
-                    With supporting text below as a natural lead-in to
-                    additional content.
-                  </CardText>
-                  <Link
-                    to="#"
-                    className="btn btn-primary waves-effect waves-light"
-                  >
-                    Go somewhere
-                  </Link>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card>
-                  <CardHeader className="h5 bg-transparent border-bottom text-uppercase">Featured</CardHeader>
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">
-                      Special title treatment
-                    </CardTitle>
-                    <CardText>
-                      With supporting text below as a natural lead-in to
-                      additional content.
-                    </CardText>
-                    <Link to="#" className="btn btn-primary">
-                      Go somewhere
-                    </Link>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card>
-                  <CardHeader className="bg-transparent border-bottom">Quote</CardHeader>
-                  <CardBody>
-                    <blockquote className="card-blockquote mb-0">
-                      <CardText>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                        Integer posuere erat a ante.
-                      </CardText>
-                      <footer className="blockquote-footer font-size-12 mt-0">
-                        Someone famous in{" "}
-                        <cite title="Source Title">Source Title</cite>
-                      </footer>
-                    </blockquote>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card>
-                  <CardHeader className="bg-transparent border-bottom text-uppercase">Featured</CardHeader>
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">
-                      Special title treatment
-                    </CardTitle>
-                    <CardText>
-                      With supporting text below as a natural lead-in to
-                      additional content.
-                    </CardText>
-                    <Link
-                      to="#"
-                      className="btn btn-primary waves-effect waves-light"
-                    >
-                      Go somewhere
-                    </Link>
-                  </CardBody>
-                  <CardFooter className="bg-transparent border-top text-muted">2 days ago</CardFooter>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card>
-                  <CardImg top className="img-fluid" src={img5} alt="Skote" />
-                  <CardBody>
-                    <CardTitle className="mt-0">Card title</CardTitle>
-                    <CardText>
-                      This is a wider card with supporting text below as a
-                      natural lead-in to additional content. This content is a
-                      little bit longer.
-                    </CardText>
-                    <p className="card-text">
-                      <small className="text-muted">
-                        Last updated 3 mins ago
-                      </small>
-                    </p>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mt-0">Card title</CardTitle>
-                    <CardText>
-                      This is a wider card with supporting text below as a
-                      natural lead-in to additional content. This content is a
-                      little bit longer.
-                    </CardText>
-                    <CardText>
-                      <small className="text-muted">
-                        Last updated 3 mins ago
-                      </small>
-                    </CardText>
-                  </CardBody>
-                  <CardImg
-                    bottom
-                    className="img-fluid"
-                    src={img7}
-                    alt="Skote"
-                  />
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card>
-                  <CardImg className="img-fluid" src={img6} alt="Skote" />
-                  <CardImgOverlay>
-                    <CardTitle className="text-white mt-0">
-                      Card title
-                    </CardTitle>
-                    <CardText className="text-light">
-                      This is a wider card with supporting text below as a
-                      natural lead-in to additional content. This content is a
-                      little bit longer.
-                    </CardText>
-                    <CardText>
-                      <small className="text-white">
-                        Last updated 3 mins ago
-                      </small>
-                    </CardText>
-                  </CardImgOverlay>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <Row className="no-gutters align-items-center">
-                    <Col md={4}>
-                      <CardImg className="img-fluid" src={img2} alt="Skote" />
-                    </Col>
-                    <Col md={8}>
-                      <CardBody>
-                        <CardTitle className="h5">Card title</CardTitle>
-                        <CardText>
-                          This is a wider card with supporting text below as a
-                          natural lead-in to additional content.
-                        </CardText>
-                        <CardText>
-                          <small className="text-muted">
-                            Last updated 3 mins ago
-                          </small>
-                        </CardText>
-                      </CardBody>
-                    </Col>
-                  </Row>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <Row className="no-gutters align-items-center">
-                    <Col md={8}>
-                      <CardBody>
-                        <CardTitle className="h5">Card title</CardTitle>
-                        <CardText>
-                          This is a wider card with supporting text below as a
-                          natural lead-in to additional content.
-                        </CardText>
-                        <CardText>
-                          <small className="text-muted">
-                            Last updated 3 mins ago
-                          </small>
-                        </CardText>
-                      </CardBody>
-                    </Col>
-                    <Col md={4}>
-                      <CardImg className="img-fluid" src={img3} alt="Skote" />
-                    </Col>
-                  </Row>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card color="primary" className="text-white-50">
-                  <CardBody>
-                    <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-bullseye-arrow me-3"></i> Primary
-                      Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card color="success" className="text-white-50">
-                  <CardBody>
-                  <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-check-all me-3"></i> Success Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card color="info" className="text-white-50">
-                  <CardBody>
-                    <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-alert-circle-outline me-3"></i>Info
-                      Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card color="warning" className="text-white-50">
-                  <CardBody>
-                  <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-alert-outline me-3"></i>Warning Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card color="danger" className="text-white-50">
-                  <CardBody>
-                  <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-block-helper me-3"></i>Danger Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card color="dark" className="text-light">
-                  <CardBody>
-                    <CardTitle className="h5 mt-0 mb-4 text-white">
-                      <i className="mdi mdi-alert-circle-outline me-3"></i>Dark
-                      Card
-                    </CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={4}>
-                <Card outline color="primary" className="border border-primary">
-                  <CardHeader className="bg-transparent border-primary">
-                    <h5 className="my-0 text-primary">
-                      <i className="mdi mdi-bullseye-arrow me-3"></i>Primary
-                      outline Card
-                    </h5>
-                  </CardHeader>
-                  <CardBody>
-                    <CardTitle className="h5 mt-0">card title</CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card outline color="danger" className="border border-danger">
-                  <CardHeader className="bg-transparent border-danger">
-                    <h5 className="my-0 text-danger">
-                      <i className="mdi mdi-block-helper me-3"></i>Danger
-                      outline Card
-                    </h5>
-                  </CardHeader>
-                  <CardBody>
-                    <CardTitle className="h5 mt-0">card title</CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={4}>
-                <Card outline color="success" className="border border-success">
-                  <CardHeader className="bg-transparent border-success">
-                    <h5 className="my-0 text-success">
-                      <i className="mdi mdi-check-all me-3"></i>Success Card
-                    </h5>
-                  </CardHeader>
-                  <CardBody>
-                    <CardTitle className="h5 mt-0">card title</CardTitle>
-                    <CardText>
-                      Some quick example text to build on the card title and
-                      make up the bulk of the card's content.
-                    </CardText>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col className="col-12 mb-4">
-                <h4 className="my-3">Card groups</h4>
-                <CardDeck className="card-deck-wrapper">
-                <div className="card-group">
-                  <Card className="mb-4">
-                    <CardImg top className="img-fluid" src={img4} alt="Skote" />
-                    <CardBody>
-                      <CardTitle className="mt-0">Card title</CardTitle>
-                      <CardText>
-                        This is a longer card with supporting text below as a
-                        natural lead-in to additional content. This content is a
-                        little bit longer.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  <Card className="mb-4">
-                    <CardImg top className="img-fluid" src={img5} alt="Skote" />
-                    <CardBody>
-                      <CardTitle className="mt-0">Card title</CardTitle>
-                      <CardText>
-                        This card has supporting text below as a natural lead-in
-                        to additional content.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  <Card className="mb-4">
-                    <CardImg top className="img-fluid" src={img6} alt="Skote" />
-                    <CardBody>
-                      <CardTitle className="mt-0">Card title</CardTitle>
-                      <CardText>
-                        This is a wider card with supporting text below as a
-                        natural lead-in to additional content. This card has
-                        even longer content than the first to show that equal
-                        height action.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  </div>
-                </CardDeck>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col sm={12}>
-                <h4 className="my-3">Cards Masonry</h4>
-                <CardColumns>
-                  <Card>
-                    <CardImg top src={img3} alt="Skote"/>
-                    <CardBody>
-                      <CardTitle className="h5">Card title that wraps to a new line</CardTitle>
-                      <CardText>
-                        This is a longer card with supporting text below as a
-                        natural lead-in to additional content. This content is a
-                        little bit longer.
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  <Card>
-                    <CardBody>
-                      <blockquote className="blockquote-reverse  mb-0">
-                        <CardText>
-                          Lorem ipsum dolor sit amet, consectetur adipiscing
-                          elit. Integer posuere erat a ante.
-                        </CardText>
-                        <footer className="blockquote-footer mt-0">
-                        <small className="text-muted">
-                          Someone famous in{" "}
-                          <cite title="Source Title">Source Title</cite>
-                          </small>
-                        </footer>
-                      </blockquote>
-                    </CardBody>
-                  </Card>
-                  <Card>
-                    <CardImg top src={img5} alt="Skote" />
-                    <CardBody>
-                      <CardTitle className="h5">Card title</CardTitle>
-                      <CardText>
-                        This card has supporting text below as a natural lead-in
-                        to additional content.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  <Card color="primary" className="text-white text-center p-3">
-                    <blockquote className="card-blockquote mb-0">
-                      <CardText>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                        Integer posuere erat.
-                      </CardText>
-                      <footer className="blockquote-footer mt-0">
-                      <small className="text-white">
-                        Someone famous in{" "}
-                        <cite title="Source Title">Source Title</cite>
-                        </small>
-                      </footer>
-                    </blockquote>
-                  </Card>
-                  <Card className="text-center">
-                    <CardBody>
-                      <CardTitle className="h5">Card title</CardTitle>
-                      <CardText>
-                        This card has a regular title and short paragraphy of
-                        text below it.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                  <Card>
-                    <CardImg top src={img7} alt="Skote" />
-                  </Card>
-                  <Card className="p-3 text-end">
-                    <blockquote className="blockquote mb-0">
-                      <CardText>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                        Integer posuere erat a ante.
-                      </CardText>
-                      <footer className="blockquote-footer">
-                        <small className="text-muted">
-                          Someone famous in{" "}
-                          <cite title="Source Title">Source Title</cite>
-                        </small>
-                      </footer>
-                    </blockquote>
-                  </Card>
-                  <Card>
-                    <CardBody>
-                      <CardTitle className="h5">Card title</CardTitle>
-                      <CardText>
-                        This is another card with title and supporting text
-                        below. This card has some additional content to make it
-                        slightly taller overall.
-                      </CardText>
-                      <CardText>
-                        <small className="text-muted">
-                          Last updated 3 mins ago
-                        </small>
-                      </CardText>
-                    </CardBody>
-                  </Card>
-                </CardColumns>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiCards
diff --git a/Client/src/backoffice/pages/Ui/UiCarousel.js b/Client/src/backoffice/pages/Ui/UiCarousel.js
deleted file mode 100644
index 304e578..0000000
--- a/Client/src/backoffice/pages/Ui/UiCarousel.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap"
-
-// Carousel
-import Slide from "./CarouselTypes/slide"
-import Slidewithcontrol from "./CarouselTypes/slidewithcontrol"
-import Slidewithindicator from "./CarouselTypes/slidewithindicator"
-import Slidewithcaption from "./CarouselTypes/slidewithcaption"
-import Slidewithfade from "./CarouselTypes/slidewithfade"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiCarousel extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Carousel | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Carousel" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4"> Slides Only</CardTitle>
-                    <p className="card-title-desc">
-                      Here’s a carousel with slides only. Note the presence of
-                      the <code>.d-block</code> and <code>.img-fluid</code> on
-                      carousel images to prevent browser default image
-                      alignment.
-                    </p>
-                    <Slide />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">With controls</CardTitle>
-                    <p className="card-title-desc">
-                      Adding in the previous and next controls:
-                    </p>
-                    <Slidewithcontrol />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">With indicators</CardTitle>
-                    <p className="card-title-desc">
-                      You can also add the indicators to the carousel, alongside
-                      the controls, too.
-                    </p>
-                    <Slidewithindicator />
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">With captions</CardTitle>
-                    <p className="card-title-desc">
-                      Add captions to your slides easily with the{" "}
-                      <code>.carousel-caption</code> element within any{" "}
-                      <code>.carousel-item</code>.
-                    </p>
-                    <Slidewithcaption />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Crossfade</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.carousel-fade</code> to your carousel to
-                      animate slides with a fade transition instead of a slide.
-                    </p>
-                    <Slidewithfade />
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiCarousel
diff --git a/Client/src/backoffice/pages/Ui/UiColors.js b/Client/src/backoffice/pages/Ui/UiColors.js
deleted file mode 100644
index b2f1137..0000000
--- a/Client/src/backoffice/pages/Ui/UiColors.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import { Col, Container, Row } from "reactstrap"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiColors extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Colors | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Colors" />
-
-            <Row>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-primary p-4">
-                        <h5 className="my-2 text-white">#556ee6</h5>
-                      </div>
-                      <div className="color-box bg-primary bg-gradient p-4">
-                        <h5 className="my-2 text-white">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-primary bg-soft p-4">
-                        <h5 className="my-2 text-primary">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-primary">Primary</h5>
-                  </div>
-                </div>
-              </Col>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-success p-4">
-                        <h5 className="my-2 text-white">#34c38f</h5>
-                      </div>
-                      <div className="color-box bg-success bg-gradient p-4">
-                        <h5 className="my-2 text-white">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-success bg-soft p-4">
-                        <h5 className="my-2 text-success">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-success">Success</h5>
-                  </div>
-                </div>
-              </Col>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-info p-4">
-                        <h5 className="my-2 text-white">#50a5f1</h5>
-                      </div>
-                      <div className="color-box bg-info bg-gradient p-4">
-                        <h5 className="my-2 text-white">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-info bg-soft p-4">
-                        <h5 className="my-2 text-info">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-info">Info</h5>
-                  </div>
-                </div>
-              </Col>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-warning p-4">
-                        <h5 className="my-2 text-white">#f1b44c</h5>
-                      </div>
-                      <div className="color-box bg-warning bg-gradient p-4">
-                        <h5 className="my-2 text-white">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-warning bg-soft p-4">
-                        <h5 className="my-2 text-warning">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-warning">Warning</h5>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-danger p-4">
-                        <h5 className="my-2 text-white">#f46a6a</h5>
-                      </div>
-                      <div className="color-box bg-danger bg-gradient p-4">
-                        <h5 className="my-2 text-white">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-danger bg-soft p-4">
-                        <h5 className="my-2 text-danger">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-danger">Danger</h5>
-                  </div>
-                </div>
-              </Col>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-dark p-4">
-                        <h5 className="my-2 text-light">#343a40</h5>
-                      </div>
-                      <div className="color-box bg-dark bg-gradient p-4">
-                        <h5 className="my-2 text-light">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-dark bg-soft p-4">
-                        <h5 className="my-2 text-dark">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-dark">Dark</h5>
-                  </div>
-                </div>
-              </Col>
-              <Col xl={3} md={6}>
-                <div className="card">
-                  <div className="card-body text-center">
-                    <div className="rounded overflow-hidden">
-                      <div className="color-box bg-secondary p-4">
-                        <h5 className="my-2 text-light">#74788d</h5>
-                      </div>
-                      <div className="color-box bg-secondary bg-gradient p-4">
-                        <h5 className="my-2 text-light">bg-gradient</h5>
-                      </div>
-                      <div className="color-box bg-secondary bg-soft p-4">
-                        <h5 className="my-2 text-secondary">bg-soft</h5>
-                      </div>
-                    </div>
-                    <h5 className="mb-0 mt-3 text-muted">Secondary</h5>
-                  </div>
-                </div>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiColors
diff --git a/Client/src/backoffice/pages/Ui/UiDropdown.js b/Client/src/backoffice/pages/Ui/UiDropdown.js
deleted file mode 100644
index 3a26420..0000000
--- a/Client/src/backoffice/pages/Ui/UiDropdown.js
+++ /dev/null
@@ -1,703 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Button,
-  ButtonDropdown,
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiDropdown extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Dropdowns | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Dropdowns" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Single button dropdowns</CardTitle>
-                    <p className="card-title-desc">
-                      Any single <code className="highlighter-rouge">.btn</code>{" "}
-                      can be turned into a dropdown toggle with some markup
-                      changes. Here’s how you can put them to work with either{" "}
-                      <code className="highlighter-rouge">&lt;button&gt;</code>{" "}
-                      elements:
-                    </p>
-                    <Row>
-                      <Col sm={6}>
-                        <Dropdown
-                          isOpen={this.state.singlebtn}
-                          toggle={() =>
-                            this.setState({ singlebtn: !this.state.singlebtn })
-                          }
-                        >
-                          <DropdownToggle className="btn btn-secondary" caret>
-                            Dropdown button{" "}
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem>Action</DropdownItem>
-                            <DropdownItem>Another action</DropdownItem>
-                            <DropdownItem>Something else here</DropdownItem>
-                          </DropdownMenu>
-                        </Dropdown>
-                      </Col>
-                      <Col sm={6}>
-                        <Dropdown
-                          isOpen={this.state.singlebtn1}
-                          toggle={() =>
-                            this.setState({
-                              singlebtn1: !this.state.singlebtn1,
-                            })
-                          }
-                        >
-                          <DropdownToggle className="btn btn-secondary" caret>
-                            Dropdown Link{" "}
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem>Action</DropdownItem>
-                            <DropdownItem>Another action</DropdownItem>
-                            <DropdownItem>Something else here</DropdownItem>
-                          </DropdownMenu>
-                        </Dropdown>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Variant</CardTitle>
-                    <p className="card-title-desc">
-                      The best part is you can do this with any button variant,
-                      too:
-                    </p>
-
-                    <div className="d-flex gap-2 flex-wrap">
-                      <Dropdown
-                        isOpen={this.state.btnprimary1}
-                        toggle={() =>
-                          this.setState({
-                            btnprimary1: !this.state.btnprimary1,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          tag="button"
-                          className="btn btn-primary"
-                        >
-                          Primary <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>{" "}
-                      <Dropdown
-                        isOpen={this.state.btnsecondary1}
-                        toggle={() =>
-                          this.setState({
-                            btnsecondary1: !this.state.btnsecondary1,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          tag="button"
-                          className="btn btn-secondary"
-                        >
-                          Secondary <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>{" "}
-                      <Dropdown
-                        isOpen={this.state.btnsuccess1}
-                        toggle={() =>
-                          this.setState({
-                            btnsuccess1: !this.state.btnsuccess1,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          tag="button"
-                          className="btn btn-success"
-                        >
-                          Success <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <Dropdown
-                        isOpen={this.state.btnInfo1}
-                        toggle={() =>
-                          this.setState({ btnInfo1: !this.state.btnInfo1 })
-                        }
-                      >
-                        <DropdownToggle tag="button" className="btn btn-info">
-                          Info <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <Dropdown
-                        isOpen={this.state.btnWarning1}
-                        toggle={() =>
-                          this.setState({
-                            btnWarning1: !this.state.btnWarning1,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          tag="button"
-                          className="btn btn-warning"
-                        >
-                          Warning <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <Dropdown
-                        isOpen={this.state.btnDanger1}
-                        toggle={() =>
-                          this.setState({ btnDanger1: !this.state.btnDanger1 })
-                        }
-                      >
-                        <DropdownToggle tag="button" className="btn btn-danger">
-                          Danger <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Split button dropdowns</CardTitle>
-                    <p className="card-title-desc">
-                      The best part is you can do this with any button variant,
-                      too:
-                    </p>
-                    <div className="d-flex gap-2 flex-wrap">
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_primary1}
-                          toggle={() =>
-                            this.setState({
-                              drp_primary1: !this.state.drp_primary1,
-                            })
-                          }
-                        >
-                          <Button id="caret" color="primary">Primary</Button>
-                          <DropdownToggle caret color="primary" className="dropdown-toggle-split"><i className="mdi mdi-chevron-down"></i></DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_secondary1}
-                          toggle={() =>
-                            this.setState({
-                              drp_secondary1: !this.state.drp_secondary1,
-                            })
-                          }
-                        >
-                          <Button id="caret" color="secondary">
-                            Secondary
-                          </Button>
-                          <DropdownToggle caret color="secondary" className="dropdown-toggle-split">
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_success1}
-                          toggle={() =>
-                            this.setState({
-                              drp_success1: !this.state.drp_success1,
-                            })
-                          }
-                        >
-                          <Button id="caret" color="success">
-                            Success
-                          </Button>
-                          <DropdownToggle caret color="success" className="dropdown-toggle-split">
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_info1}
-                          toggle={() =>
-                            this.setState({ drp_info1: !this.state.drp_info1 })
-                          }
-                        >
-                          <Button id="caret" color="info">
-                            Info
-                          </Button>
-                          <DropdownToggle caret color="info" className="dropdown-toggle-split">
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_warning1}
-                          toggle={() =>
-                            this.setState({
-                              drp_warning1: !this.state.drp_warning1,
-                            })
-                          }
-                        >
-                          <Button id="caret" color="warning">
-                            Warning
-                        </Button>
-                          <DropdownToggle caret color="warning" className="dropdown-toggle-split">
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                      <div className="btn-group mb-2">
-                        <ButtonDropdown
-                          isOpen={this.state.drp_danger1}
-                          toggle={() =>
-                            this.setState({
-                              drp_danger1: !this.state.drp_danger1,
-                            })
-                          }
-                        >
-                          <Button id="caret" color="danger">
-                            Danger
-                        </Button>
-                          <DropdownToggle caret color="danger" className="dropdown-toggle-split">
-                            <i className="mdi mdi-chevron-down"></i>
-                          </DropdownToggle>
-                          <DropdownMenu>
-                            <DropdownItem header>Header</DropdownItem>
-                            <DropdownItem disabled>Action</DropdownItem>
-                            <DropdownItem>Another Action</DropdownItem>
-                            <DropdownItem divider />
-                            <DropdownItem>Another Action</DropdownItem>
-                          </DropdownMenu>
-                        </ButtonDropdown>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Sizing</CardTitle>
-                    <p className="card-title-desc mb-3">
-                      Button dropdowns work with buttons of all sizes, including
-                      default and split dropdown buttons.
-                    </p>
-                    <div className="btn-group me-1 mt-2">
-                      <ButtonDropdown
-                        isOpen={this.state.drp_secondary}
-                        toggle={() =>
-                          this.setState({
-                            drp_secondary: !this.state.drp_secondary,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          caret
-                          color="primary"
-                          className="btn-lg"
-                        >
-                          Large button{" "}
-                          <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>{" "}
-                    <div className="btn-group me-1 mt-2">
-                      <Button color="secondary" className="btn btn-secondary btn-lg">
-                        Large button
-                      </Button>
-                      <ButtonDropdown
-                        isOpen={this.state.drp_secondary_lg}
-                        toggle={() =>
-                          this.setState({
-                            drp_secondary_lg: !this.state.drp_secondary_lg,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          caret
-                          color="secondary"
-                          className="btn btn-secondary btn-lg"
-                        >
-                          <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>{" "}
-                    <div className="btn-group me-1 mt-2">
-                      <ButtonDropdown
-                        isOpen={this.state.drp_secondary_sm}
-                        toggle={() =>
-                          this.setState({
-                            drp_secondary_sm: !this.state.drp_secondary_sm,
-                          })
-                        }
-                      >
-                        <DropdownToggle
-                          caret
-                          color="info"
-                          className="btn btn-info btn-sm"
-                        >Small button
-                          <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>{" "}
-                    <div className="btn-group me-1 mt-2">
-                      <ButtonDropdown
-                        isOpen={this.state.drp_secondary_sm1}
-                        toggle={() =>
-                          this.setState({
-                            drp_secondary_sm1: !this.state.drp_secondary_sm1,
-                          })
-                        }
-                      >
-                        <Button className="btn btn-secondary btn-sm">
-                          Small button
-                        </Button>
-                        <DropdownToggle
-                          caret
-                          color="secondary"
-                          className="btn btn-secondary btn-sm"
-                        >
-                          <i className="mdi mdi-chevron-down"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dropup variation</CardTitle>
-                    <p className="card-title-desc">
-                      Trigger dropdown menus above elements by adding{" "}
-                      <code className="highlighter-rouge">.dropup</code> to the
-                      parent element.
-                    </p>
-                    <div className="d-flex gap-2 flex-wrap">
-                      <Dropdown
-                        isOpen={this.state.dropup1}
-                        direction="up"
-                        toggle={() =>
-                          this.setState({ dropup1: !this.state.dropup1 })
-                        }
-                      >
-                        <DropdownToggle className="btn btn-secondary">
-                          Dropup <i className="mdi mdi-chevron-up"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <ButtonDropdown
-                        direction="up"
-                        isOpen={this.state.drp_up11}
-                        toggle={() =>
-                          this.setState({
-                            drp_up11: !this.state.drp_up11,
-                          })
-                        }
-                      >
-                        <Button id="caret" color="secondary">
-                          Split dropup
-                        </Button>
-                        <DropdownToggle caret color="secondary">
-                          <i className="mdi mdi-chevron-up"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem header>Header</DropdownItem>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Menu alignment</CardTitle>
-                    <p className="card-title-desc">
-                      Add{" "}
-                      <code className="highlighter-rouge">
-                        .dropdown-menu-right
-                      </code>{" "}
-                      to a{" "}
-                      <code className="highlighter-rouge">.dropdown-menu</code>{" "}
-                      to right align the dropdown menu.
-                    </p>
-                    <ButtonDropdown
-                      isOpen={this.state.drop_align}
-                      direction="right" className="dropdown-menu-end"
-                      toggle={() =>
-                        this.setState({ drop_align: !this.state.drop_align })
-                      }
-                    >
-                      <DropdownToggle
-                        caret
-                        color="secondary"
-                        className="btn btn-secondary"
-                      >
-                        Menu is right-aligned{" "}
-                        <i className="mdi mdi-chevron-down"></i>
-                      </DropdownToggle>
-                      <DropdownMenu className="dropdown-menu-right-custom">
-                        <DropdownItem disabled>Action</DropdownItem>
-                        <DropdownItem>Another Action</DropdownItem>
-                        <DropdownItem divider />
-                        <DropdownItem>Another Action</DropdownItem>
-                      </DropdownMenu>
-                    </ButtonDropdown>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dropright variation</CardTitle>
-                    <p className="card-title-desc">
-                      Trigger dropdown menus at the right of the elements by
-                      adding <code>.dropend</code> to the parent element.
-                    </p>
-
-                    <div className="d-flex gap-2 flex-wrap">
-                      <Dropdown
-                        isOpen={this.state.info_dropup1}
-                        direction="right"
-                        toggle={() =>
-                          this.setState({
-                            info_dropup1: !this.state.info_dropup1,
-                          })
-                        }
-                      >
-                        <DropdownToggle className="btn btn-info" caret>
-                          Dropright <i className="mdi mdi-chevron-right"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <ButtonDropdown
-                        direction="right"
-                        isOpen={this.state.infodrp_up11}
-                        toggle={() =>
-                          this.setState({
-                            infodrp_up11: !this.state.infodrp_up11,
-                          })
-                        }
-                      >
-                        <Button id="caret" color="info">
-                          Split dropend
-                        </Button>
-                        <DropdownToggle caret color="info">
-                          <i className="mdi mdi-chevron-right"></i>
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem header>Header</DropdownItem>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Dropleft variation</CardTitle>
-                    <p className="card-title-desc">
-                      Trigger dropdown menus at the right of the elements by
-                      adding <code>.dropstart</code> to the parent element.
-                    </p>
-
-                    <div className="d-flex gap-2 flex-wrap">
-                      <Dropdown
-                        isOpen={this.state.info_dropup111}
-                        direction="left"
-                        toggle={() =>
-                          this.setState({
-                            info_dropup111: !this.state.info_dropup111,
-                          })
-                        }
-                      >
-                        <DropdownToggle className="btn btn-info">
-                          <i className="mdi mdi-chevron-left"></i> Dropleft
-                        </DropdownToggle>
-                        <DropdownMenu>
-                          <DropdownItem>Action</DropdownItem>
-                          <DropdownItem>Another action</DropdownItem>
-                          <DropdownItem>Something else here</DropdownItem>
-                        </DropdownMenu>
-                      </Dropdown>
-                      <ButtonDropdown
-                        direction="left"
-                        isOpen={this.state.infodrp_up1111}
-                        toggle={() =>
-                          this.setState({
-                            infodrp_up1111: !this.state.infodrp_up1111,
-                          })
-                        }
-                      >
-                        <DropdownToggle caret color="info">
-                          <i className="mdi mdi-chevron-left"></i>
-                        </DropdownToggle>
-                        <Button id="caret" color="info">
-                          Split dropstart
-                        </Button>
-                        <DropdownMenu>
-                          <DropdownItem header>Header</DropdownItem>
-                          <DropdownItem disabled>Action</DropdownItem>
-                          <DropdownItem>Another Action</DropdownItem>
-                          <DropdownItem divider />
-                          <DropdownItem>Another Action</DropdownItem>
-                        </DropdownMenu>
-                      </ButtonDropdown>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiDropdown
diff --git a/Client/src/backoffice/pages/Ui/UiGeneral.js b/Client/src/backoffice/pages/Ui/UiGeneral.js
deleted file mode 100644
index 1cc0323..0000000
--- a/Client/src/backoffice/pages/Ui/UiGeneral.js
+++ /dev/null
@@ -1,847 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Button,
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Popover,
-  PopoverBody,
-  PopoverHeader,
-  Row,
-  Tooltip,
-} from "reactstrap"
-
-import { Link } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiGeneral extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      // Popover
-      popovertop: false,
-      popoverleft: false,
-      popoverright: false,
-      popoverbottom: false,
-    }
-    this.toggletop = this.toggletop.bind(this)
-    this.toggleright = this.toggleright.bind(this)
-    this.toggleleft = this.toggleleft.bind(this)
-    this.togglebottom = this.togglebottom.bind(this)
-    this.toggledismiss = this.toggledismiss.bind(this)
-    this.toggledismissclose = this.toggledismissclose.bind(this)
-  }
-
-  toggletop() {
-    this.setState({ popovertop: !this.state.popovertop })
-  }
-
-  toggleleft() {
-    this.setState({ popoverleft: !this.state.popoverleft })
-  }
-
-  toggleright() {
-    this.setState({ popoverright: !this.state.popoverright })
-  }
-
-  togglebottom() {
-    this.setState({ popoverbottom: !this.state.popoverbottom })
-  }
-
-  toggledismiss() {
-    this.setState({ popoverdismiss: !this.state.popoverdismiss })
-  }
-
-  toggledismissclose() {
-    this.setState({ popoverdismiss: false })
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>General | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="General" />
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <Row>
-                      <Col xl={6}>
-                        <CardTitle className="h4">Badges</CardTitle>
-                        <p className="card-title-desc">
-                          Add any of the below mentioned modifier classes to
-                          change the appearance of a badge.
-                        </p>
-                        <div>
-                          <span className="badge bg-primary">Primary</span>{" "}
-                          <span className="badge bg-success">Success</span>{" "}
-                          <span className="badge bg-info">Info</span>{" "}
-                          <span className="badge bg-warning">Warning</span>{" "}
-                          <span className="badge bg-danger">Danger</span>{" "}
-                          <span className="badge bg-dark">Dark</span>
-                        </div>
-
-                        <div className="mt-5">
-                          <h5 className="font-size-14">Soft Badge</h5>
-                          <span className="badge badge-soft-primary">
-                            Primary
-                          </span>{" "}
-                          <span className="badge badge-soft-success">
-                            Success
-                          </span>{" "}
-                          <span className="badge badge-soft-info">Info</span>{" "}
-                          <span className="badge badge-soft-warning">
-                            Warning
-                          </span>{" "}
-                          <span className="badge badge-soft-danger">
-                            Danger
-                          </span>{" "}
-                          <span className="badge badge-soft-dark">Dark</span>
-                        </div>
-                      </Col>
-                      <Col xl={6}>
-                        <div className="mt-4 mt-lg-0">
-                          <CardTitle className="h4">Pill badges</CardTitle>
-                          <p className="card-title-desc">
-                            Use the <code>.badge-pill</code> modifier className to
-                          make badges more rounded (with a larger{" "}
-                            <code>border-radius</code>
-                          and additional horizontal <code>padding</code>).
-                          Useful if you miss the badges from v3.
-                        </p>
-
-                          <div>
-                            <span className="badge rounded-pill bg-primary">
-                              Primary
-                          </span>{" "}
-                            <span className="badge rounded-pill bg-success">
-                              Success
-                          </span>{" "}
-                            <span className="badge rounded-pill bg-info">
-                              Info
-                          </span>{" "}
-                            <span className="badge rounded-pill bg-warning">
-                              Warning
-                          </span>{" "}
-                            <span className="badge rounded-pill bg-danger">
-                              Danger
-                          </span>{" "}
-                            <span className="badge rounded-pill bg-dark">
-                              Dark
-                          </span>
-                          </div>
-
-                          <div className="mt-5">
-                            <h5 className="font-size-14">Soft Badge</h5>
-                            <span className="badge rounded-pill badge-soft-primary">
-                              Primary
-                          </span>{" "}
-                            <span className="badge rounded-pill badge-soft-success">
-                              Success
-                          </span>{" "}
-                            <span className="badge rounded-pill badge-soft-info">
-                              Info
-                          </span>{" "}
-                            <span className="badge rounded-pill badge-soft-warning">
-                              Warning
-                          </span>{" "}
-                            <span className="badge rounded-pill badge-soft-danger">
-                              Danger
-                          </span>{" "}
-                            <span className="badge rounded-pill badge-soft-dark">
-                              Dark
-                          </span>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                    <hr className="mt-5" />
-                    <Row>
-                      <Col xl="6">
-                        <div className="mt-4">
-                          <h4 className="card-title">Badges in Buttons</h4>
-                          <p className="card-title-desc">Badges can be used as part of links or buttons to provide a counter.</p>
-
-                          <div className="button-items">
-                            <Button color="primary">
-                              Notifications <span className="badge bg-success ms-1">4</span>
-                            </Button>{" "}
-                            <Button color="success">
-                              Messages <span className="badge bg-danger ms-1">3</span>
-                            </Button>{" "}
-                            <Button outline color="secondary">
-                              Draft <span className="badge bg-success ms-1">2</span>
-                            </Button>
-                          </div>
-                        </div>
-                      </Col>
-                      <Col xl="6">
-                        <div className="mt-4">
-                          <CardTitle className="h4">
-                            Badges Position Examples
-                        </CardTitle>
-                          <p className="card-title-desc">Example of Badges Position</p>
-                          <div className="d-flex flex-wrap gap-3">
-                            <Button color="primary" className="position-relative">
-                              Mails <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-success">+99 <span className="visually-hidden">unread messages</span></span>
-                            </Button>
-
-                            <Button color="light" className="position-relative">
-                              Alerts <span className="position-absolute top-0 start-100 translate-middle badge border border-light rounded-circle bg-danger p-1"><span className="visually-hidden">unread messages</span></span>
-                            </Button>
-
-                            <Button color="primary" className="position-relative p-0 avatar-xs rounded">
-                              <span className="avatar-title bg-transparent">
-                                <i className="bx bxs-envelope"></i>
-                              </span>
-                              <span className="position-absolute top-0 start-100 translate-middle badge border border-light rounded-circle bg-danger p-1"><span className="visually-hidden">unread messages</span></span>
-                            </Button>
-
-                            <Button color="light" className="position-relative p-0 avatar-xs rounded-circle">
-                              <span className="avatar-title bg-transparent text-reset">
-                                <i className="bx bxs-bell"></i>
-                              </span>
-                            </Button>
-
-                            <Button color="light" className="position-relative p-0 avatar-xs rounded-circle">
-                              <span className="avatar-title bg-transparent text-reset">
-                                <i className="bx bx-menu"></i>
-                              </span>
-                              <span className="position-absolute top-0 start-100 translate-middle badge border border-light rounded-circle bg-success p-1"><span className="visually-hidden">unread messages</span></span>
-                            </Button>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Popovers</CardTitle>
-                    <p className="card-title-desc">
-                      Four options are available: top, right, bottom, and left aligned. Directions are mirrored when using Bootstrap in RTL.
-                    </p>
-                    <div className="button-items">
-                      <Button
-                        id="Popovertop"
-                        color="secondary"
-                        onClick={this.toggletop}
-                      >
-                        Popover on top
-                      </Button>
-                      <Popover
-                        placement="top"
-                        isOpen={this.state.popovertop}
-                        target="Popovertop"
-                        toggle={this.toggletop}
-                      >
-                        <PopoverHeader>Popover Title</PopoverHeader>
-                        <PopoverBody>
-                          Sed posuere consectetur est at lobortis. Aenean eu leo
-                          quam. Pellentesque ornare sem lacinia quam venenatis
-                          vestibulum.
-                        </PopoverBody>
-                      </Popover>
-                      &nbsp;
-                      <Button
-                        id="Popoverright"
-                        onClick={this.toggleright}
-                        color="secondary"
-                      >
-                        Popover on right
-                      </Button>
-                      <Popover
-                        placement="right"
-                        isOpen={this.state.popoverright}
-                        target="Popoverright"
-                        toggle={this.toggleright}
-                      >
-                        <PopoverHeader>Popover Title</PopoverHeader>
-                        <PopoverBody>
-                          Sed posuere consectetur est at lobortis. Aenean eu leo
-                          quam. Pellentesque ornare sem lacinia quam venenatis
-                          vestibulum.
-                        </PopoverBody>
-                      </Popover>
-                      &nbsp;
-                      <Button
-                        id="Popoverbottom"
-                        onClick={this.togglebottom}
-                        color="secondary"
-                      >
-                        Popover on bottom
-                      </Button>
-                      <Popover
-                        placement="bottom"
-                        isOpen={this.state.popoverbottom}
-                        target="Popoverbottom"
-                        toggle={this.togglebottom}
-                      >
-                        <PopoverHeader>Popover Title</PopoverHeader>
-                        <PopoverBody>
-                          Sed posuere consectetur est at lobortis. Aenean eu leo
-                          quam. Pellentesque ornare sem lacinia quam venenatis
-                          vestibulum.
-                        </PopoverBody>
-                      </Popover>
-                      &nbsp;
-                      <Button
-                        id="Popoverleft"
-                        onClick={this.toggleleft}
-                        color="secondary"
-                      >
-                        Popover on left
-                      </Button>
-                      <Popover
-                        placement="left"
-                        isOpen={this.state.popoverleft}
-                        target="Popoverleft"
-                        toggle={this.toggleleft}
-                      >
-                        <PopoverHeader>Popover Title</PopoverHeader>
-                        <PopoverBody>
-                          Sed posuere consectetur est at lobortis. Aenean eu leo
-                          quam. Pellentesque ornare sem lacinia quam venenatis
-                          vestibulum.
-                        </PopoverBody>
-                      </Popover>
-                      &nbsp;
-                      <Button
-                        id="Popoverdismiss"
-                        className="btn btn-success"
-                        onClick={this.toggledismiss}
-                      >
-                        Dismissible popover
-                      </Button>
-                      <Popover
-                        onClick={this.toggledismissclose}
-                        placement="bottom"
-                        isOpen={this.state.popoverdismiss}
-                        target="Popoverdismiss"
-                        toggle={this.toggledismiss}
-                      >
-                        <PopoverHeader>Popover Title</PopoverHeader>
-                        <PopoverBody>
-                          Sed posuere consectetur est at lobortis. Aenean eu leo
-                          quam. Pellentesque ornare sem lacinia quam venenatis
-                          vestibulum.
-                        </PopoverBody>
-                      </Popover>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Tooltips</CardTitle>
-                    <p className="card-title-desc">
-                      Hover over the links below to see tooltips:
-                    </p>
-
-                    <div className="button-items">
-                      <Tooltip
-                        placement="top"
-                        isOpen={this.state.tttop}
-                        target="TooltipTop"
-                        toggle={() =>
-                          this.setState({ tttop: !this.state.tttop })
-                        }
-                      >
-                        Hello world!
-                      </Tooltip>
-                      <Tooltip
-                        placement="right"
-                        isOpen={this.state.ttright}
-                        target="TooltipRight"
-                        toggle={() =>
-                          this.setState({ ttright: !this.state.ttright })
-                        }
-                      >
-                        Hello world!
-                      </Tooltip>
-                      <Tooltip
-                        placement="bottom"
-                        isOpen={this.state.ttbottom}
-                        target="TooltipBottom"
-                        toggle={() =>
-                          this.setState({ ttbottom: !this.state.ttbottom })
-                        }
-                      >
-                        Hello world!
-                      </Tooltip>
-                      <Tooltip
-                        placement="left"
-                        isOpen={this.state.ttleft}
-                        target="TooltipLeft"
-                        toggle={() =>
-                          this.setState({ ttleft: !this.state.ttleft })
-                        }
-                      >
-                        Hello world!
-                      </Tooltip>
-
-                      <button
-                        type="button"
-                        className="btn btn-primary"
-                        id="TooltipTop"
-                      >
-                        Tooltip on top
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-primary"
-                        id="TooltipRight"
-                      >
-                        Tooltip on right
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-primary"
-                        id="TooltipBottom"
-                      >
-                        Tooltip on bottom
-                      </button>{" "}
-                      <button
-                        type="button"
-                        className="btn btn-primary"
-                        id="TooltipLeft"
-                      >
-                        Tooltip on left
-                      </button>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">Pagination</CardTitle>
-                    <Row>
-                      <Col xl={6}>
-                        <CardTitle className="h5 font-size-14">Default Example</CardTitle>
-                        <p className="card-title-desc">
-                          Pagination links indicate a series of related content
-                          exists across multiple pages.
-                        </p>
-
-                        <nav aria-label="Page navigation example">
-                          <ul className="pagination">
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                Previous
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                1
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                2
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                3
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                Next
-                              </Link>
-                            </li>
-                          </ul>
-                        </nav>
-
-                        <nav aria-label="Page navigation example">
-                          <ul className="pagination">
-                            <li className="page-item">
-                              <Link
-                                className="page-link"
-                                to="#"
-                                aria-label="Previous"
-                              >
-                                <i className="mdi mdi-chevron-left"></i>
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                1
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                2
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link className="page-link" to="#">
-                                3
-                              </Link>
-                            </li>
-                            <li className="page-item">
-                              <Link
-                                className="page-link"
-                                to="#"
-                                aria-label="Next"
-                              >
-                                <i className="mdi mdi-chevron-right"></i>
-                              </Link>
-                            </li>
-                          </ul>
-                        </nav>
-                      </Col>
-
-                      <Col xl={6}>
-                        <div className="mt-4 mt-lg-0">
-                          <CardTitle className="h5 font-size-14">Disabled and active states</CardTitle>
-                          <p className="card-title-desc">
-                            Pagination links are customizable for different
-                          circumstances. Use <code>.disabled</code> for links
-                          that appear un-clickable and <code>.active</code> to
-                          indicate the current page.
-                        </p>
-
-                          <nav aria-label="...">
-                            <ul className="pagination">
-                              <li className="page-item disabled">
-                                <Link className="page-link" to="#" tabIndex="-1">
-                                  Previous
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item active">
-                                <Link className="page-link" to="#">
-                                  2 <span className="sr-only">(current)</span>
-                                </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  Next
-                              </Link>
-                              </li>
-                            </ul>
-                          </nav>
-
-                          <nav aria-label="...">
-                            <ul className="pagination">
-                              <li className="page-item disabled">
-                                <span className="page-link"><i className="mdi mdi-chevron-left"></i></span>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item active">
-                                <span className="page-link">
-                                  2<span className="sr-only">(current)</span>
-                                </span>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  <i className="mdi mdi-chevron-right"></i>
-                                </Link>
-                              </li>
-                            </ul>
-                          </nav>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col xl={6}>
-                        <div className="mt-4">
-                          <CardTitle className="h5 font-size-14">Sizing</CardTitle>
-                          <p className="card-title-desc">
-                            Fancy larger or smaller pagination? Add{" "}
-                            <code>.pagination-lg</code> or{" "}
-                            <code>.pagination-sm</code> for additional sizes.
-                        </p>
-
-                          <nav aria-label="...">
-                            <ul className="pagination pagination-lg">
-                              <li className="page-item disabled">
-                                <Link className="page-link" to="#" tabIndex="-1">
-                                  Previous
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  2
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  Next
-                              </Link>
-                              </li>
-                            </ul>
-                          </nav>
-
-                          <nav aria-label="...">
-                            <ul className="pagination pagination-sm">
-                              <li className="page-item disabled">
-                                <Link className="page-link" to="#" tabIndex="-1">
-                                  Previous
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  2
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  Next
-                              </Link>
-                              </li>
-                            </ul>
-                          </nav>
-                        </div>
-                      </Col>
-
-                      <Col xl={6}>
-                        <div className="mt-4">
-                          <CardTitle className="h5 font-size-14">Alignment</CardTitle>
-                          <p className="card-title-desc">
-                            Change the alignment of pagination components with
-                            flexbox utilities.
-                        </p>
-
-                          <nav aria-label="Page navigation example">
-                            <ul className="pagination justify-content-center">
-                              <li className="page-item disabled">
-                                <Link className="page-link" to="#" tabIndex="-1">
-                                  Previous
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  2
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  Next
-                              </Link>
-                              </li>
-                            </ul>
-                          </nav>
-
-                          <nav aria-label="Page navigation example">
-                            <ul className="pagination justify-content-end">
-                              <li className="page-item disabled">
-                                <Link className="page-link" to="#" tabIndex="-1">
-                                  Previous
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  1
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  2
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  3
-                              </Link>
-                              </li>
-                              <li className="page-item">
-                                <Link className="page-link" to="#">
-                                  Next
-                              </Link>
-                              </li>
-                            </ul>
-                          </nav>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Border spinner</CardTitle>
-                    <p className="card-title-desc">
-                      Use the border spinners for a lightweight loading
-                      indicator.
-                    </p>
-                    <div>
-                      <div
-                        className="spinner-border text-primary m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-secondary m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-success m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-info m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-warning m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-danger m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-border text-dark m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                    </div>
-                  </CardBody>{" "}
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Growing spinner</CardTitle>
-                    <p className="card-title-desc">
-                      If you don’t fancy a border spinner, switch to the grow
-                      spinner. While it doesn’t technically spin, it does
-                      repeatedly grow!
-                    </p>
-                    <div>
-                      <div
-                        className="spinner-grow text-primary m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-grow text-secondary m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-grow text-success m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div className="spinner-grow text-info m-1" role="status">
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-grow text-warning m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div
-                        className="spinner-grow text-danger m-1"
-                        role="status"
-                      >
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                      <div className="spinner-grow text-dark m-1" role="status">
-                        <span className="sr-only">Loading...</span>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiGeneral
diff --git a/Client/src/backoffice/pages/Ui/UiGrid.js b/Client/src/backoffice/pages/Ui/UiGrid.js
deleted file mode 100644
index 5837836..0000000
--- a/Client/src/backoffice/pages/Ui/UiGrid.js
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import {
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiGrid extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Grid | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Grid" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Grid options</CardTitle>
-                    <p className="card-title-desc">
-                      See how aspects of the Bootstrap grid system work across
-                      multiple devices with a handy table.
-                    </p>
-
-                    <div className="table-responsive">
-                      <table className="table table-bordered table-striped table-nowrap mb-0">
-                        <thead>
-                          <tr>
-                            <th scope="col"></th>
-                            <th scope="col" className="text-center">
-                              xs
-                              <br />
-                              <span className="fw-normal">&lt;576px</span>
-                            </th>
-                            <th scope="col" className="text-center">
-                              sm
-                              <br />
-                              <span className="fw-normal">≥576px</span>
-                            </th>
-                            <th scope="col" className="text-center">
-                              md
-                              <br />
-                              <span className="fw-normal">≥768px</span>
-                            </th>
-                            <th scope="col" className="text-center">
-                              lg
-                              <br />
-                              <span className="fw-normal">≥992px</span>
-                            </th>
-                            <th scope="col" className="text-center">
-                              xl
-                              <br />
-                              <span className="fw-normal">≥1200px</span>
-                            </th>
-                            <th scope="col" className="text-center">
-                              xxl
-                              <br />
-                              <span className="fw-normal">≥1400px</span>
-                            </th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Grid behavior
-                            </th>
-                            <td>Horizontal at all times</td>
-                            <td colSpan="6">
-                              Collapsed to start, horizontal above breakpoints
-                            </td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Max container width
-                            </th>
-                            <td>None (auto)</td>
-                            <td>540px</td>
-                            <td>720px</td>
-                            <td>960px</td>
-                            <td>1140px</td>
-                            <td>1320px</td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              class prefix
-                            </th>
-                            <td>
-                              <code>.col-</code>
-                            </td>
-                            <td>
-                              <code>.col-sm-</code>
-                            </td>
-                            <td>
-                              <code>.col-md-</code>
-                            </td>
-                            <td>
-                              <code>.col-lg-</code>
-                            </td>
-                            <td>
-                              <code>.col-xl-</code>
-                            </td>
-                            <td><code>.col-xxl-</code></td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              # of columns
-                            </th>
-                            <td colSpan="6">12</td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Gutter width
-                            </th>
-                            <td colSpan="6">
-                              24px (12px on each side of a column)
-                            </td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Nestable
-                            </th>
-                            <td colSpan="6">Yes</td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Offsets
-                            </th>
-                            <td colSpan="6">Yes</td>
-                          </tr>
-                          <tr>
-                            <th className="text-nowrap" scope="row">
-                              Column ordering
-                            </th>
-                            <td colSpan="6">Yes</td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiGrid
diff --git a/Client/src/backoffice/pages/Ui/UiImages.js b/Client/src/backoffice/pages/Ui/UiImages.js
deleted file mode 100644
index 805537b..0000000
--- a/Client/src/backoffice/pages/Ui/UiImages.js
+++ /dev/null
@@ -1,216 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-// import images
-import img2 from "../../assets/images/small/img-2.jpg"
-import img3 from "../../assets/images/small/img-3.jpg"
-import img4 from "../../assets/images/small/img-4.jpg"
-import { Link } from "react-router-dom"
-
-import {
-  Card,
-  CardBody,
-  CardImg,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap"
-import avatar1 from "../../assets/images/users/avatar-1.jpg"
-import avatar2 from "../../assets/images/users/avatar-2.jpg"
-import avatar3 from "../../assets/images/users/avatar-3.jpg"
-import avatar4 from "../../assets/images/users/avatar-4.jpg"
-import avatar5 from "../../assets/images/users/avatar-5.jpg"
-import avatar6 from "../../assets/images/users/avatar-6.jpg"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiImages extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Images | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Images" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Image Rounded & Circle</CardTitle>
-                    <p className="card-title-desc">
-                      Use className <code>.rounded</code> and{" "}
-                      <code>.rounded-circle</code>.
-                    </p>
-                    <Row>
-                      <Col md={6}>
-                        <img
-                          className="rounded me-2"
-                          alt="Skote"
-                          width="200"
-                          src={img4}
-                        />
-                      </Col>
-                      <Col md={6}>
-                        <div className="mt-4 mt-md-0">
-                          <img
-                            className="rounded-circle avatar-xl"
-                            alt="Skote"
-                            src={avatar4}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Image thumbnails</CardTitle>
-                    <p className="card-title-desc">
-                      In addition to our border-radius utilities, you can use{" "}
-                      <code className="highlighter-rouge">.img-thumbnail</code>{" "}
-                      to give an image a rounded 1px border appearance.
-                    </p>
-                    <Row>
-                      <Col md={6}>
-                        <img
-                          className="img-thumbnail"
-                          alt="Skote"
-                          width="200"
-                          src={img3}
-                        />
-                      </Col>
-                      <Col md={6}>
-                        <div className="mt-4 mt-md-0">
-                          <img
-                            className="img-thumbnail rounded-circle avatar-xl"
-                            alt="Skote"
-                            src={avatar3}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive images</CardTitle>
-                    <p className="card-title-desc">
-                      Images in Bootstrap are made responsive with{" "}
-                      <code className="highlighter-rouge">.img-fluid</code>.{" "}
-                      <code className="highlighter-rouge">
-                        max-width: 100%;
-                      </code>{" "}
-                      and{" "}
-                      <code className="highlighter-rouge">height: auto;</code>{" "}
-                      are applied to the image so that it scales with the parent
-                      element.
-                    </p>
-                    <div className="">
-                      <CardImg className="img-fluid" src={img2} alt="Responsive image" />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">Image Sizes</CardTitle>
-                    <Row>
-                      <Col md={6}>
-                        <Row>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar3}
-                              alt="SkoteSkote"
-                              className="rounded avatar-sm"
-                            />
-                            <CardText className="mt-2 mb-lg-0">
-                              <code>.avatar-sm</code>
-                            </CardText>
-                          </Col>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar4}
-                              alt="Skote"
-                              className="rounded avatar-md"
-                            />
-                            <CardText className="mt-2  mb-lg-0">
-                              <code>.avatar-md</code>
-                            </CardText>
-                          </Col>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar5}
-                              alt="Skote"
-                              className="rounded avatar-lg"
-                            />
-                            <CardText className="mt-2 mb-lg-0">
-                              <code>.avatar-lg</code>
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </Col>
-                      <Col md={6}>
-                        <Row>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar3}
-                              alt="Skote"
-                              className="rounded-circle avatar-sm"
-                            />
-                            <CardText className="mt-2 mb-lg-0">
-                              <code>.avatar-sm</code>
-                            </CardText>
-                          </Col>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar4}
-                              alt=""
-                              className="rounded-circle avatar-md"
-                            />
-                            <CardText className="mt-2  mb-lg-0">
-                              <code>.avatar-md</code>
-                            </CardText>
-                          </Col>
-                          <Col lg={4}>
-                            <CardImg
-                              src={avatar5}
-                              alt="Skote"
-                              className="rounded-circle avatar-lg"
-                            />
-                            <CardText className="mt-2 mb-lg-0">
-                              <code>.avatar-lg</code>
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiImages
diff --git a/Client/src/backoffice/pages/Ui/UiLightbox.js b/Client/src/backoffice/pages/Ui/UiLightbox.js
deleted file mode 100644
index 90d3e0b..0000000
--- a/Client/src/backoffice/pages/Ui/UiLightbox.js
+++ /dev/null
@@ -1,447 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Button,
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  Col,
-  Container,
-  Modal,
-  ModalBody,
-  ModalHeader,
-  Row,
-} from "reactstrap"
-import { Link } from "react-router-dom"
-
-//Lightbox
-import Lightbox from "react-image-lightbox"
-import "react-image-lightbox/style.css"
-import ModalVideo from "react-modal-video"
-import "react-modal-video/scss/modal-video.scss"
-
-// import image
-import img1 from "../../assets/images/small/img-1.jpg"
-import img2 from "../../assets/images/small/img-2.jpg"
-import img3 from "../../assets/images/small/img-3.jpg"
-import img4 from "../../assets/images/small/img-4.jpg"
-import img5 from "../../assets/images/small/img-5.jpg"
-import img6 from "../../assets/images/small/img-6.jpg"
-import img7 from "../../assets/images/small/img-7.jpg"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-const images = [img1, img2, img3, img4, img5, img6]
-
-class UiLightbox extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      photoIndex: 0,
-      isFits: false,
-      isEffects: false,
-      isGallery: false,
-      isGalleryZoom: false,
-      isOpen: false,
-      isOpen1: false,
-      modal_standard: false,
-    }
-    this.openModal = this.openModal.bind(this)
-    this.openModal1 = this.openModal1.bind(this)
-    this.tog_standard = this.tog_standard.bind(this)
-  }
-
-  tog_standard() {
-    this.setState(prevState => ({
-      modal_standard: !prevState.modal_standard,
-    }))
-  }
-
-  openModal() {
-    this.setState({ isOpen: true })
-  }
-
-  openModal1() {
-    this.setState({ isOpen1: true })
-  }
-
-  render() {
-    const { photoIndex } = this.state
-
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Lightbox | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Lightbox" />
-
-            {this.state.isFits ? (
-              <Lightbox
-                mainSrc={images[photoIndex]}
-                enableZoom={false}
-                imageCaption={
-                  "Caption. Can be aligned it to any side and contain any HTML."
-                }
-                onCloseRequest={() => this.setState({ isFits: false })}
-              />
-            ) : null}
-
-            {this.state.isEffects ? (
-              <Lightbox
-                mainSrc={images[3]}
-                enableZoom={false}
-                onCloseRequest={() => this.setState({ isEffects: false })}
-              />
-            ) : null}
-
-            {this.state.isGallery ? (
-              <Lightbox
-                mainSrc={images[photoIndex]}
-                nextSrc={images[(photoIndex + 1) % images.length]}
-                prevSrc={
-                  images[(photoIndex + images.length - 1) % images.length]
-                }
-                enableZoom={false}
-                onCloseRequest={() => this.setState({ isGallery: false })}
-                onMovePrevRequest={() =>
-                  this.setState({
-                    photoIndex:
-                      (photoIndex + images.length - 1) % images.length,
-                  })
-                }
-                onMoveNextRequest={() =>
-                  this.setState({
-                    photoIndex: (photoIndex + 1) % images.length,
-                  })
-                }
-                imageCaption={"Project " + parseFloat(photoIndex + 1)}
-              />
-            ) : null}
-
-            {this.state.isGalleryZoom ? (
-              <Lightbox
-                mainSrc={images[photoIndex]}
-                nextSrc={images[(photoIndex + 1) % images.length]}
-                prevSrc={
-                  images[(photoIndex + images.length - 1) % images.length]
-                }
-                onCloseRequest={() => this.setState({ isGalleryZoom: false })}
-                onMovePrevRequest={() =>
-                  this.setState({
-                    photoIndex:
-                      (photoIndex + images.length - 1) % images.length,
-                  })
-                }
-                onMoveNextRequest={() =>
-                  this.setState({
-                    photoIndex: (photoIndex + 1) % images.length,
-                  })
-                }
-              />
-            ) : null}
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Single image lightbox</CardTitle>
-                    <p className="card-title-desc">
-                      Three simple popups with different scaling settings.
-                    </p>
-                    <Row>
-                      <Col className="col-6">
-                        <div>
-                          <h5 className="mt-0 font-size-14">
-                            Fits (Horz/Vert)
-                          </h5>
-                          <img
-                            onClick={() => this.setState({ isFits: true })}
-                            className="img-fluid"
-                            alt="Skote"
-                            src={img2}
-                            width="145"
-                          />
-                        </div>
-                      </Col>
-                      <Col className="col-6">
-                        <div>
-                          <h5 className="mt-0 font-size-14">Effects</h5>
-                          <img
-                            onClick={() => this.setState({ isEffects: true })}
-                            className="img-fluid"
-                            alt=""
-                            src={img3}
-                            width="75"
-                          />
-
-                          <CardText className="mt-2 mb-0 text-muted">
-                            No gaps, zoom animation, close icon in top-right
-                            corner.
-                          </CardText>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Lightbox gallery</CardTitle>
-                    <p className="card-title-desc">
-                      In this example lazy-loading of images is enabled for the
-                      next image based on move direction.{" "}
-                    </p>
-                    <div className="popup-gallery d-flex flex-wrap">
-                      <div className="img-fluid">
-                        <img
-                          src={img1}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 0 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                      <div className="img-fluid">
-                        <img
-                          src={img2}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 1 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                      <div className="img-fluid">
-                        <img
-                          src={img3}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 2 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                      <div className="img-fluid">
-                        <img
-                          src={img4}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 3 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                      <div className="img-fluid">
-                        <img
-                          src={img5}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 4 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                      <div className="img-fluid">
-                        <img
-                          src={img6}
-                          onClick={() =>
-                            this.setState({ isGallery: true, photoIndex: 5 })
-                          }
-                          alt=""
-                          width="120"
-                        />
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Zoom Gallery</CardTitle>
-                    <p className="card-title-desc">
-                      Zoom effect works only with images.
-                    </p>
-
-                    <div className="zoom-gallery d-flex flex-wrap">
-                      <img
-                        src={img3}
-                        className="float-left"
-                        onClick={() =>
-                          this.setState({ isGalleryZoom: true, photoIndex: 2 })
-                        }
-                        alt=""
-                        width="275"
-                      />
-                      <img
-                        src={img7}
-                        className="float-left"
-                        onClick={() =>
-                          this.setState({ isGalleryZoom: true, photoIndex: 4 })
-                        }
-                        alt=""
-                        width="275"
-                      />
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Popup with video or map</CardTitle>
-                    <p className="card-title-desc">
-                      In this example lazy-loading of images is enabled for the
-                      next image based on move direction.{" "}
-                    </p>
-
-                    <Row>
-                      <Col>
-                        <div className="button-items">
-                          <Button
-                            className="btn btn-secondary"
-                            onClick={this.openModal}
-                          >
-                            Open Youtube Video
-                        </Button>{" "}
-                          <Button
-                            className="btn btn-secondary"
-                            onClick={this.openModal1}
-                          >
-                            Open Vimeo Video
-                        </Button>{" "}
-                          <ModalVideo
-                            videoId="L61p2uyiMSo"
-                            channel="youtube"
-                            isOpen={this.state.isOpen}
-                            onClose={() => this.setState({ isOpen: false })}
-                          />
-                          <ModalVideo
-                            videoId="L61p2uyiMSo"
-                            channel="youtube"
-                            isOpen={this.state.isOpen1}
-                            onClose={() => this.setState({ isOpen1: false })}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-4">Popup with form</CardTitle>
-                    <div>
-                      <Link
-                        onClick={() =>
-                          this.setState({ isModal: !this.state.modal })
-                        }
-                        to="#"
-                        className="popup-form btn btn-primary"
-                      >
-                        Popup form
-                      </Link>
-                    </div>
-
-                    <Modal
-                      size="lg"
-                      isOpen={this.state.isModal}
-                      toggle={() =>
-                        this.setState({ isModal: !this.state.isModal })
-                      }
-                    >
-                      <ModalHeader
-                        toggle={() =>
-                          this.setState({ isModal: !this.state.isModal })
-                        }
-                      >
-                        Form
-                      </ModalHeader>
-                      <ModalBody>
-                        <form>
-                          <Row>
-                            <Col lg={4}>
-                              <div className="mb-3">
-                                <label htmlFor="name" className="form-label">Name</label>
-                                <input
-                                  type="text"
-                                  className="form-control"
-                                  id="name"
-                                  placeholder="Enter Name"
-                                />
-                              </div>
-                            </Col>
-                            <Col lg={4}>
-                              <div className="mb-3">
-                                <label htmlFor="email" className="form-label">Email</label>
-                                <input
-                                  type="email"
-                                  className="form-control"
-                                  id="email"
-                                  placeholder="Enter Email"
-                                />
-                              </div>
-                            </Col>
-                            <Col lg={4}>
-                              <div className="mb-3">
-                                <label htmlFor="password" className="form-label">Password</label>
-                                <input
-                                  type="text"
-                                  className="form-control"
-                                  id="password"
-                                  placeholder="Enter Password"
-                                />
-                              </div>
-                            </Col>
-                          </Row>
-                          <Row>
-                            <Col lg={12}>
-                              <div className="mb-3">
-                                <label htmlFor="subject" className="form-label">Subject</label>
-                                <textarea
-                                  className="form-control"
-                                  id="subject"
-                                  rows="3"
-                                ></textarea>
-                              </div>
-                            </Col>
-                          </Row>
-                          <Row>
-                            <Col lg={12}>
-                              <div className="text-end">
-                                <button
-                                  type="submit"
-                                  className="btn btn-primary"
-                                >
-                                  Submit
-                                </button>
-                              </div>
-                            </Col>
-                          </Row>
-                        </form>
-                      </ModalBody>
-                    </Modal>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiLightbox
diff --git a/Client/src/backoffice/pages/Ui/UiModal.js b/Client/src/backoffice/pages/Ui/UiModal.js
deleted file mode 100644
index e57f681..0000000
--- a/Client/src/backoffice/pages/Ui/UiModal.js
+++ /dev/null
@@ -1,803 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Modal,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiModal extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      visible: false,
-      modal_standard: false,
-      modal_fullscreen: false,
-      modal_large: false,
-      modal_xlarge: false,
-      modal_small: false,
-      modal_center: false,
-      modal_scroll: false,
-      modal_backdrop: false,
-    }
-    this.tog_standard = this.tog_standard.bind(this)
-    this.tog_fullscreen = this.tog_fullscreen.bind(this)
-    this.tog_xlarge = this.tog_xlarge.bind(this)
-    this.tog_large = this.tog_large.bind(this)
-    this.tog_small = this.tog_small.bind(this)
-    this.tog_center = this.tog_center.bind(this)
-    this.tog_scroll = this.tog_scroll.bind(this)
-    this.tog_backdrop = this.tog_backdrop.bind(this)
-  }
-
-  tog_standard() {
-    this.setState(prevState => ({
-      modal_standard: !prevState.modal_standard,
-    }))
-    this.removeBodyCss()
-  }
-
-  removeBodyCss() {
-    document.body.classList.add("no_padding")
-  }
-
-  tog_fullscreen() {
-    this.setState(prevState => ({
-      modal_fullscreen: !prevState.modal_fullscreen,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_backdrop() {
-    this.setState(prevState => ({
-      modal_backdrop: !prevState.modal_backdrop,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_large() {
-    this.setState(prevState => ({
-      modal_large: !prevState.modal_large,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_xlarge() {
-    this.setState(prevState => ({
-      modal_xlarge: !prevState.modal_xlarge,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_small() {
-    this.setState(prevState => ({
-      modal_small: !prevState.modal_small,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_center() {
-    this.setState(prevState => ({
-      modal_center: !prevState.modal_center,
-    }))
-    this.removeBodyCss()
-  }
-
-  tog_scroll() {
-    this.setState(prevState => ({
-      modal_scroll: !prevState.modal_scroll,
-    }))
-    this.removeBodyCss()
-  }
-
-  show() {
-    this.setState({ visible: true })
-  }
-
-  hide() {
-    this.setState({ visible: false })
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Modals | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Modals" />
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Modals Examples</CardTitle>
-                    <p className="card-title-desc">
-                      Modals are streamlined, but flexible dialog prompts
-                      powered by JavaScript. They support a number of use cases
-                      from user notification to completely custom content and
-                      feature a handful of helpful subcomponents, sizes, and
-                      more.
-                    </p>
-
-                    <div
-                      className="modal bs-example-modal"
-                      tabIndex="-1"
-                      role="dialog"
-                    >
-                      <div className="modal-dialog" role="document">
-                        <div className="modal-content">
-                          <div className="modal-header">
-                            <h5 className="modal-title">Modal title</h5>
-                            <button
-                              type="button"
-                              className="btn-close"
-                              data-dismiss="modal"
-                              aria-label="Close"
-                            >
-                            </button>
-                          </div>
-                          <div className="modal-body">
-                            <p>One fine body&hellip;</p>
-                          </div>
-                          <div className="modal-footer">
-                            <button type="button" className="btn btn-primary">
-                              Save changes
-                            </button>
-                            <button
-                              type="button"
-                              className="btn btn-secondary"
-                              data-dismiss="modal"
-                            >
-                              Close
-                            </button>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">
-                      Default Modal
-                            </CardTitle>
-                    <p className="card-title-desc">Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.</p>
-                    <div>
-                      <button
-                        type="button"
-                        onClick={this.tog_standard}
-                        className="btn btn-primary waves-effect waves-light"
-                        data-toggle="modal"
-                        data-target="#myModal"
-                      >
-                        Standard Modal
-                          </button>
-
-                      <Modal
-                        isOpen={this.state.modal_standard}
-                        toggle={this.tog_standard}
-                      >
-                        <div className="modal-header">
-                          <h5 className="modal-title mt-0" id="myModalLabel">
-                            Modal Heading
-                            </h5>
-                          <button
-                            type="button"
-                            onClick={() =>
-                              this.setState({ modal_standard: false })
-                            }
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <h5>Overflowing text to show scroll behavior</h5>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                        </div>
-                        <div className="modal-footer">
-                          <button
-                            type="button"
-                            onClick={this.tog_standard}
-                            className="btn btn-secondary waves-effect"
-                            data-dismiss="modal"
-                          >
-                            Close
-                            </button>
-                          <button
-                            type="button"
-                            className="btn btn-primary waves-effect waves-light"
-                          >
-                            Save changes
-                            </button>
-                        </div>
-                      </Modal>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">
-                      Fullscreen Modal
-                            </CardTitle>
-                    <p className="card-title-desc">Another override is the option to pop up a modal that covers the user viewport, available via modifier classes that are placed on a <code>.modal-dialog</code>.</p>
-                    <div>
-                      <button
-                        type="button"
-                        onClick={this.tog_fullscreen}
-                        className="btn btn-primary waves-effect waves-light"
-                        data-toggle="modal"
-                      >
-                        Fullscreen Modal
-                          </button>
-                      <Modal
-                        size="xl"
-                        isOpen={this.state.modal_fullscreen}
-                        toggle={this.tog_fullscreen}
-                        className="modal-fullscreen"
-                      >
-                        <div className="modal-header">
-                          <h5
-                            className="modal-title mt-0"
-                            id="exampleModalFullscreenLabel"
-                          >
-                            Fullscreen Modal
-                            </h5>
-                          <button
-                            onClick={() =>
-                              this.setState({ modal_fullscreen: false })
-                            }
-                            type="button"
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <h5>Overflowing text to show scroll behavior</h5>
-                          <p>Cras mattis consectetur purus sit amet fermentum.
-                          Cras justo odio, dapibus ac facilisis in,
-                          egestas eget quam. Morbi leo risus, porta ac
-                                                                consectetur ac, vestibulum at eros.</p>
-                          <p>Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Vivamus sagittis lacus vel
-                                                                augue laoreet rutrum faucibus dolor auctor.</p>
-                          <p>Aenean lacinia bibendum nulla sed consectetur.
-                          Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Donec sed odio dui. Donec
-                          ullamcorper nulla non metus auctor
-                                                                fringilla.</p>
-                          <p>Cras mattis consectetur purus sit amet fermentum.
-                          Cras justo odio, dapibus ac facilisis in,
-                          egestas eget quam. Morbi leo risus, porta ac
-                                                                consectetur ac, vestibulum at eros.</p>
-                          <p>Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Vivamus sagittis lacus vel
-                                                                augue laoreet rutrum faucibus dolor auctor.</p>
-                          <p>Aenean lacinia bibendum nulla sed consectetur.
-                          Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Donec sed odio dui. Donec
-                          ullamcorper nulla non metus auctor
-                                                                fringilla.</p>
-                          <p>Cras mattis consectetur purus sit amet fermentum.
-                          Cras justo odio, dapibus ac facilisis in,
-                          egestas eget quam. Morbi leo risus, porta ac
-                                                                consectetur ac, vestibulum at eros.</p>
-                        </div>
-                        <div className="modal-footer">
-                          <button
-                            type="button"
-                            onClick={this.tog_fullscreen}
-                            className="btn btn-secondary waves-effect"
-                            data-dismiss="modal"
-                          >
-                            Close
-                                  </button>
-                          <button
-                            type="button"
-                            className="btn btn-primary waves-effect waves-light"
-                          >
-                            Save changes
-                                  </button>
-                        </div>
-                      </Modal>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">
-                      Optional Sizes
-                            </CardTitle>
-                    <p className="card-title-desc">Modals have three optional sizes, available via modifier classes to be placed on a <code>.modal-dialog</code>.</p>
-                    <div className="button-items">
-                      <button
-                        type="button"
-                        onClick={this.tog_xlarge}
-                        className="btn btn-primary waves-effect waves-light"
-                        data-toggle="modal"
-                        data-target=".bs-example-modal-xl"
-                      >
-                        Extra large modal
-                          </button>
-                      <button
-                        type="button"
-                        onClick={this.tog_large}
-                        className="btn btn-light waves-effect"
-                        data-toggle="modal"
-                        data-target=".bs-example-modal-lg"
-                      >
-                        Large modal
-                          </button>
-                      <button
-                        type="button"
-                        onClick={this.tog_small}
-                        className="btn btn-success waves-effect waves-light"
-                        data-toggle="modal"
-                        data-target=".bs-example-modal-sm"
-                      >
-                        Small modal
-                          </button>
-                    </div>
-
-                    <div>
-                      <Modal
-                        size="xl"
-                        isOpen={this.state.modal_xlarge}
-                        toggle={this.tog_fullscreen}
-                      >
-                        <div className="modal-header">
-                          <h5
-                            className="modal-title mt-0"
-                            id="myExtraLargeModalLabel"
-                          >
-                            Extra large modal
-                            </h5>
-                          <button
-                            onClick={() =>
-                              this.setState({ modal_xlarge: false })
-                            }
-                            type="button"
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <p>Cras mattis consectetur purus sit amet fermentum.
-                          Cras justo odio, dapibus ac facilisis in,
-                          egestas eget quam. Morbi leo risus, porta ac
-                                                                consectetur ac, vestibulum at eros.</p>
-                          <p>Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Vivamus sagittis lacus vel
-                                                                augue laoreet rutrum faucibus dolor auctor.</p>
-                          <p className="mb-0">Aenean lacinia bibendum nulla sed consectetur.
-                          Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Donec sed odio dui. Donec
-                          ullamcorper nulla non metus auctor
-                                                                fringilla.</p>
-                        </div>
-                      </Modal>
-                      <Modal
-                        size="lg"
-                        isOpen={this.state.modal_large}
-                        toggle={this.tog_large}
-                      >
-                        <div className="modal-header">
-                          <h5
-                            className="modal-title mt-0"
-                            id="myLargeModalLabel"
-                          >
-                            Large Modal
-                            </h5>
-                          <button
-                            onClick={() =>
-                              this.setState({ modal_large: false })
-                            }
-                            type="button"
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <p>Cras mattis consectetur purus sit amet fermentum.
-                          Cras justo odio, dapibus ac facilisis in,
-                          egestas eget quam. Morbi leo risus, porta ac
-                                                                consectetur ac, vestibulum at eros.</p>
-                          <p>Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Vivamus sagittis lacus vel
-                                                                augue laoreet rutrum faucibus dolor auctor.</p>
-                          <p className="mb-0">Aenean lacinia bibendum nulla sed consectetur.
-                          Praesent commodo cursus magna, vel scelerisque
-                          nisl consectetur et. Donec sed odio dui. Donec
-                          ullamcorper nulla non metus auctor
-                                                                fringilla.</p>
-                        </div>
-                      </Modal>
-                      <Modal
-                        size="sm"
-                        isOpen={this.state.modal_small}
-                        toggle={this.tog_small}
-                      >
-                        <div className="modal-header">
-                          <h5
-                            className="modal-title mt-0"
-                            id="mySmallModalLabel"
-                          >
-                            Small Modal
-                            </h5>
-                          <button
-                            onClick={() =>
-                              this.setState({ modal_small: false })
-                            }
-                            type="button"
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p className="mb-0">
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                        </div>
-                      </Modal>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5">
-                      Vertically Centered
-                            </CardTitle>
-                    <p className="card-title-desc">Add <code>.modal-dialog-centered</code> to <code>.modal-dialog</code> to vertically center the modal.</p>
-                    <div>
-                      <button
-                        type="button"
-                        className="btn btn-primary waves-effect waves-light"
-                        onClick={this.tog_center}
-                        data-toggle="modal"
-                        data-target=".bs-example-modal-center"
-                      >
-                        Center modal
-                          </button>
-                      <Modal
-                        isOpen={this.state.modal_center}
-                        toggle={this.tog_center}
-                        centered={true}
-                      >
-                        <div className="modal-header">
-                          <h5 className="modal-title mt-0">Center Modal</h5>
-                          <button
-                            type="button"
-                            onClick={() =>
-                              this.setState({ modal_center: false })
-                            }
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p className="mb-0">
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                        </div>
-                      </Modal>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5">
-                      Scrollable modal
-                            </CardTitle>
-                    <p className="card-title-desc">Another override is the option to pop up a modal that covers the user viewport, available via modifier classes that are placed on a <code>.modal-dialog</code>.</p>
-                    <div>
-                      <button
-                        type="button"
-                        className="btn btn-primary waves-effect waves-light"
-                        onClick={this.tog_scroll}
-                        data-toggle="modal"
-                      >
-                        Scrollable modal
-                          </button>
-                      <Modal
-                        isOpen={this.state.modal_scroll}
-                        toggle={this.tog_scroll}
-                        scrollable={true}
-                      >
-                        <div className="modal-header">
-                          <h5 className="modal-title mt-0">
-                            Scrollable modal
-                            </h5>
-                          <button
-                            type="button"
-                            onClick={() =>
-                              this.setState({ modal_scroll: false })
-                            }
-                            className="close"
-                            data-dismiss="modal"
-                            aria-label="Close"
-                          >
-                            <span aria-hidden="true">&times;</span>
-                          </button>
-                        </div>
-                        <div className="modal-body">
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <p>
-                            Cras mattis consectetur purus sit amet fermentum.
-                            Cras justo odio, dapibus ac facilisis in, egestas
-                            eget quam. Morbi leo risus, porta ac consectetur
-                            ac, vestibulum at eros.
-                            </p>
-                          <p>
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Vivamus sagittis lacus vel
-                            augue laoreet rutrum faucibus dolor auctor.
-                            </p>
-                          <p>
-                            Aenean lacinia bibendum nulla sed consectetur.
-                            Praesent commodo cursus magna, vel scelerisque
-                            nisl consectetur et. Donec sed odio dui. Donec
-                            ullamcorper nulla non metus auctor fringilla.
-                            </p>
-                          <div className="modal-footer">
-                            <button
-                              type="button"
-                              className="btn btn-secondary"
-                              onClick={() =>
-                                this.setState({ modal_scroll: false })
-                              }
-                            >
-                              Close
-                              </button>
-                            <button type="button" className="btn btn-primary">
-                              Save changes
-                              </button>
-                          </div>
-                        </div>
-                      </Modal>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle>Static Backdrop</CardTitle>
-                    <p className="card-title-desc">When backdrop is set to static, the modal will not close when clicking outside it. Click the button below to try it.</p>
-                    <div>
-
-                      <button
-                        type="button"
-                        className="btn btn-primary waves-effect waves-light"
-                        onClick={this.tog_backdrop}
-                        data-toggle="modal"
-                      >
-                        Static backdrop modal
-                          </button>
-                      <Modal
-                        isOpen={this.state.modal_backdrop}
-                        toggle={this.tog_backdrop}
-                        scrollable={true}
-                        id="staticBackdrop"
-                      >
-                        <div className="modal-header">
-                          <h5 className="modal-title" id="staticBackdropLabel">Modal title</h5>
-                          <button type="button" className="btn-close" onClick={() =>
-                            this.setState({ modal_backdrop: false })
-                          } aria-label="Close"></button>
-                        </div>
-                        <div className="modal-body">
-                          <p>I will not close if you click outside me. Don't even try to press escape key.</p>
-                        </div>
-                        <div className="modal-footer">
-                          <button type="button" className="btn btn-light" onClick={() =>
-                            this.setState({ modal_backdrop: false })
-                          }>Close</button>
-                          <button type="button" className="btn btn-primary">Understood</button>
-                        </div>
-                      </Modal>
-
-                    </div>
-
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiModal
diff --git a/Client/src/backoffice/pages/Ui/UiProgressbar.js b/Client/src/backoffice/pages/Ui/UiProgressbar.js
deleted file mode 100644
index 25cd57b..0000000
--- a/Client/src/backoffice/pages/Ui/UiProgressbar.js
+++ /dev/null
@@ -1,366 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardTitle,
-  Col,
-  Container,
-  Progress,
-  Row
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiProgressbar extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Progress Bars | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Progress Bars" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Default Examples</CardTitle>
-                    <p className="card-title-desc">
-                      Progress components are built with two HTML elements, some
-                      CSS to set the width, and a few attributes.
-                    </p>
-
-                    <div>
-                      <div className="mb-4">
-                        <Progress color="primary" value={25}></Progress>
-                      </div>{" "}
-
-                      <div className="mb-4">
-                        <Progress color="primary" value={50}></Progress>
-                      </div>
-
-                      <div className="mb-4">
-                        <Progress color="primary" value={75}></Progress>
-                      </div>
-
-                      <div>
-                        <Progress color="primary" value={100}></Progress>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Backgrounds</CardTitle>
-                    <p className="card-title-desc">
-                      Use background utility classes to change the appearance of
-                      individual progress bars.
-                    </p>
-
-                    <div>
-                      <div className="mb-4">
-                        <Progress color="success" value={25}></Progress>
-                      </div>
-
-                      <div className="mb-4">
-                        <Progress color="info" value={50}></Progress>
-                      </div>
-
-                      <div className="mb-4">
-                        <Progress color="warning" value={75}></Progress>
-                      </div>
-
-                      <div>
-                        <Progress color="danger" value={100}></Progress>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Labels Example</CardTitle>
-                    <p className="card-title-desc">
-                      Add labels to your progress bars by placing text within
-                      the{" "}
-                      <code className="highlighter-rouge">.progress-bar</code>.
-                    </p>
-
-                    <div className="">
-                      <Progress color="primary" value={25}>
-                        25%
-                      </Progress>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Multiple bars</CardTitle>
-                    <p className="card-title-desc">
-                      Include multiple progress bars in a progress component if
-                      you need.
-                    </p>
-
-                    <div className="">
-                      <Progress multi>
-                        <Progress bar color="primary" value={15}></Progress>
-                        <Progress bar color="success" value={30}></Progress>
-                        <Progress bar color="info" value={20}></Progress>
-                      </Progress>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Height</CardTitle>
-                    <p className="card-title-desc">
-                      We only set a{" "}
-                      <code className="highlighter-rouge">height</code> value on
-                      the{" "}
-                      <code className="highlighter-rouge">.progress-bar</code>,
-                      so if you change that value the outer{" "}
-                      <code className="highlighter-rouge">.progress</code> will
-                      automatically resize accordingly.
-                    </p>
-
-                    <div className="">
-                      <div className="mb-4">
-                        <h5 className="font-size-13">Progress sm</h5>
-                        <Progress
-                          value={25}
-                          color="primary"
-                          className="progress-sm"
-                        ></Progress>
-                      </div>
-                      <div className="mb-4">
-                        <h5 className="font-size-13">Progress md</h5>
-                        <Progress
-                          value={40}
-                          color="success"
-                          className="progress-md"
-                        ></Progress>
-                      </div>
-                      <div className="mb-4">
-                        <h5 className="font-size-13">Progress lg</h5>
-                        <Progress
-                          value={50}
-                          color="warning"
-                          className="progress-lg"
-                        ></Progress>
-                      </div>
-                      <div>
-                        <h5 className="font-size-13">Progress xl</h5>
-                        <Progress
-                          value={70}
-                          color="danger"
-                          className="progress-xl"
-                        ></Progress>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Striped</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code className="highlighter-rouge"> striped </code>{" "}
-                                          to any to apply a stripe via CSS gradient over the
-                                          progress bar’s background color.
-                                        </p>
-
-                    <div className="">
-                      <div className="mb-4">
-                        <Progress striped color="primary" value={25}></Progress>
-                      </div>
-
-                      <div className="mb-4">
-                        <Progress striped color="success" value={40}></Progress>
-                      </div>
-
-                    </div>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Animated stripes</CardTitle>
-                    <p className="card-title-desc">
-                      The striped gradient can also be
-                                            animated. Add <code>.progress-bar-animated</code> to <code>.progress-bar</code> to animate the
-                                            stripes right to left via CSS3 animations.
-                                        </p>
-                    <div className="">
-                      <Progress
-                        value={75}
-                        color="primary"
-                        style={{ width: '75%' }}
-                        animated
-                      ></Progress>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Animated Progress</CardTitle>
-                    <p className="card-title-desc">
-                      Add <code>.animated-progess</code> class with <code>.progress-bar</code> for animated progressbar.
-                                        </p>
-                    <div className="">
-                      <div className="animated-progess mb-4">
-                        <Progress
-                          value={10}
-                          color="primary"
-                        ></Progress>
-                      </div>
-                      <div className="animated-progess mb-4">
-                        <Progress
-                          value={25}
-                          color="success"
-                        ></Progress>
-                      </div>
-                      <div className="animated-progess mb-4">
-                        <Progress
-                          value={50}
-                          color="info"
-                        ></Progress>
-                      </div>
-                      <div className="animated-progess mb-4">
-                        <Progress
-                          value={75}
-                          color="warning"
-                        ></Progress>
-                      </div>
-                      <div className="animated-progess">
-                        <Progress
-                          value={100}
-                          color="danger"
-                        ></Progress>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Custom progress</CardTitle>
-                    <p className="card-title-desc mb-4">
-                      Example of Custom progress
-                                        </p>
-
-                    <div className="">
-                      <div className="custom-progess mb-5">
-                        <Progress
-                          className="progress-sm"
-                          color="danger"
-                          value={84}
-                          max={100}
-                        ></Progress>
-                        <div className="avatar-xs progress-icon">
-                          <span className="avatar-title rounded-circle border border-danger">
-                            <i className="bx bxl-html5 text-danger font-size-18"></i>
-                          </span>
-                        </div>
-                      </div>
-
-                      <div className="custom-progess mb-5">
-                        <Progress
-                          className="progress-sm"
-                          color="primary"
-                          value={75}
-                          max={100}
-                        ></Progress>
-                        <div className="avatar-xs progress-icon">
-                          <span className="avatar-title rounded-circle border border-primary">
-                            <i className="bx bxl-css3 text-primary font-size-18"></i>
-                          </span>
-                        </div>
-                      </div>
-
-                      <div className="custom-progess mb-5">
-                        <Progress
-                          className="progress-sm"
-                          color="info"
-                          value={62}
-                          max={100}
-                        ></Progress>
-                        <div className="avatar-xs progress-icon">
-                          <span className="avatar-title rounded-circle border border-info">
-                            <i className="bx bxl-jquery text-info font-size-18"></i>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5">
-                      Progress Example
-                      </CardTitle>
-                    <p className="card-title-desc">You can use these classes with existing components to create new ones.</p>
-                    <div className="mt-5">
-                      <div className="position-relative m-4">
-                          <Progress
-                            value={50}
-                            color="primary"
-                            style={{ height: '1px'}}
-                          ></Progress>
-                        <button className="position-absolute top-0 start-0 translate-middle btn btn-sm btn-primary rounded-pill" style={{ width: "2rem", height: "2rem" }}>
-                          1
-                        </button>
-                        <button className="position-absolute top-0 start-50 translate-middle btn btn-sm btn-primary rounded-pill" style={{ width: "2rem", height: "2rem" }}>
-                          2
-                        </button>
-                        <button className="position-absolute top-0 start-100 translate-middle btn btn-sm btn-secondary rounded-pill" style={{ width: "2rem", height: "2rem" }}>
-                          3
-                        </button>
-                      </div>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiProgressbar
diff --git a/Client/src/backoffice/pages/Ui/UiRangeSlider.js b/Client/src/backoffice/pages/Ui/UiRangeSlider.js
deleted file mode 100644
index 7d5709a..0000000
--- a/Client/src/backoffice/pages/Ui/UiRangeSlider.js
+++ /dev/null
@@ -1,234 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-import Slider from "react-rangeslider"
-import "react-rangeslider/lib/index.css"
-
-class UiRangeSlider extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      default: 15,
-      min_max: 70,
-      step: 25,
-      prefix: 50,
-      postfix: 85,
-      custom_val: 5,
-      handleLabel: 10,
-      float_val: 55.5,
-      extra: 52,
-      hide: 5,
-      labels: {
-        1: "Jan",
-        2: "Feb",
-        3: "Mar",
-        4: "Apr",
-        5: "May",
-        6: "Jun",
-        7: "Jul",
-        8: "Aug",
-        9: "Sep",
-        10: "Oct",
-        11: "Nov",
-        12: "Dec",
-      },
-    }
-  }
-
-  render() {
-    const formatkg = value => "$ " + value
-    const formatdollar = value => value + " kg"
-    const extra_age = value => value + " Age"
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Range Slider | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Range Slider" />
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">React Rangeslider</CardTitle>
-                    <p className="card-title-desc">Cool, comfortable, responsive and easily customizable range slider</p>
-                    <Row>
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Default</h5>
-                          <span className="float-start mt-4">0</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            value={this.state.default}
-                            orientation="horizontal"
-                            onChange={value => {
-                              this.setState({ default: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Min-Max</h5>
-                          <span className="float-start mt-4">30</span>{" "}
-                          <span className="float-end  mt-4">90</span>
-                          <Slider
-                            value={this.state.min_max}
-                            min={30}
-                            max={90}
-                            orientation="horizontal"
-                            onChange={value => {
-                              this.setState({ min_max: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Prefix</h5>
-                          <span className="float-start mt-4">0</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            min={0}
-                            max={100}
-                            format={formatkg}
-                            value={this.state.prefix}
-                            onChange={value => {
-                              this.setState({ prefix: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Postfixes</h5>
-                          <span className="float-start mt-4">0</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            min={0}
-                            max={100}
-                            format={formatdollar}
-                            value={this.state.postfix}
-                            onChange={value => {
-                              this.setState({ postfix: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Step</h5>
-                          <span className="float-start mt-4">0</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            value={this.state.step}
-                            step={10}
-                            orientation="horizontal"
-                            onChange={value => {
-                              this.setState({ step: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">
-                            Custom Values
-                          </h5>
-                          <Slider
-                            value={this.state.custom_val}
-                            min={1}
-                            max={12}
-                            labels={this.state.labels}
-                            orientation="horizontal"
-                            onChange={value => {
-                              this.setState({ custom_val: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">Reverse</h5>
-                          <span className="float-start mt-4">100</span>{" "}
-                          <span className="float-end  mt-4">0</span>
-                          <Slider
-                            min={0}
-                            max={100}
-                            value={this.state.hide}
-                            reverse={true}
-                            onChange={value => {
-                              this.setState({ hide: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">
-                            Extra Example
-                          </h5>
-                          <span className="float-start mt-4">0</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            min={0}
-                            max={100}
-                            format={extra_age}
-                            value={this.state.extra}
-                            onChange={value => {
-                              this.setState({ extra: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row>
-                      <Col md={6}>
-                        <div className="p-3">
-                          <h5 className="font-size-14 mb-3 mt-0">
-                            Prettify Numbers
-                          </h5>
-                          <span className="float-start mt-4">1</span>{" "}
-                          <span className="float-end  mt-4">100</span>
-                          <Slider
-                            value={this.state.float_val}
-                            step={0.5}
-                            orientation="horizontal"
-                            onChange={value => {
-                              this.setState({ float_val: value })
-                            }}
-                          />
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiRangeSlider
diff --git a/Client/src/backoffice/pages/Ui/UiRating.js b/Client/src/backoffice/pages/Ui/UiRating.js
deleted file mode 100644
index dea54b6..0000000
--- a/Client/src/backoffice/pages/Ui/UiRating.js
+++ /dev/null
@@ -1,444 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-import { Card, CardBody, Col, Container, Row } from "reactstrap"
-
-// Rating Plugin
-import Rating from "react-rating"
-import RatingTooltip from "react-rating-tooltip"
-
-class UiRating extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      tooltipContent: ["Rate 1", "Rate 2", "Rate 3", "Rate 4", "Rate 5"],
-      tooltipContentMore: ["1", "2", "3", "4", "5", "6", "7", "8"],
-      tooltipContentHalf: ["6", "7", "8", "9", "10"],
-      tooltipContentMiddle: [
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "7",
-        "8",
-        "9",
-        "10",
-        "11",
-        "12",
-      ],
-      tooltipContentStep: ["2", "4", "6", "8", "10"],
-      default: "",
-      half: "",
-      customize: "",
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Rating | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Rating" />
-
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <Row>
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Default rating</h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_1"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_01"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />{" "}
-                          <span>{this.state.default}</span>
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Half rating</h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_12"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_12"}
-                                className="mdi mdi-star-outline text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Disabled rating</h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_2"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_02"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">
-                            Readonly rating with a value
-                          </h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_3"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_03"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            defaultRating={3}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">
-                            Customized heart rating
-                          </h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate =>
-                              this.setState({ customize: rate })
-                            }
-                            ActiveComponent={
-                              <i
-                                key={"active_4"}
-                                className="mdi mdi-heart text-danger"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_04"}
-                                className="mdi mdi-heart-outline text-danger"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                          <span>{this.state.customize}</span>
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Only fill selected</h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => alert("Rating : " + rate)}
-                            ActiveComponent={
-                              <i
-                                key={"active_5"}
-                                className="mdi mdi-star-outline text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_05"}
-                                className="mdi mdi-star-outline text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Handle events</h5>
-                          <RatingTooltip
-                            max={5}
-                            onChange={rate => alert("Rating : " + rate)}
-                            ActiveComponent={
-                              <i
-                                key={"active_5"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_05"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Customize tooltips</h5>
-                          <RatingTooltip
-                            max={5}
-                            tooltipContent={this.state.tooltipContent}
-                            ActiveComponent={
-                              <i
-                                key={"active_6"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_06"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Default rating</h5>
-                          <RatingTooltip
-                            max={10}
-                            tooltipContent={this.state.tooltipContentMore}
-                            ActiveComponent={
-                              <i
-                                key={"active_7"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_07"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">
-                            Set start rate to 5 [6..10]
-                          </h5>
-
-                          <RatingTooltip
-                            max={5}
-                            tooltipContent={this.state.tooltipContentHalf}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_8"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_08"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">
-                            Set start and stop rate [2..10]
-                          </h5>
-                          <RatingTooltip
-                            max={9}
-                            tooltipContent={this.state.tooltipContentMiddle}
-                            onChange={rate => this.setState({ default: rate })}
-                            ActiveComponent={
-                              <i
-                                key={"active_9"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_09"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">
-                            Set start and stop rate [2..10] with step 2
-                          </h5>
-                          <RatingTooltip
-                            max={5}
-                            tooltipContent={this.state.tooltipContentStep}
-                            ActiveComponent={
-                              <i
-                                key={"active_10"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_010"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Custom icons</h5>
-                          <RatingTooltip
-                            max={5}
-                            tooltipContent={this.state.tooltipContentStep}
-                            ActiveComponent={
-                              <i
-                                key={"active_11"}
-                                className="mdi mdi-checkbox-marked text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_011"}
-                                className="mdi mdi-checkbox-blank-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Fractional rating</h5>
-                          <RatingTooltip
-                            max={5}
-                            tooltipContent={this.state.tooltipContentStep}
-                            ActiveComponent={
-                              <i
-                                key={"active_12"}
-                                className="mdi mdi-star text-primary"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_012"}
-                                className="mdi mdi-star-outline text-muted"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            fractions={6}
-                          />
-                        </div>
-                      </Col>
-
-                      <Col xl="3" md="4" sm="6">
-                        <div className="p-4 text-center">
-                          <h5 className="font-size-15 mb-3">Custom CSS icons</h5>
-                          <Rating
-                            max={5}
-                            tooltipContent={this.state.tooltipContentStep}
-                            ActiveComponent={
-                              <i
-                                key={"active_13"}
-                                className="symbol symbol-filled"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            InActiveComponent={
-                              <i
-                                key={"active_013"}
-                                className="symbol symbol-empty"
-                                style={this.state.starStyle}
-                              />
-                            }
-                            fractions={2} />
-                        </div>
-                      </Col>
-                    </Row>{" "}
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiRating
diff --git a/Client/src/backoffice/pages/Ui/UiSessionTimeout.js b/Client/src/backoffice/pages/Ui/UiSessionTimeout.js
deleted file mode 100644
index 0e2220b..0000000
--- a/Client/src/backoffice/pages/Ui/UiSessionTimeout.js
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-
-import SweetAlert from "react-bootstrap-sweetalert"
-import { Card, CardBody, CardTitle, Col, Container, Row } from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiSessionTimeout extends Component {
-  constructor(props) {
-    super(props)
-    this.state = { timeralert: null, timerswitch: false, seconds: 0 }
-    this.tick = this.tick.bind(this)
-  }
-
-  tick() {
-    this.interval = setInterval(() => {
-      this.setState(prevState => ({ seconds: prevState.seconds + 1 }))
-    }, 1000)
-  }
-
-  componentDidMount() {
-    this.main_function()
-  }
-
-  hideAlert() {
-    window.location = "/login"
-  }
-
-  confirmAlert() {
-    this.setState({ timeralert: null })
-  }
-
-  main_function() {
-    setTimeout(
-      function () {
-        setTimeout(
-          function () {
-            this.function1()
-          }.bind(this),
-          6000
-        )
-        this.function2()
-      }.bind(this),
-      6000
-    )
-  }
-
-  function1() {
-    if (window.location.pathname === "/ui-session-timeout") {
-      window.location = "/login"
-    } else {
-    }
-  }
-
-  function2() {
-    this.tick()
-    const nextmsg = () => (
-      <SweetAlert
-        showCancel
-        confirmBtnText="Stay Connected"
-        cancelBtnText="Logout"
-        confirmBtnBsStyle="success"
-        cancelBtnBsStyle="danger"
-        title="Your Session is About to Expire!"
-        onCancel={() => this.hideAlert()}
-        onConfirm={() => this.confirmAlert()}
-      >
-        Redirecting in 10s seconds.<br></br>
-      </SweetAlert>
-    )
-    this.setState({ timeralert: nextmsg() })
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Session Timeout | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            {this.state.timeralert}
-
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Session Timeout" />
-
-            <Row>
-              <Col>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h5 mt-0 header-title">Bootstrap-session-timeout</CardTitle>
-                    <p className="sub-header">
-                      Session timeout and keep-alive control with a nice
-                      Bootstrap warning dialog.
-                    </p>
-
-                    <div>
-                      <p>
-                        After a set amount of idle time, a Bootstrap warning
-                        dialog is shown to the user with the option to either
-                        log out, or stay connected. If "Logout" button is
-                        selected, the page is redirected to a logout URL. If
-                        "Stay Connected" is selected the dialog closes and the
-                        session is kept alive. If no option is selected after
-                        another set amount of idle time, the page is
-                        automatically redirected to a set timeout URL.
-                      </p>
-                      <p>
-                        Idle time is defined as no mouse, keyboard or touch
-                        event activity registered by the browser.
-                      </p>
-
-                      <p className="mb-0">
-                        As long as the user is active, the (optional) keep-alive
-                        URL keeps getting pinged and the session stays alive. If
-                        you have no need to keep the server-side session alive
-                        via the keep-alive URL, you can also use this plugin as
-                        a simple lock mechanism that redirects to your
-                        lock-session or log-out URL after a set amount of idle
-                        time.
-                      </p>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiSessionTimeout
diff --git a/Client/src/backoffice/pages/Ui/UiSweetAlert.js b/Client/src/backoffice/pages/Ui/UiSweetAlert.js
deleted file mode 100644
index 521b5bc..0000000
--- a/Client/src/backoffice/pages/Ui/UiSweetAlert.js
+++ /dev/null
@@ -1,572 +0,0 @@
-import React, { Component } from "react"
-import { Button, Card, CardBody, Col, Container, Row } from "reactstrap"
-import MetaTags from 'react-meta-tags';
-import logolight from "../../assets/images/logo-light.png"
-
-//SweetAlert
-import SweetAlert from "react-bootstrap-sweetalert"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiSweetAlert extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      basic: false,
-      with_title: false,
-      success_msg: false,
-      confirm_msg: false,
-      success_dlg: false,
-      error_dlg: false,
-      dynamic_title: "",
-      dynamic_description: "",
-      confirm_both: false,
-      confirm_alert: false,
-      img_header: false,
-      alert_timer: false,
-      img_html: false,
-      custom_div: false,
-      emailtxt: "",
-      emailerr: "",
-      step1: false,
-      step1_txt: "",
-      step2: false,
-      step2_txt: "",
-      step3: false,
-      step3_txt: "",
-      step_queue: false,
-      final_queue: false,
-      current_ip: "219.91.239.22",
-      close_timer: false,
-      timeralert: null,
-      sweet_timer: false,
-      custom_div1: false,
-    }
-    this.handleStep1Change = this.handleStep1Change.bind(this)
-    this.handleStep2Change = this.handleStep2Change.bind(this)
-    this.handleStep3Change = this.handleStep3Change.bind(this)
-  }
-
-  handleStep1Change(e) {
-    this.setState({ step1_txt: e.target.value })
-  }
-
-  handleStep2Change(e) {
-    this.setState({ step2_txt: e.target.value })
-  }
-
-  handleStep3Change(e) {
-    this.setState({ step3_txt: e.target.value })
-  }
-
-  stimer() {
-    const getTimer = () => (
-      <SweetAlert
-        title={
-          <span>
-            HTML <small>AutoClose Timer</small>!
-          </span>
-        }
-        onConfirm={() => this.hideTimeAlert()}
-      >
-        {" "}
-        <span>Timer Will Expire after 3 Seconds.</span>
-      </SweetAlert>
-    )
-    this.setState({ timeralert: getTimer() })
-    setTimeout(
-      function () {
-        this.setState({ timeralert: null })
-      }.bind(this),
-      1000
-    )
-  }
-
-  hideTimeAlert() {
-    this.setState({ timeralert: null })
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>SweetAlert | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="Forms" breadcrumbItem="" />
-
-            {this.state.timeralert}
-            {this.state.success_dlg ? (
-              <SweetAlert
-                success
-                title={this.state.dynamic_title}
-                onConfirm={() => this.setState({ success_dlg: false })}
-              >
-                {this.state.dynamic_description}
-              </SweetAlert>
-            ) : null}
-
-            {this.state.error_dlg ? (
-              <SweetAlert
-                error
-                title={this.state.dynamic_title}
-                onConfirm={() => this.setState({ error_dlg: false })}
-              >
-                {this.state.dynamic_description}
-              </SweetAlert>
-            ) : null}
-
-            <Card>
-              <CardBody>
-                <h4 className="card-title">Examples</h4>
-                <p className="card-title-desc">
-                  A beautiful, responsive, customizable and accessible
-                  (WAI-ARIA) replacement for JavaScript's popup boxes. Zero
-                  dependencies.
-                </p>
-                <Row className="text-center">
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A basic message</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ basic: true })}
-                        id="sa-basic"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.basic ? (
-                      <SweetAlert
-                        title="Any fool can use a computer"
-                        onConfirm={() => this.setState({ basic: false })}
-                      ></SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A title with a text under</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ with_title: true })}
-                        id="sa-title"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.with_title ? (
-                      <SweetAlert
-                        title="The Internet?"
-                        warning
-                        onConfirm={() => this.setState({ with_title: false })}
-                      >
-                        That thing is still around?
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A success message!</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ success_msg: true })}
-                        id="sa-success"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.success_msg ? (
-                      <SweetAlert
-                        title="Good job!"
-                        success
-                        showCancel
-                        confirmBtnBsStyle="success"
-                        cancelBtnBsStyle="danger"
-                        onConfirm={() => this.setState({ success_msg: false })}
-                        onCancel={() => this.setState({ success_msg: false })}
-                      >
-                        You clicked the button!
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl={3} lg={4} sm={6} className="mb-2">
-                    <div className="p-3">
-                      <p>
-                        A warning message, with a function attached to the
-                        "Confirm"-button...
-                      </p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ confirm_alert: true })}
-                        id="sa-success"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.confirm_alert ? (
-                      <SweetAlert
-                        title="Are you sure?"
-                        warning
-                        showCancel
-                        confirmButtonText="Yes, delete it!"
-                        confirmBtnBsStyle="success"
-                        cancelBtnBsStyle="danger"
-                        onConfirm={() =>
-                          this.setState({
-                            confirm_alert: false,
-                            success_dlg: true,
-                            dynamic_title: "Deleted",
-                            dynamic_description: "Your file has been deleted.",
-                          })
-                        }
-                        onCancel={() =>
-                          this.setState({
-                            confirm_alert: false,
-                          })
-                        }
-                      >
-                        You won't be able to revert this!
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>
-                        By passing a parameter, you can execute something else
-                        for "Cancel".
-                      </p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ confirm_both: true })}
-                        id="sa-params"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.confirm_both ? (
-                      <SweetAlert
-                        title="Are you sure?"
-                        warning
-                        showCancel
-                        confirmBtnBsStyle="success"
-                        cancelBtnBsStyle="danger"
-                        onConfirm={() =>
-                          this.setState({
-                            confirm_both: false,
-                            success_dlg: true,
-                            dynamic_title: "Deleted",
-                            dynamic_description: "Your file has been deleted.",
-                          })
-                        }
-                        onCancel={() =>
-                          this.setState({
-                            confirm_both: false,
-                            error_dlg: true,
-                            dynamic_title: "Cancelled",
-                            dynamic_description:
-                              "Your imaginary file is safe :)",
-                          })
-                        }
-                      >
-                        You won't be able to revert this!
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A message with custom Image Header</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ img_header: true })}
-                        id="sa-image"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.img_header ? (
-                      <SweetAlert
-                        title="Sweet!"
-                        custom
-                        customIcon={logolight}
-                        onConfirm={() => this.setState({ img_header: false })}
-                      >
-                        Modal with a custom image.
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A message with auto close timer</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ sweet_timer: true })}
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.sweet_timer ? (
-                      <SweetAlert
-                        title="Auto Close Alert!"
-                        timeout={2000}
-                        showConfirm={false}
-                        onConfirm={() => this.setState({ sweet_timer: false })}
-                      >
-                        I Will close in 2 Seconds
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>Custom HTML description and buttons</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ img_html: true })}
-                        id="custom-html-alert"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.img_html ? (
-                      <SweetAlert
-                        title={
-                          <span>
-                            HTML <u>example</u>!
-                          </span>
-                        }
-                        warning
-                        onConfirm={() => this.setState({ img_html: false })}
-                      >
-                        You can use <b>bold</b> text, links and other HTML tags
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A custom positioned dialog</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        type="button"
-                        color="primary"
-                        onClick={() => this.setState({ custom_div1: true })}
-                        className=" waves-effect waves-light"
-                        id="sa-position"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.custom_div1 ? (
-                      <SweetAlert
-                        title="Your Work Has been Saved."
-                        timeout={2000}
-                        style={{
-                          position: "absolute",
-                          top: "0px",
-                          right: "0px",
-                        }}
-                        showCloseButton={false}
-                        showConfirm={false}
-                        success
-                        onConfirm={() => this.setState({ custom_div1: false })}
-                      ></SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>A message with custom width, padding and background</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ custom_div: true })}
-                        id="custom-padding-width-alert"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.custom_div ? (
-                      <SweetAlert
-                        title="Custom width, padding, background."
-                        style={{
-                          backgroundColor: "#ebebeb",
-                          padding: "3em",
-                          borderRadius: "20px",
-                        }}
-                        onConfirm={() => this.setState({ custom_div: false })}
-                      ></SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <p>Ajax request example</p>
-                    <Button
-                      className="waves-effect waves-light"
-                      color="primary"
-                      onClick={() => this.setState({ ajax_div: true })}
-                      id="ajax-alert"
-                    >
-                      Click me
-                    </Button>
-                    {this.state.ajax_div ? (
-                      <SweetAlert
-                        showCancel
-                        title="Submit email to run ajax request"
-                        cancelBtnBsStyle="danger"
-                        confirmBtnBsStyle="success"
-                        onConfirm={() =>
-                          this.setState({
-                            ajax_div: false,
-                            success_dlg: true,
-                            dynamic_title: "Ajax request finished!",
-                            dynamic_description:
-                              "Submitted email : " + this.state.emailtxt,
-                          })
-                        }
-                        onCancel={() => this.setState({ ajax_div: false })}
-                      >
-                        <input
-                          type="email"
-                          className="form-control"
-                          placeholder="Enter Email"
-                        />
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>Chaining modals (queue) example</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ step1: true })}
-                        id="chaining-alert"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.step1 ? (
-                      <SweetAlert
-                        showCancel
-                        title="Question 1"
-                        cancelBtnBsStyle="danger"
-                        confirmBtnText="Next"
-                        onConfirm={() =>
-                          this.setState({ step1: false, step2: true })
-                        }
-                        onCancel={() => this.setState({ step1: false })}
-                      >
-                        Chaining swal2 modals is easy
-                        <input
-                          type="text"
-                          className="form-control"
-                          onChange={this.handleStep1Change}
-                        />
-                      </SweetAlert>
-                    ) : null}
-
-                    {this.state.step2 ? (
-                      <SweetAlert
-                        showCancel
-                        title="Question 2"
-                        cancelBtnBsStyle="danger"
-                        confirmBtnText="Next"
-                        onConfirm={() =>
-                          this.setState({ step2: false, step3: true })
-                        }
-                        onCancel={() => this.setState({ step2: false })}
-                      >
-                        Chaining swal2 modals is easy
-                        <input
-                          type="text"
-                          className="form-control"
-                          onChange={this.handleStep2Change}
-                        />
-                      </SweetAlert>
-                    ) : null}
-
-                    {this.state.step3 ? (
-                      <SweetAlert
-                        showCancel
-                        title="Question 3"
-                        cancelBtnBsStyle="danger"
-                        confirmBtnText="Next"
-                        onConfirm={() =>
-                          this.setState({ step3: false, final_step: true })
-                        }
-                        onCancel={() => this.setState({ step3: false })}
-                      >
-                        Chaining swal2 modals is easy
-                        <input
-                          type="text"
-                          className="form-control"
-                          onChange={this.handleStep3Change}
-                        />
-                      </SweetAlert>
-                    ) : null}
-
-                    {this.state.final_step ? (
-                      <SweetAlert
-                        title="All done!"
-                        confirmBtnText="Lovely!"
-                        onConfirm={() => this.setState({ final_step: false })}
-                      >
-                        Your answers : [{this.state.step1_txt},{" "}
-                        {this.state.step2_txt}, {this.state.step3_txt}]
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                  <Col xl="3" lg="4" sm="6" className="mb-2">
-                    <div className="p-3">
-                      <p>Dynamic queue example</p>
-                      <Button
-                        className="waves-effect waves-light"
-                        color="primary"
-                        onClick={() => this.setState({ step_queue: true })}
-                        id="dynamic-alert"
-                      >
-                        Click me
-                      </Button>
-                    </div>
-                    {this.state.step_queue ? (
-                      <SweetAlert
-                        title="Your public IP"
-                        confirmBtnText="Show my public IP"
-                        onConfirm={() =>
-                          this.setState({
-                            step_queue: false,
-                            final_queue: true,
-                          })
-                        }
-                      >
-                        Your public IP will be received via AJAX request
-                      </SweetAlert>
-                    ) : null}
-
-                    {this.state.final_queue ? (
-                      <SweetAlert
-                        confirmBtnText="OK"
-                        title=""
-                        onConfirm={() => this.setState({ final_queue: false })}
-                      >
-                        {this.state.current_ip}
-                      </SweetAlert>
-                    ) : null}
-                  </Col>
-                </Row>
-              </CardBody>
-            </Card>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiSweetAlert
diff --git a/Client/src/backoffice/pages/Ui/UiTabsAccordions.js b/Client/src/backoffice/pages/Ui/UiTabsAccordions.js
deleted file mode 100644
index 136a380..0000000
--- a/Client/src/backoffice/pages/Ui/UiTabsAccordions.js
+++ /dev/null
@@ -1,990 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardHeader,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  Col,
-  Collapse,
-  Container,
-  Nav,
-  NavItem,
-  NavLink,
-  Row,
-  TabContent,
-  TabPane,
-} from "reactstrap"
-
-import { Link } from "react-router-dom"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-import classnames from "classnames"
-
-class UiTabsAccordions extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      activeTab: "1",
-      activeTab1: "5",
-      activeTab2: "9",
-      activeTab3: "13",
-      verticalActiveTab: "1",
-      customActiveTab: "1",
-      activeTabJustify: "5",
-      col1: true,
-      col2: false,
-      col3: false,
-      col5: true,
-      col6: true,
-      col7: true,
-      col8: true,
-      col9: true,
-      col10: false,
-      col11: false,
-    }
-    this.toggle = this.toggle.bind(this)
-    this.toggle1 = this.toggle1.bind(this)
-
-    this.t_col1 = this.t_col1.bind(this)
-    this.t_col2 = this.t_col2.bind(this)
-    this.t_col3 = this.t_col3.bind(this)
-    this.t_col5 = this.t_col5.bind(this)
-    this.t_col6 = this.t_col6.bind(this)
-    this.t_col7 = this.t_col7.bind(this)
-    this.t_col8 = this.t_col8.bind(this)
-    this.t_col9 = this.t_col9.bind(this)
-    this.t_col10 = this.t_col10.bind(this)
-    this.t_col11 = this.t_col11.bind(this)
-
-    this.toggle2 = this.toggle2.bind(this)
-    this.toggle3 = this.toggle3.bind(this)
-
-    this.toggleVertical = this.toggleVertical.bind(this)
-    this.toggleCustom = this.toggleCustom.bind(this)
-  }
-
-  t_col1() {
-    this.setState({ col1: !this.state.col1 })
-  }
-
-  t_col2() {
-    this.setState({ col2: !this.state.col2 })
-  }
-
-  t_col3() {
-    this.setState({ col3: !this.state.col3 })
-  }
-
-  t_col5() {
-    this.setState({ col5: !this.state.col5 })
-  }
-
-  t_col6() {
-    this.setState({ col6: !this.state.col6 })
-  }
-
-  t_col7() {
-    this.setState({ col7: !this.state.col7 })
-  }
-
-  t_col8() {
-    this.setState({
-      col6: !this.state.col6,
-      col7: !this.state.col7
-    })
-  }
-
-  t_col9() {
-    this.setState({ col9: !this.state.col9 })
-  }
-
-  t_col10() {
-    this.setState({ col10: !this.state.col10 })
-  }
-
-  t_col11() {
-    this.setState({ col11: !this.state.col11 })
-  }
-
-  toggle(tab) {
-    if (this.state.activeTab !== tab) {
-      this.setState({
-        activeTab: tab,
-      })
-    }
-  }
-
-  toggle1(tab) {
-    if (this.state.activeTab1 !== tab) {
-      this.setState({
-        activeTab1: tab,
-      })
-    }
-  }
-
-  toggle2(tab) {
-    if (this.state.activeTab2 !== tab) {
-      this.setState({
-        activeTab2: tab,
-      })
-    }
-  }
-
-  toggle3(tab) {
-    if (this.state.activeTab3 !== tab) {
-      this.setState({
-        activeTab3: tab,
-      })
-    }
-  }
-
-  toggleVertical(tab) {
-    if (this.state.verticalActiveTab !== tab) {
-      this.setState({
-        verticalActiveTab: tab,
-      })
-    }
-  }
-
-  toggleCustom(tab) {
-    if (this.state.customActiveTab !== tab) {
-      this.setState({
-        customActiveTab: tab,
-      })
-    }
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Tabs & Accordions | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs
-              title="UI Elements"
-              breadcrumbItem="Tabs & Accordions"
-            />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Default Tabs</CardTitle>
-                    <p className="card-title-desc">
-                      Use the tab JavaScript plugin—include it individually or
-                      through the compiled{" "}
-                      <code className="highlighter-rouge">bootstrap.js</code>{" "}
-                      file—to extend our navigational tabs and pills to create
-                      tabbable panes of local content, even via dropdown menus.
-                    </p>
-
-                    <Nav tabs>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab === "1",
-                          })}
-                          onClick={() => {
-                            this.toggle("1")
-                          }}
-                        >
-                          Home
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab === "2",
-                          })}
-                          onClick={() => {
-                            this.toggle("2")
-                          }}
-                        >
-                          Profile
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab === "3",
-                          })}
-                          onClick={() => {
-                            this.toggle("3")
-                          }}
-                        >
-                          Messages
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab === "4",
-                          })}
-                          onClick={() => {
-                            this.toggle("4")
-                          }}
-                        >
-                          Settings
-                        </NavLink>
-                      </NavItem>
-                    </Nav>
-
-                    <TabContent activeTab={this.state.activeTab} className="p-3 text-muted">
-                      <TabPane tabId="1">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Raw denim you probably haven't heard of them jean
-                              shorts Austin. Nesciunt tofu stumptown aliqua,
-                              retro synth master cleanse. Mustache cliche
-                              tempor, williamsburg carles vegan helvetica.
-                              Reprehenderit butcher retro keffiyeh dreamcatcher
-                              synth. Cosby sweater eu banh mi, qui irure terry
-                              richardson ex squid. Aliquip placeat salvia cillum
-                              iphone. Seitan aliquip quis cardigan american
-                              apparel, butcher voluptate nisi qui.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="2">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Food truck fixie locavore, accusamus mcsweeney's
-                              marfa nulla single-origin coffee squid.
-                              Exercitation +1 labore velit, blog sartorial PBR
-                              leggings next level wes anderson artisan four loko
-                              farm-to-table craft beer twee. Qui photo booth
-                              letterpress, commodo enim craft beer mlkshk
-                              aliquip jean shorts ullamco ad vinyl cillum PBR.
-                              Homo nostrud organic, assumenda labore aesthetic
-                              magna delectus mollit. Keytar helvetica VHS salvia
-                              yr, vero magna velit sapiente labore stumptown.
-                              Vegan fanny pack odio cillum wes anderson 8-bit.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="3">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Etsy mixtape wayfarers, ethical wes anderson tofu
-                              before they sold out mcsweeney's organic lomo
-                              retro fanny pack lo-fi farm-to-table readymade.
-                              Messenger bag gentrify pitchfork tattooed craft
-                              beer, iphone skateboard locavore carles etsy
-                              salvia banksy hoodie helvetica. DIY synth PBR
-                              banksy irony. Leggings gentrify squid 8-bit cred
-                              pitchfork. Williamsburg banh mi whatever
-                              gluten-free, carles pitchfork biodiesel fixie etsy
-                              retro mlkshk vice blog. Scenester cred you
-                              probably haven't heard of them, vinyl craft beer
-                              blog stumptown. Pitchfork sustainable tofu synth
-                              chambray yr.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="4">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Trust fund seitan letterpress, keytar raw denim
-                              keffiyeh etsy art party before they sold out
-                              master cleanse gluten-free squid scenester freegan
-                              cosby sweater. Fanny pack portland seitan DIY, art
-                              party locavore wolf cliche high life echo park
-                              Austin. Cred vinyl keffiyeh DIY salvia PBR, banh
-                              mi before they sold out farm-to-table VHS viral
-                              locavore cosby sweater. Lomo wolf viral, mustache
-                              readymade thundercats keffiyeh craft beer marfa
-                              ethical. Wolf salvia freegan, sartorial keffiyeh
-                              echo park vegan.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                    </TabContent>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Justify Tabs</CardTitle>
-                    <p className="card-title-desc">
-                      Use the tab JavaScript plugin—include it individually or
-                      through the compiled{" "}
-                      <code className="highlighter-rouge">bootstrap.js</code>{" "}
-                      file—to extend our navigational tabs and pills to create
-                      tabbable panes of local content, even via dropdown menus.
-                    </p>
-
-                    <Nav pills className="navtab-bg nav-justified">
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab1 === "5",
-                          })}
-                          onClick={() => {
-                            this.toggle1("5")
-                          }}
-                        >
-                          Home
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab1 === "6",
-                          })}
-                          onClick={() => {
-                            this.toggle1("6")
-                          }}
-                        >
-                          Profile
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab1 === "7",
-                          })}
-                          onClick={() => {
-                            this.toggle1("7")
-                          }}
-                        >
-                          Messages
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.activeTab1 === "8",
-                          })}
-                          onClick={() => {
-                            this.toggle1("8")
-                          }}
-                        >
-                          Settings
-                        </NavLink>
-                      </NavItem>
-                    </Nav>
-
-                    <TabContent activeTab={this.state.activeTab1} className="p-3 text-muted">
-                      <TabPane tabId="5">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Raw denim you probably haven't heard of them jean
-                              shorts Austin. Nesciunt tofu stumptown aliqua,
-                              retro synth master cleanse. Mustache cliche
-                              tempor, williamsburg carles vegan helvetica.
-                              Reprehenderit butcher retro keffiyeh dreamcatcher
-                              synth. Cosby sweater eu banh mi, qui irure terry
-                              richardson ex squid. Aliquip placeat salvia cillum
-                              iphone. Seitan aliquip quis cardigan american
-                              apparel, butcher voluptate nisi qui.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="6">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Food truck fixie locavore, accusamus mcsweeney's
-                              marfa nulla single-origin coffee squid.
-                              Exercitation +1 labore velit, blog sartorial PBR
-                              leggings next level wes anderson artisan four loko
-                              farm-to-table craft beer twee. Qui photo booth
-                              letterpress, commodo enim craft beer mlkshk
-                              aliquip jean shorts ullamco ad vinyl cillum PBR.
-                              Homo nostrud organic, assumenda labore aesthetic
-                              magna delectus mollit. Keytar helvetica VHS salvia
-                              yr, vero magna velit sapiente labore stumptown.
-                              Vegan fanny pack odio cillum wes anderson 8-bit.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="7">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Etsy mixtape wayfarers, ethical wes anderson tofu
-                              before they sold out mcsweeney's organic lomo
-                              retro fanny pack lo-fi farm-to-table readymade.
-                              Messenger bag gentrify pitchfork tattooed craft
-                              beer, iphone skateboard locavore carles etsy
-                              salvia banksy hoodie helvetica. DIY synth PBR
-                              banksy irony. Leggings gentrify squid 8-bit cred
-                              pitchfork. Williamsburg banh mi whatever
-                              gluten-free, carles pitchfork biodiesel fixie etsy
-                              retro mlkshk vice blog. Scenester cred you
-                              probably haven't heard of them, vinyl craft beer
-                              blog stumptown. Pitchfork sustainable tofu synth
-                              chambray yr.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-
-                      <TabPane tabId="8">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Trust fund seitan letterpress, keytar raw denim
-                              keffiyeh etsy art party before they sold out
-                              master cleanse gluten-free squid scenester freegan
-                              cosby sweater. Fanny pack portland seitan DIY, art
-                              party locavore wolf cliche high life echo park
-                              Austin. Cred vinyl keffiyeh DIY salvia PBR, banh
-                              mi before they sold out farm-to-table VHS viral
-                              locavore cosby sweater. Lomo wolf viral, mustache
-                              readymade thundercats keffiyeh craft beer marfa
-                              ethical. Wolf salvia freegan, sartorial keffiyeh
-                              echo park vegan.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                    </TabContent>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Vertical Nav Tabs</CardTitle>
-                    <p className="card-title-desc">
-                      Example of Vertical nav tabs
-                    </p>
-                    <Row>
-                      <Col md="3">
-                        <Nav pills className="flex-column">
-                          <NavItem>
-                            <NavLink
-                              style={{ cursor: "pointer" }}
-                              className={classnames({
-                                'mb-2': true,
-                                active: this.state.verticalActiveTab === "1"
-                              })}
-                              onClick={() => {
-                                this.toggleVertical("1")
-                              }}
-                            >Home
-                        </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                              style={{ cursor: "pointer" }}
-                              className={classnames({
-                                'mb-2': true,
-                                active: this.state.verticalActiveTab === "2"
-                              })}
-                              onClick={() => {
-                                this.toggleVertical("2")
-                              }}
-                            >
-                              Profile
-                        </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                              style={{ cursor: "pointer" }}
-                              className={classnames({
-                                'mb-2': true,
-                                active: this.state.verticalActiveTab === "3",
-                              })}
-                              onClick={() => {
-                                this.toggleVertical("3")
-                              }}
-                            >
-                              Messages
-                        </NavLink>
-                          </NavItem>
-                          <NavItem>
-                            <NavLink
-                              style={{ cursor: "pointer" }}
-                              className={classnames({
-                                active: this.state.verticalActiveTab === "4"
-                              })}
-                              onClick={() => {
-                                this.toggleVertical("4")
-                              }}
-                            >
-                              Settings
-                        </NavLink>
-                          </NavItem>
-                        </Nav>
-                      </Col>
-                      <Col md="9">
-                        <TabContent activeTab={this.state.verticalActiveTab} className="text-muted mt-4 mt-md-0">
-                          <TabPane tabId="1">
-                            <p>
-                              Raw denim you probably haven't heard of them jean shorts Austin.
-                              Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache
-                              cliche tempor, williamsburg carles vegan helvetica. Reprehenderit
-                              butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi,
-                              qui irure terry richardson ex squid. Aliquip placeat salvia cillum
-                              iphone. Seitan aliquip quis cardigan.
-                                                        </p>
-                            <p>Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi,
-                                                                qui irure terry richardson ex squid.</p>
-                          </TabPane>
-                          <TabPane tabId="2">
-                            <p>
-                              Food truck fixie locavore, accusamus mcsweeney's marfa nulla
-                              single-origin coffee squid. Exercitation +1 labore velit, blog
-                              sartorial PBR leggings next level wes anderson artisan four loko
-                              farm-to-table craft beer twee. Qui photo booth letterpress,
-                              commodo enim craft beer mlkshk.
-                                                        </p>
-                            <p className="mb-0"> Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna 8-bit</p>
-
-                          </TabPane>
-                          <TabPane tabId="3">
-                            <p>
-                              Etsy mixtape wayfarers, ethical wes anderson tofu before they
-                              sold out mcsweeney's organic lomo retro fanny pack lo-fi
-                              farm-to-table readymade. Messenger bag gentrify pitchfork
-                              tattooed craft beer, iphone skateboard locavore carles etsy
-                              salvia banksy hoodie helvetica. DIY synth PBR banksy irony.
-                              Leggings gentrify squid 8-bit cred.
-                                                        </p>
-                            <p className="mb-0">DIY synth PBR banksy irony.
-                            Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh
-                                                                mi whatever gluten-free.</p>
-                          </TabPane>
-
-                          <TabPane tabId="4">
-                            <p>
-                              Trust fund seitan letterpress, keytar raw denim keffiyeh etsy
-                              art party before they sold out master cleanse gluten-free squid
-                              scenester freegan cosby sweater. Fanny pack portland seitan DIY,
-                              art party locavore wolf cliche high life echo park Austin. Cred
-                              vinyl keffiyeh DIY salvia PBR, banh mi before they sold out
-                              farm-to-table.
-                                                        </p>
-                            <p className="mb-0">Fanny pack portland seitan DIY,
-                            art party locavore wolf cliche high life echo park Austin. Cred
-                            vinyl keffiyeh DIY salvia PBR, banh mi before they sold out
-                            farm-to-table.
-                                                        </p>
-                          </TabPane>
-                        </TabContent>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Custom Tabs</CardTitle>
-                    <p className="card-title-desc">
-                      Example of custom tabs
-                    </p>
-
-                    <Nav tabs className="nav-tabs-custom nav-justified">
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.customActiveTab === "1",
-                          })}
-                          onClick={() => {
-                            this.toggleCustom("1")
-                          }}
-                        >
-                          <span className="d-none d-sm-block">Home</span>
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.customActiveTab === "2",
-                          })}
-                          onClick={() => {
-                            this.toggleCustom("2")
-                          }}
-                        >
-                          <span className="d-none d-sm-block">Profile</span>
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.customActiveTab === "3",
-                          })}
-                          onClick={() => {
-                            this.toggleCustom("3")
-                          }}
-                        >
-                          <span className="d-none d-sm-block">Messages</span>
-                        </NavLink>
-                      </NavItem>
-                      <NavItem>
-                        <NavLink
-                          style={{ cursor: "pointer" }}
-                          className={classnames({
-                            active: this.state.customActiveTab === "4",
-                          })}
-                          onClick={() => {
-                            this.toggleCustom("4")
-                          }}
-                        >
-                          <span className="d-none d-sm-block">Settings</span>
-                        </NavLink>
-                      </NavItem>
-                    </Nav>
-
-                    <TabContent activeTab={this.state.customActiveTab} className="p-3 text-muted">
-                      <TabPane tabId="1">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Raw denim you probably haven't heard of them jean
-                              shorts Austin. Nesciunt tofu stumptown aliqua,
-                              retro synth master cleanse. Mustache cliche
-                              tempor, williamsburg carles vegan helvetica.
-                              Reprehenderit butcher retro keffiyeh dreamcatcher
-                              synth. Cosby sweater eu banh mi, qui irure terry
-                              richardson ex squid. Aliquip placeat salvia cillum
-                              iphone. Seitan aliquip quis cardigan american
-                              apparel, butcher voluptate nisi qui.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="2">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Food truck fixie locavore, accusamus mcsweeney's
-                              marfa nulla single-origin coffee squid.
-                              Exercitation +1 labore velit, blog sartorial PBR
-                              leggings next level wes anderson artisan four loko
-                              farm-to-table craft beer twee. Qui photo booth
-                              letterpress, commodo enim craft beer mlkshk
-                              aliquip jean shorts ullamco ad vinyl cillum PBR.
-                              Homo nostrud organic, assumenda labore aesthetic
-                              magna delectus mollit. Keytar helvetica VHS salvia
-                              yr, vero magna velit sapiente labore stumptown.
-                              Vegan fanny pack odio cillum wes anderson 8-bit.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="3">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Etsy mixtape wayfarers, ethical wes anderson tofu
-                              before they sold out mcsweeney's organic lomo
-                              retro fanny pack lo-fi farm-to-table readymade.
-                              Messenger bag gentrify pitchfork tattooed craft
-                              beer, iphone skateboard locavore carles etsy
-                              salvia banksy hoodie helvetica. DIY synth PBR
-                              banksy irony. Leggings gentrify squid 8-bit cred
-                              pitchfork. Williamsburg banh mi whatever
-                              gluten-free, carles pitchfork biodiesel fixie etsy
-                              retro mlkshk vice blog. Scenester cred you
-                              probably haven't heard of them, vinyl craft beer
-                              blog stumptown. Pitchfork sustainable tofu synth
-                              chambray yr.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                      <TabPane tabId="4">
-                        <Row>
-                          <Col sm="12">
-                            <CardText className="mb-0">
-                              Trust fund seitan letterpress, keytar raw denim
-                              keffiyeh etsy art party before they sold out
-                              master cleanse gluten-free squid scenester freegan
-                              cosby sweater. Fanny pack portland seitan DIY, art
-                              party locavore wolf cliche high life echo park
-                              Austin. Cred vinyl keffiyeh DIY salvia PBR, banh
-                              mi before they sold out farm-to-table VHS viral
-                              locavore cosby sweater. Lomo wolf viral, mustache
-                              readymade thundercats keffiyeh craft beer marfa
-                              ethical. Wolf salvia freegan, sartorial keffiyeh
-                              echo park vegan.
-                            </CardText>
-                          </Col>
-                        </Row>
-                      </TabPane>
-                    </TabContent>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4 mb-0">Collapse</CardTitle>
-                    <Row>
-                      <Col xl="6">
-                        <div className="mt-4">
-                          <h5 className="font-size-14">Example</h5>
-                          <p className="card-title-desc">
-                            You can use a link with the{" "}
-                            <code className="highlighter-rouge">href</code> attribute,
-                      or a button with the{" "}
-                            <code className="highlighter-rouge">data-target</code>{" "}
-                      attribute. In both cases, the{" "}
-                            <code className="highlighter-rouge">
-                              {" "}
-                        data-toggle="collapse"
-                      </code>{" "}
-                      is required.
-                    </p>
-
-                          <div className="d-flex gap-2 flex-wrap mb-3">
-                            <Link
-                              to="#"
-                              onClick={this.t_col5}
-                              style={{ cursor: "pointer" }}
-                              className="btn btn-primary mo-mb-2"
-                            >
-                              Link with href{" "}
-                            </Link>
-                            <button
-                              onClick={this.t_col5}
-                              className="btn btn-primary mo-mb-2"
-                              type="button"
-                              style={{ cursor: "pointer" }}
-                            >
-                              Button with data-target
-                             </button>
-                          </div>
-                          <Collapse isOpen={this.state.col5}>
-                            <Card>
-                              <CardBody>
-                                Anim pariatur cliche reprehenderit, enim eiusmod high
-                                life accusamus terry richardson ad squid. Nihil anim
-                                keffiyeh helvetica, craft beer labore wes anderson
-                                cred nesciunt sapiente ea proident.
-                              </CardBody>
-                            </Card>
-                          </Collapse>
-                        </div>
-                      </Col>
-                      <Col xl="6">
-                        <div className="mt-4">
-                          <h5 className="font-size-14">Multiple targets</h5>
-                          <p className="card-title-desc">
-                            A <code>&lt;button&gt;</code> or <code>&lt;a&gt;</code> can show and hide multiple elements by referencing them with a selector in its <code>href</code> or <code>data-bs-target</code> attribute.
-                                                    </p>
-
-                          <div className="d-flex gap-2 flex-wrap mb-3">
-                            <Link
-                              to="#"
-                              onClick={this.t_col6}
-                              style={{ cursor: "pointer" }}
-                              className="btn btn-primary"
-                            >
-                              Toggle first element
-                            </Link>
-                            <button
-                              onClick={this.t_col7}
-                              className="btn btn-primary"
-                              type="button"
-                              style={{ cursor: "pointer" }}
-                            >
-                              Toggle second element
-                             </button>
-
-                            <button
-                              onClick={this.t_col8}
-                              className="btn btn-primary"
-                              type="button"
-                              style={{ cursor: "pointer" }}
-                            >
-                              Toggle both element
-                             </button>
-                          </div>
-                          <div className="row">
-                            <div className="col">
-                              <Collapse isOpen={this.state.col6}>
-                                <Card>
-                                  <CardBody className="border shadow-none text-muted mb-0">
-                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
-                              </CardBody>
-                                </Card>
-                              </Collapse>
-                            </div>
-                            <div className="col">
-                              <Collapse isOpen={this.state.col7}>
-                                <Card>
-                                  <CardBody className="border shadow-none text-muted mb-0">
-                                    Anim pariatur cliche reprehenderit, enim eiusmod high
-                                    life accusamus terry richardson ad squid. Nihil anim
-                                    keffiyeh helvetica, craft beer labore wes anderson
-                                    cred nesciunt sapiente ea proident.
-                                  </CardBody>
-                                </Card>
-                              </Collapse>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Card>
-                <CardBody>
-                  <Row>
-                    <Col lg={6}>
-
-                      <CardTitle className="h4">Accordion</CardTitle>
-                      <p className="card-title-desc">
-                        Extend the default collapse behavior to create an
-                        accordion.
-                    </p>
-
-                      <div className="accordion" id="accordion">
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingOne">
-                            <button className="accordion-button fw-medium" type="button" onClick={this.t_col1} style={{ cursor: "pointer" }}>
-                              Accordion Item #1
-                              </button>
-                          </h2>
-
-
-                          <Collapse isOpen={this.state.col1} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingTwo">
-                            <button className="accordion-button fw-medium collapsed" type="button" onClick={this.t_col2} style={{ cursor: "pointer" }}>
-                              Accordion Item #2
-                              </button>
-                          </h2>
-
-                          <Collapse isOpen={this.state.col2} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingThree">
-                            <button className="accordion-button fw-medium collapsed" type="button" onClick={this.t_col3} style={{ cursor: "pointer" }}>
-                              Accordion Item #3
-                              </button>
-                          </h2>
-                          <Collapse isOpen={this.state.col3} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                      </div>
-                    </Col>
-                    <Col lg={6}>
-
-                      <CardTitle className="h4">Flush</CardTitle>
-                      <p className="card-title-desc">Add <code>.accordion-flush</code> to remove the default <code>background-color</code>, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.</p>
-
-                      <div className="accordion accordion-flush" id="accordionFlushExample">
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingFlushOne">
-                            <button className="accordion-button fw-medium" type="button" onClick={this.t_col9} style={{ cursor: "pointer" }}>
-                              Accordion Item #1
-                              </button>
-                          </h2>
-
-
-                          <Collapse isOpen={this.state.col9} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingFlushTwo">
-                            <button className="accordion-button fw-medium collapsed" type="button" onClick={this.t_col10} style={{ cursor: "pointer" }}>
-                              Accordion Item #2
-                              </button>
-                          </h2>
-
-                          <Collapse isOpen={this.state.col10} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                        <div className="accordion-item">
-                          <h2 className="accordion-header" id="headingFlushThree">
-                            <button className="accordion-button fw-medium collapsed" type="button" onClick={this.t_col11} style={{ cursor: "pointer" }}>
-                              Accordion Item #3
-                              </button>
-                          </h2>
-                          <Collapse isOpen={this.state.col11} className="accordion-collapse">
-                            <div className="accordion-body">
-                              <div className="text-muted">
-                                <strong className="text-dark">This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
-                              </div>
-                            </div>
-                          </Collapse>
-                        </div>
-                      </div>
-
-                    </Col>
-                  </Row>
-                </CardBody>
-              </Card>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiTabsAccordions
diff --git a/Client/src/backoffice/pages/Ui/UiTypography.js b/Client/src/backoffice/pages/Ui/UiTypography.js
deleted file mode 100644
index 458cbc3..0000000
--- a/Client/src/backoffice/pages/Ui/UiTypography.js
+++ /dev/null
@@ -1,349 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Media,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiTypography extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Typography | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Typography" />
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <Media>
-                      <div className="ms-3 me-4">
-                        <h1 className="display-4 mb-0">A</h1>
-                      </div>
-                      <div className="media-body align-self-center">
-                        <p className="text-muted mb-2">Font Family</p>
-                        <h5 className="mb-0">"Poppins", sans-serif</h5>
-                      </div>
-                    </Media>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Headings</CardTitle>
-                    <p className="card-title-desc">
-                      All HTML headings,{" "}
-                      <code>&lt;h1&gt;</code>{" "}
-                      through{" "}
-                      <code>&lt;h6&gt;</code>, are
-                      available.
-                    </p>
-
-                    <h1 className="mb-3">
-                      h1. Bootstrap heading{" "}
-                      <small className="text-muted">
-                        Semibold 2.5rem (40px)
-                      </small>
-                    </h1>
-                    <h2 className="mb-3">
-                      h2. Bootstrap heading{" "}
-                      <small className="text-muted">Semibold 2rem (32px)</small>
-                    </h2>
-                    <h3 className="mb-3">
-                      h3. Bootstrap heading{" "}
-                      <small className="text-muted">
-                        Semibold 1.75rem (28px)
-                      </small>
-                    </h3>
-                    <h4 className="mb-3">
-                      h4. Bootstrap heading{" "}
-                      <small className="text-muted">
-                        Semibold 1.5rem (24px)
-                      </small>
-                    </h4>
-                    <h5 className="mb-3">
-                      h5. Bootstrap heading{" "}
-                      <small className="text-muted">
-                        Semibold 1.25rem (20px)
-                      </small>
-                    </h5>
-                    <h6>
-                      h6. Bootstrap heading{" "}
-                      <small className="text-muted">Semibold 1rem (16px)</small>
-                    </h6>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <Row>
-                      <Col sm="6">
-                        <Media className="align-items-center">
-                          <div className="me-4">
-                            <h1 className="fw-medium display-4 mb-0">Aa</h1>
-                          </div>
-                          <Media body>
-                            <p className="text-muted mb-2">Font Weight</p>
-                            <h4 className="mb-0">500</h4>
-                          </Media>
-                        </Media>
-                      </Col>
-                      <Col sm="6">
-                        <Media className="align-items-center">
-                          <div className="me-4">
-                            <h1 className="font-weight-semibold display-4 mb-0">Aa</h1>
-                          </div>
-                          <Media body>
-                            <p className="text-muted mb-2">Font Weight</p>
-                            <h4 className="mb-0">600</h4>
-                          </Media>
-                        </Media>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Display headings</CardTitle>
-                    <p className="card-title-desc">Traditional heading elements are designed to work best in the meat of your page content. </p>
-
-                    <h1 className="display-1">Display 1</h1>
-                    <h1 className="display-2">Display 2</h1>
-                    <h1 className="display-3">Display 3</h1>
-                    <h1 className="display-4">Display 4</h1>
-                    <h1 className="display-5">Display 5</h1>
-                    <h1 className="display-6 mb-0">Display 6</h1>
-
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col xl="6">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Inline text elements</CardTitle>
-                    <p className="card-title-desc">
-                      Styling for common inline HTML5 elements.
-                    </p>
-
-                    <p className="lead">
-                      Vivamus sagittis lacus vel augue laoreet rutrum faucibus
-                      dolor auctor.
-                    </p>
-                    <p>
-                      You can use the mark tag to <mark>highlight</mark> text.
-                    </p>
-                    <p>
-                      <del>
-                        This line of text is meant to be treated as deleted
-                        text.
-                      </del>
-                    </p>
-                    <p>
-                      <s>
-                        This line of text is meant to be treated as no longer
-                        accurate.
-                      </s>
-                    </p>
-                    <p>
-                      <ins>
-                        This line of text is meant to be treated as an addition
-                        to the document.
-                      </ins>
-                    </p>
-                    <p>
-                      <u>This line of text will render as underlined</u>
-                    </p>
-                    <p>
-                      <small>
-                        This line of text is meant to be treated as fine print.
-                      </small>
-                    </p>
-                    <p>
-                      <strong>This line rendered as bold text.</strong>
-                    </p>
-                    <p className="mb-0">
-                      <em>This line rendered as italicized text.</em>
-                    </p>
-                  </CardBody>
-                </Card>
-              </Col>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Unstyled List</CardTitle>
-                    <p className="card-title-desc">
-                      Remove the default{" "}
-                      <code className="highlighter-rouge">list-style</code> and
-                      left margin on list items (immediate children only).{" "}
-                      <strong>
-                        This only applies to immediate children list items
-                      </strong>
-                      , meaning you will need to add the className for any
-                      nested lists as well.
-                    </p>
-
-                    <ul className="list-unstyled mb-0">
-                      <li>Integer molestie lorem at massa</li>
-                      <li>
-                        Nulla volutpat aliquam velit
-                        <ul>
-                          <li>Phasellus iaculis neque</li>
-                          <li>Purus sodales ultricies</li>
-                          <li>Vestibulum laoreet porttitor sem</li>
-                        </ul>
-                      </li>
-                      <li>Faucibus porta lacus fringilla vel</li>
-                    </ul>
-                  </CardBody>
-                </Card>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">
-                      Inline List
-                    </CardTitle>
-                    <p className="card-title-desc">Remove a list’s bullets and apply some
-                                            light <code className="highlighter-rouge">margin</code> with a combination
-                                            of two classes, <code className="highlighter-rouge">.list-inline</code> and
-                                            <code className="highlighter-rouge">.list-inline-item</code>.</p>
-
-                    <ul className="list-inline mb-0">
-                      <li className="list-inline-item">Lorem ipsum</li>
-                      <li className="list-inline-item">Phasellus iaculis</li>
-                      <li className="list-inline-item">Nulla volutpat</li>
-                    </ul>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col lg={12}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Blockquotes</CardTitle>
-                    <p className="card-title-desc">
-                      For quoting blocks of content from another source within
-                      your document. Wrap{" "}
-                      <code className="highlighter-rouge">
-                        &lt;blockquote className="blockquote"&gt;
-                      </code>{" "}
-                      around any{" "}
-                      <abbr title="HyperText Markup Language">HTML</abbr> as the
-                      quote.
-                    </p>
-                    <Row>
-                      <Col xs="6">
-                        <div>
-                          <blockquote className="blockquote font-size-16 mb-0">
-                            <p>
-                              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                              Integer posuere erat a ante.
-                            </p>
-                            <footer className="blockquote-footer">
-                              Someone famous in{" "}
-                              <cite title="Source Title">Source Title</cite>
-                            </footer>
-                          </blockquote>
-                        </div>
-                      </Col>
-                      <Col xs="6">
-                        <blockquote className="blockquote  blockquote-reverse font-size-16 mb-0">
-                          <p>
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                            Integer posuere erat a ante.
-                      </p>
-                          <footer className="blockquote-footer">
-                            Someone famous in{" "}
-                            <cite title="Source Title">Source Title</cite>
-                          </footer>
-                        </blockquote>
-                      </Col>
-                    </Row>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-            <Row>
-              <Col className="col-12">
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Description list alignment</CardTitle>
-                    <p className="card-title-desc">
-                      Align terms and descriptions horizontally by using our
-                      grid system’s predefined classNamees (or semantic mixins).
-                      For longer terms, you can optionally add a{" "}
-                      <code className="highlighter-rouge">.text-truncate</code>{" "}
-                      className to truncate the text with an ellipsis.
-                    </p>
-
-                    <dl className="row mb-0">
-                      <dt className="col-sm-3">Description lists</dt>
-                      <dd className="col-sm-9">
-                        A description list is perfect for defining terms.
-                      </dd>
-
-                      <dt className="col-sm-3">Euismod</dt>
-                      <dd className="col-sm-9">
-                        Vestibulum id ligula porta felis euismod semper eget
-                        lacinia odio sem nec elit.
-                      </dd>
-                      <dd className="col-sm-9 offset-sm-3">
-                        Donec id elit non mi porta gravida at eget metus.
-                      </dd>
-
-                      <dt className="col-sm-3">Malesuada porta</dt>
-                      <dd className="col-sm-9">
-                        Etiam porta sem malesuada magna mollis euismod.
-                      </dd>
-
-                      <dt className="col-sm-3 text-truncate">
-                        Truncated term is truncated
-                      </dt>
-                      <dd className="col-sm-9">
-                        Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                        condimentum nibh, ut fermentum massa justo sit amet
-                        risus.
-                      </dd>
-
-                      <dt className="col-sm-3">Nesting</dt>
-                      <dd className="col-sm-9 mb-0">
-                        <dl className="row mb-0">
-                          <dt className="col-sm-4">Nested definition list</dt>
-                          <dd className="col-sm-8">
-                            Aenean posuere, tortor sed cursus feugiat, nunc
-                            augue blandit nunc.
-                          </dd>
-                        </dl>
-                      </dd>
-                    </dl>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiTypography
diff --git a/Client/src/backoffice/pages/Ui/UiVideo.js b/Client/src/backoffice/pages/Ui/UiVideo.js
deleted file mode 100644
index 1632e43..0000000
--- a/Client/src/backoffice/pages/Ui/UiVideo.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Card,
-  CardBody,
-  CardSubtitle,
-  CardTitle,
-  Col,
-  Container,
-  Row,
-} from "reactstrap"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiVideo extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {}
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-          <MetaTags>
-            <title>Video | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Video" />
-
-            <Row>
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive embed video 16:9</CardTitle>
-                    <p className="card-title-desc">
-                      Aspect ratios can be customized with modifier classNamees.
-                    </p>
-
-                    <div className="ratio ratio-16x9">
-                      <iframe
-                        title="test"
-                        allowFullScreen
-                        src="https://www.youtube.com/embed/1y_kfWUCFDQ"
-                      ></iframe>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive embed video 21:9</CardTitle>
-                    <p className="card-title-desc">
-                      Aspect ratios can be customized with modifier classNamees.
-                    </p>
-
-                    <div className="ratio ratio-21x9">
-                      <iframe
-                        title="test1"
-                        allowFullScreen
-                        src="https://www.youtube.com/embed/1y_kfWUCFDQ"
-                      ></iframe>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-
-            <Row>
-              <Col xl={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive embed video 4:3</CardTitle>
-                    <p className="card-title-desc">
-                      Aspect ratios can be customized with modifier classNamees.
-                    </p>
-
-                    <div className="ratio ratio-4x3">
-                      <iframe
-                        title="tes2"
-                        allowFullScreen
-                        src="https://www.youtube.com/embed/1y_kfWUCFDQ"
-                      ></iframe>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-
-              <Col lg={6}>
-                <Card>
-                  <CardBody>
-                    <CardTitle className="h4">Responsive embed video 1:1</CardTitle>
-                    <p className="card-title-desc">
-                      Aspect ratios can be customized with modifier classNamees.
-                    </p>
-
-                    <div className="ratio ratio-1x1">
-                      <iframe
-                        title="test3"
-                        src="https://www.youtube.com/embed/1y_kfWUCFDQ"
-                        allowFullScreen
-                      ></iframe>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiVideo
diff --git a/Client/src/backoffice/pages/Ui/ui-notifications.js b/Client/src/backoffice/pages/Ui/ui-notifications.js
deleted file mode 100644
index 7dda6e3..0000000
--- a/Client/src/backoffice/pages/Ui/ui-notifications.js
+++ /dev/null
@@ -1,661 +0,0 @@
-import React, { Component } from "react"
-import MetaTags from 'react-meta-tags';
-import {
-  Button,
-  Card,
-  CardBody,
-  Col,
-  Container,
-  FormGroup,
-  Label,
-  Row,
-} from "reactstrap"
-import toastr from "toastr"
-import "toastr/build/toastr.min.css"
-
-//Import Breadcrumb
-import Breadcrumbs from "../../components/Common/Breadcrumb"
-
-class UiNotifications extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      showEasing: "swing",
-      hideEasing: "linear",
-      showMethod: "fadeIn",
-      hideMethod: "fadeOut",
-
-      showDuration: 300,
-      hideDuration: 1000,
-      timeOut: 5000,
-      extendedTimeOut: 1000,
-    }
-    this.showToast.bind(this)
-    this.clearToast.bind(this)
-  }
-
-  showToast() {
-    var ele = document.getElementsByName("toastType")
-    var position = document.getElementsByName("positions")
-    var toastType
-    var title = document.getElementById("title").value
-    var message = "Have fun storming the castle!"
-
-    if (document.getElementById("message").value !== "")
-      message = document.getElementById("message").value
-
-    //Close Button
-    var closeButton = document.getElementById("closeButton").checked
-
-    //Add behavior on toast click Button
-    var behaviorButton = document.getElementById("behaviorButton").checked
-
-    //Debug
-    var debug = document.getElementById("debugInfo").checked
-
-    //Progressbar
-    var progressBar = document.getElementById("progressBar").checked
-
-    //Duplicates
-    var preventDuplicates = document.getElementById("preventDuplicates").checked
-
-    //Newest on Top
-    var newestOnTop = document.getElementById("newestOnTop").checked
-
-    //position class
-    var positionClass = "toast-top-right"
-
-    //Fetch position
-    for (var p = 0; p < position.length; p++) {
-      if (position[p].checked) positionClass = position[p].value
-    }
-
-    //Show Easing
-    var showEasing = document.getElementById("showEasing").value
-
-    //Hide Easing
-    var hideEasing = document.getElementById("hideEasing").value
-
-    //show method
-    var showMethod = document.getElementById("showMethod").value
-
-    //Hide method
-    var hideMethod = document.getElementById("hideMethod").value
-
-    //show duration
-    var showDuration = document.getElementById("showDuration").value
-
-    //Hide duration
-    var hideDuration = document.getElementById("hideDuration").value
-
-    //timeout
-    var timeOut = document.getElementById("timeOut").value
-
-    //extended timeout
-    var extendedTimeOut = document.getElementById("extendedTimeOut").value
-
-    //Fetch checked Type
-    for (var i = 0; i < ele.length; i++) {
-      if (ele[i].checked) toastType = ele[i].value
-    }
-
-    toastr.options = {
-      positionClass: positionClass,
-      timeOut: timeOut,
-      extendedTimeOut: extendedTimeOut,
-      closeButton: closeButton,
-      behaviorButton: behaviorButton,
-      debug: debug,
-      progressBar: progressBar,
-      preventDuplicates: preventDuplicates,
-      newestOnTop: newestOnTop,
-      showEasing: showEasing,
-      hideEasing: hideEasing,
-      showMethod: showMethod,
-      hideMethod: hideMethod,
-      showDuration: showDuration,
-      hideDuration: hideDuration,
-    }
-
-    // setTimeout(() => toastr.success(`Settings updated `), 300)
-    //Toaster Types
-    if (toastType === "info") toastr.info(message, title)
-    else if (toastType === "warning") toastr.warning(message, title)
-    else if (toastType === "error") toastr.error(message, title)
-    else toastr.success(message, title)
-  }
-
-  clearToast() {
-    toastr.clear()
-  }
-
-  render() {
-    return (
-      <React.Fragment>
-        <div className="page-content">
-        <MetaTags>
-            <title>Notifications | Skote - Responsive Bootstrap 5 Admin Dashboard</title>
-          </MetaTags>
-          <Container fluid={true}>
-            <Breadcrumbs title="UI Elements" breadcrumbItem="Notifications" />
-
-            <Row>
-              <Col lg="12">
-                <Card>
-                  <CardBody>
-                    <Row>
-                      <Col xl="4">
-                        <div className="control-group">
-                          <div className="controls">
-                            <FormGroup className="mb-3">
-                              <Label className="control-label">Title</Label>
-                              <input
-                                id="title"
-                                type="text"
-                                className="input-large form-control"
-                                placeholder="Enter a title ..."
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3"> 
-                              <Label className="control-label">Message</Label>
-                              <textarea
-                                className="input-large form-control"
-                                id="message"
-                                rows="3"
-                                placeholder="Enter a message ..."
-                              ></textarea>
-                            </FormGroup>
-                          </div>
-                        </div>
-                        <div className="control-group my-4">
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="closeButton"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="closeButton"
-                            >
-                              Close Button
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="behaviorButton"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="behaviorButton"
-                            >
-                              Add behavior on toast click
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="debugInfo"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="debugInfo"
-                            >
-                              Debug
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="progressBar"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="progressBar"
-                            >
-                              Progress Bar
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="preventDuplicates"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="preventDuplicates"
-                            >
-                              Prevent Duplicates
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="addClear"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="addClear"
-                            >
-                              Add button to force clearing a toast, ignoring
-                              focus
-                            </Label>
-                          </div>
-
-                          <div className="form-check mb-2">
-                            <input
-                              type="checkbox"
-                              className="form-check-input input-mini"
-                              id="newestOnTop"
-                              value="checked"
-                            />
-                            <Label
-                              className="form-check-label"
-                              htmlFor="newestOnTop"
-                            >
-                              Newest on top
-                            </Label>
-                          </div>
-                        </div>
-                      </Col>
-
-                      <Col xl="2">
-                        <div className="control-group" id="toastTypeGroup">
-                          <div className="controls mb-4">
-                            <Label>Toast Type</Label>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio1"
-                                name="toastType"
-                                className="form-check-input"
-                                value="success"
-                                defaultChecked
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio1"
-                              >
-                                Success
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio2"
-                                name="toastType"
-                                className="form-check-input"
-                                value="info"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio2"
-                              >
-                                Info
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio3"
-                                name="toastType"
-                                className="form-check-input"
-                                value="warning"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio3"
-                              >
-                                Warning
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio4"
-                                name="toastType"
-                                className="form-check-input"
-                                value="error"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio4"
-                              >
-                                Error
-                              </Label>
-                            </div>
-                          </div>
-                        </div>
-                        <div className="control-group" id="positionGroup">
-                          <div className="controls mb-4">
-                            <Label>Position</Label>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio5"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-top-right"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio5"
-                              >
-                                Top Right
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio6"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-bottom-right"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio6"
-                              >
-                                Bottom Right
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio7"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-bottom-left"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio7"
-                              >
-                                Bottom Left
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio8"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-top-left"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio8"
-                              >
-                                Top Left
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio9"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-top-full-width"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio9"
-                              >
-                                Top Full Width
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio10"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-bottom-full-width"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio10"
-                              >
-                                Bottom Full Width
-                              </Label>
-                            </div>
-
-                            <div className="form-check mb-2">
-                              <input
-                                type="radio"
-                                id="radio11"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-top-center"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio11"
-                              >
-                                Top Center
-                              </Label>
-                            </div>
-
-                            <div className="form-check">
-                              <input
-                                type="radio"
-                                id="radio12"
-                                name="positions"
-                                className="form-check-input"
-                                value="toast-bottom-center"
-                              />
-                              <Label
-                                className="form-check-label"
-                                htmlFor="radio12"
-                              >
-                                Bottom Center
-                              </Label>
-                            </div>
-                          </div>
-                        </div>
-                      </Col>
-
-                      <Col xl="3">
-                        <div className="control-group">
-                          <div className="controls">
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="showEasing">Show Easing</Label>
-                              <input
-                                id="showEasing"
-                                type="text"
-                                placeholder="swing, linear"
-                                className="input-mini form-control"
-                                value={this.state.showEasing}
-                                onChange={e => {
-                                  this.setState({ showEasing: e.target.value })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="hideEasing">Hide Easing</Label>
-                              <input
-                                id="hideEasing"
-                                type="text"
-                                placeholder="swing, linear"
-                                className="input-mini form-control"
-                                value={this.state.hideEasing}
-                                onChange={e => {
-                                  this.setState({ hideEasing: e.target.value })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="showMethod">Show Method</Label>
-                              <input
-                                id="showMethod"
-                                type="text"
-                                placeholder="show, fadeIn, slideDown"
-                                className="input-mini form-control"
-                                value={this.state.showMethod}
-                                onChange={e => {
-                                  this.setState({ showMethod: e.target.value })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="hideMethod">Hide Method</Label>
-                              <input
-                                id="hideMethod"
-                                type="text"
-                                placeholder="hide, fadeOut, slideUp"
-                                className="input-mini form-control"
-                                value={this.state.hideMethod}
-                                onChange={e => {
-                                  this.setState({ hideMethod: e.target.value })
-                                }}
-                              />
-                            </FormGroup>
-                          </div>
-                        </div>
-                      </Col>
-
-                      <Col xl="3">
-                        <div className="control-group">
-                          <div className="controls">
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="showDuration">Show Duration</Label>
-                              <input
-                                id="showDuration"
-                                type="text"
-                                placeholder="ms"
-                                className="form-control"
-                                value={this.state.showDuration}
-                                onChange={e => {
-                                  this.setState({
-                                    showDuration: e.target.value,
-                                  })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="hideDuration">Hide Duration</Label>
-                              <input
-                                id="hideDuration"
-                                type="text"
-                                placeholder="ms"
-                                className="form-control"
-                                value={this.state.hideDuration}
-                                onChange={e => {
-                                  this.setState({
-                                    hideDuration: e.target.value,
-                                  })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="timeOut">Time out</Label>
-                              <input
-                                id="timeOut"
-                                type="text"
-                                placeholder="ms"
-                                className="form-control"
-                                value={this.state.timeOut}
-                                onChange={e => {
-                                  this.setState({ timeOut: e.target.value })
-                                }}
-                              />
-                            </FormGroup>
-                            <FormGroup className="mb-3">
-                              <Label htmlFor="extendedTimeOut">
-                                Extended time out
-                              </Label>
-                              <input
-                                id="extendedTimeOut"
-                                type="text"
-                                placeholder="ms"
-                                className="form-control"
-                                value={this.state.extendedTimeOut}
-                                onChange={e => {
-                                  this.setState({
-                                    extendedTimeOut: e.target.value,
-                                  })
-                                }}
-                              />
-                            </FormGroup>
-                          </div>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <Row className="mt-4">
-                      <Col md="12">
-                        <div className="button-items">
-                          <Button
-                            type="button"
-                            color="primary"
-                            id="showtoast"
-                            onClick={this.showToast}
-                          >
-                            Show Toast
-                          </Button>{" "}
-                          <Button
-                            type="button"
-                            color="danger"
-                            id="cleartoasts"
-                            onClick={this.clearToast}
-                          >
-                            Clear Toasts
-                          </Button>
-                          <Button
-                            type="button"
-                                                                                                                                                                                                                color="danger"
-                            id="clearlasttoast"
-                          >
-                            Clear Last Toast
-                          </Button>
-                        </div>
-                      </Col>
-                    </Row>
-
-                    <div className="mt-3">
-                      <Col md="12">
-                        <pre
-                          id="toastrOptions"
-                          className="toastr-options"
-                        ></pre>
-                      </Col>
-                    </div>
-                  </CardBody>
-                </Card>
-              </Col>
-            </Row>
-          </Container>
-        </div>
-      </React.Fragment>
-    )
-  }
-}
-
-export default UiNotifications
diff --git a/Client/src/frontoffice/assets/jss/material-kit-pro-react/customSelectStyle.js b/Client/src/frontoffice/assets/jss/material-kit-pro-react/customSelectStyle.js
index 1183db0..57ef50b 100644
--- a/Client/src/frontoffice/assets/jss/material-kit-pro-react/customSelectStyle.js
+++ b/Client/src/frontoffice/assets/jss/material-kit-pro-react/customSelectStyle.js
@@ -79,7 +79,7 @@ const customSelectStyle = {
     color: grayColor[8],
     paddingRight: "30px",
     "&:hover": {
-      backgroundColor: primaryColor[0],
+      backgroundColor: "#7E69BA",
       color: whiteColor,
       ...primaryBoxShadow
     }
diff --git a/Client/src/frontoffice/components/frontoffice/Brand/Brand.js b/Client/src/frontoffice/components/Brand/Brand.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/Brand/Brand.js
rename to Client/src/frontoffice/components/Brand/Brand.js
diff --git a/Client/src/frontoffice/components/frontoffice/Filter/Filter.js b/Client/src/frontoffice/components/Filter/Filter.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/Filter/Filter.js
rename to Client/src/frontoffice/components/Filter/Filter.js
diff --git a/Client/src/frontoffice/components/Footer/FooterPage.js b/Client/src/frontoffice/components/Footer/FooterPage.js
index 76fd4e5..7321a61 100644
--- a/Client/src/frontoffice/components/Footer/FooterPage.js
+++ b/Client/src/frontoffice/components/Footer/FooterPage.js
@@ -2,8 +2,8 @@ import React from "react";
 import { Container, Row, Col } from "react-bootstrap";
 import List from "@material-ui/core/List";
 import ListItem from "@material-ui/core/ListItem";
-import GridContainer from "../frontoffice/ui/Grid/GridContainer";
-import GridItem from "../frontoffice/ui/Grid/GridItem";
+import GridContainer from "../ui/Grid/GridContainer";
+import GridItem from "../ui/Grid/GridItem";
 import face1 from "../../assets/img/faces/card-profile6-square.jpg";
 import face2 from "../../assets/img/faces/christian.jpg";
 import face3 from "../../assets/img/faces/card-profile4-square.jpg";
@@ -14,7 +14,7 @@ import face7 from "../../assets/img/faces/card-profile5-square.jpg";
 import face8 from "../../assets/img/faces/card-profile2-square.jpg";
 import classNames from 'classnames';
 
-import Footer from "../../components/frontoffice/ui/Footer/Footer";
+import Footer from "../ui/Footer/Footer";
 import {makeStyles} from "@material-ui/core/styles";
 import styles from "../../assets/jss/material-kit-pro-react/views/ecommerceStyle";
 
@@ -125,81 +125,7 @@ const FooterPage = () => {
                   </div>
               </GridItem>
               <GridItem xs={12} sm={4} md={4}>
-                  <h5>Instagram Feed</h5>
-                  <div className={classes.galleryFeed}>
-                      <img
-                          src={face1}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face2}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face3}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face4}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face5}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face6}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face7}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                      <img
-                          src={face8}
-                          className={classNames(
-                              classes.img,
-                              classes.imgRaised,
-                              classes.imgRounded
-                          )}
-                          alt="..."
-                      />
-                  </div>
+
               </GridItem>
           </GridContainer>
       </Footer>
diff --git a/Client/src/frontoffice/components/frontoffice/Header/Header.js b/Client/src/frontoffice/components/Header/Header.js
similarity index 97%
rename from Client/src/frontoffice/components/frontoffice/Header/Header.js
rename to Client/src/frontoffice/components/Header/Header.js
index 58f4a5d..fad3389 100644
--- a/Client/src/frontoffice/components/frontoffice/Header/Header.js
+++ b/Client/src/frontoffice/components/Header/Header.js
@@ -5,8 +5,8 @@ import { LinkContainer } from "react-router-bootstrap";
 import { faHeart, faSearch, faShoppingCart, faUserAlt } from "@fortawesome/free-solid-svg-icons";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import "../style.css";
-import FitMeLogo from "../../../assets/FitMeLogo.png";
+import "../frontoffice/style.css";
+import FitMeLogo from "../../assets/FitMeLogo.png";
 import { useSelector } from "react-redux";
 
 import {
@@ -28,7 +28,7 @@ import {
 } from "shards-react";
 import {Button} from "bootstrap";
 import {Link} from "react-router-dom";
-import {useCart} from "../../../../hook/useCartHook";
+import {useCart} from "../../../hook/useCartHook";
 
 const Header = () => {
     const userAuthData = useSelector((state) => state.userLogin);
diff --git a/Client/src/frontoffice/components/frontoffice/Product/Product.js b/Client/src/frontoffice/components/Product/Product.js
similarity index 95%
rename from Client/src/frontoffice/components/frontoffice/Product/Product.js
rename to Client/src/frontoffice/components/Product/Product.js
index 01b616d..bbef016 100644
--- a/Client/src/frontoffice/components/frontoffice/Product/Product.js
+++ b/Client/src/frontoffice/components/Product/Product.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import { Card } from "react-bootstrap";
-import Rating from "../Rating/Rating";
+import Rating from "../frontoffice/Rating/Rating";
 
 const Product = ({ product }) => {
     return (
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Accordion/Accordion.js b/Client/src/frontoffice/components/ui/Accordion/Accordion.js
similarity index 96%
rename from Client/src/frontoffice/components/frontoffice/ui/Accordion/Accordion.js
rename to Client/src/frontoffice/components/ui/Accordion/Accordion.js
index f6b2733..4adc36c 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Accordion/Accordion.js
+++ b/Client/src/frontoffice/components/ui/Accordion/Accordion.js
@@ -10,7 +10,7 @@ import AccordionDetails from '@material-ui/core/AccordionActions'
 // @material-ui/icons
 import ExpandMore from "@material-ui/icons/ExpandMore";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/accordionStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/accordionStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Badge/Badge.js b/Client/src/frontoffice/components/ui/Badge/Badge.js
similarity index 90%
rename from Client/src/frontoffice/components/frontoffice/ui/Badge/Badge.js
rename to Client/src/frontoffice/components/ui/Badge/Badge.js
index 7f34268..92475d2 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Badge/Badge.js
+++ b/Client/src/frontoffice/components/ui/Badge/Badge.js
@@ -7,7 +7,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/badgeStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/badgeStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Card/Card.js b/Client/src/frontoffice/components/ui/Card/Card.js
similarity index 96%
rename from Client/src/frontoffice/components/frontoffice/ui/Card/Card.js
rename to Client/src/frontoffice/components/ui/Card/Card.js
index cf1a148..89b1189 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Card/Card.js
+++ b/Client/src/frontoffice/components/ui/Card/Card.js
@@ -8,7 +8,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/cardStyle";
+import styles from "@FrontOfficeAssets/jss/material-kit-pro-react/components/cardStyle";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Card/CardAvatar.js b/Client/src/frontoffice/components/ui/Card/CardAvatar.js
similarity index 92%
rename from Client/src/frontoffice/components/frontoffice/ui/Card/CardAvatar.js
rename to Client/src/frontoffice/components/ui/Card/CardAvatar.js
index faa896a..631030f 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Card/CardAvatar.js
+++ b/Client/src/frontoffice/components/ui/Card/CardAvatar.js
@@ -8,7 +8,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 // core components
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/cardAvatarStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/cardAvatarStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Card/CardBody.js b/Client/src/frontoffice/components/ui/Card/CardBody.js
similarity index 93%
rename from Client/src/frontoffice/components/frontoffice/ui/Card/CardBody.js
rename to Client/src/frontoffice/components/ui/Card/CardBody.js
index 74da326..6f4d547 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Card/CardBody.js
+++ b/Client/src/frontoffice/components/ui/Card/CardBody.js
@@ -8,7 +8,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/cardBodyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/cardBodyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Card/CardFooter.js b/Client/src/frontoffice/components/ui/Card/CardFooter.js
similarity index 92%
rename from Client/src/frontoffice/components/frontoffice/ui/Card/CardFooter.js
rename to Client/src/frontoffice/components/ui/Card/CardFooter.js
index ee24694..36e2aee 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Card/CardFooter.js
+++ b/Client/src/frontoffice/components/ui/Card/CardFooter.js
@@ -8,7 +8,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/cardFooterStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/cardFooterStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Card/CardHeader.js b/Client/src/frontoffice/components/ui/Card/CardHeader.js
similarity index 93%
rename from Client/src/frontoffice/components/frontoffice/ui/Card/CardHeader.js
rename to Client/src/frontoffice/components/ui/Card/CardHeader.js
index a6ddfd7..e42969f 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Card/CardHeader.js
+++ b/Client/src/frontoffice/components/ui/Card/CardHeader.js
@@ -8,7 +8,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/cardHeaderStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/cardHeaderStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Clearfix/Clearfix.js b/Client/src/frontoffice/components/ui/Clearfix/Clearfix.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/ui/Clearfix/Clearfix.js
rename to Client/src/frontoffice/components/ui/Clearfix/Clearfix.js
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomButtons/Button.js b/Client/src/frontoffice/components/ui/CustomButtons/Button.js
similarity index 95%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomButtons/Button.js
rename to Client/src/frontoffice/components/ui/CustomButtons/Button.js
index a36a823..67c88b0 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomButtons/Button.js
+++ b/Client/src/frontoffice/components/ui/CustomButtons/Button.js
@@ -8,7 +8,7 @@ import PropTypes from "prop-types";
 import { makeStyles } from "@material-ui/core/styles";
 import Button from "@material-ui/core/Button";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/buttonStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/buttonStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomDropdown/CustomDropdown.js b/Client/src/frontoffice/components/ui/CustomDropdown/CustomDropdown.js
similarity index 98%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomDropdown/CustomDropdown.js
rename to Client/src/frontoffice/components/ui/CustomDropdown/CustomDropdown.js
index 49b3ddc..e73c3b0 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomDropdown/CustomDropdown.js
+++ b/Client/src/frontoffice/components/ui/CustomDropdown/CustomDropdown.js
@@ -16,7 +16,7 @@ import Popper from "@material-ui/core/Popper";
 // core components
 import Button from "../CustomButtons/Button.js";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/customDropdownStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/customDropdownStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomFileInput/CustomFileInput.js b/Client/src/frontoffice/components/ui/CustomFileInput/CustomFileInput.js
similarity index 96%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomFileInput/CustomFileInput.js
rename to Client/src/frontoffice/components/ui/CustomFileInput/CustomFileInput.js
index ca730a5..205ab0b 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomFileInput/CustomFileInput.js
+++ b/Client/src/frontoffice/components/ui/CustomFileInput/CustomFileInput.js
@@ -7,7 +7,7 @@ import { makeStyles } from "@material-ui/core/styles";
 import CustomInput from "../CustomInput/CustomInput.js";
 import Button from "../CustomButtons/Button.js";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/customFileInputStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/customFileInputStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomInput/CustomInput.js b/Client/src/frontoffice/components/ui/CustomInput/CustomInput.js
similarity index 96%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomInput/CustomInput.js
rename to Client/src/frontoffice/components/ui/CustomInput/CustomInput.js
index ac6ca09..2095696 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomInput/CustomInput.js
+++ b/Client/src/frontoffice/components/ui/CustomInput/CustomInput.js
@@ -14,7 +14,7 @@ import Clear from "@material-ui/icons/Clear";
 import Check from "@material-ui/icons/Check";
 // core components
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/customInputStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/customInputStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomLinearProgress/CustomLinearProgress.js b/Client/src/frontoffice/components/ui/CustomLinearProgress/CustomLinearProgress.js
similarity index 88%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomLinearProgress/CustomLinearProgress.js
rename to Client/src/frontoffice/components/ui/CustomLinearProgress/CustomLinearProgress.js
index e2a8b9a..beaeaa1 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomLinearProgress/CustomLinearProgress.js
+++ b/Client/src/frontoffice/components/ui/CustomLinearProgress/CustomLinearProgress.js
@@ -6,7 +6,7 @@ import PropTypes from "prop-types";
 import { makeStyles } from "@material-ui/core/styles";
 import LinearProgress from "@material-ui/core/LinearProgress";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/customLinearProgressStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/customLinearProgressStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomTabs/CustomTabs.js b/Client/src/frontoffice/components/ui/CustomTabs/CustomTabs.js
similarity index 97%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomTabs/CustomTabs.js
rename to Client/src/frontoffice/components/ui/CustomTabs/CustomTabs.js
index 4ed048a..d6802d3 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/CustomTabs/CustomTabs.js
+++ b/Client/src/frontoffice/components/ui/CustomTabs/CustomTabs.js
@@ -16,7 +16,7 @@ import Tab from "@material-ui/core/Tab";
 import Card from "../Card/Card.js";
 import CardBody from "../Card/CardBody.js";
 import CardHeader from "../Card/CardHeader.js";
-import styles from "../../../../assets/jss/material-kit-pro-react/components/customTabsStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/customTabsStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/CustomUpload/ImageUpload.js b/Client/src/frontoffice/components/ui/CustomUpload/ImageUpload.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/ui/CustomUpload/ImageUpload.js
rename to Client/src/frontoffice/components/ui/CustomUpload/ImageUpload.js
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Footer/Footer.js b/Client/src/frontoffice/components/ui/Footer/Footer.js
similarity index 94%
rename from Client/src/frontoffice/components/frontoffice/ui/Footer/Footer.js
rename to Client/src/frontoffice/components/ui/Footer/Footer.js
index 76b7ad0..89d6cf9 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Footer/Footer.js
+++ b/Client/src/frontoffice/components/ui/Footer/Footer.js
@@ -11,7 +11,7 @@ import ListItem from "@material-ui/core/ListItem";
 // @material-ui/icons
 import Favorite from "@material-ui/icons/Favorite";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/footerStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/footerStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Grid/GridContainer.js b/Client/src/frontoffice/components/ui/Grid/GridContainer.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/ui/Grid/GridContainer.js
rename to Client/src/frontoffice/components/ui/Grid/GridContainer.js
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Grid/GridItem.js b/Client/src/frontoffice/components/ui/Grid/GridItem.js
similarity index 100%
rename from Client/src/frontoffice/components/frontoffice/ui/Grid/GridItem.js
rename to Client/src/frontoffice/components/ui/Grid/GridItem.js
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Header/Header.js b/Client/src/frontoffice/components/ui/Header/Header.js
similarity index 97%
rename from Client/src/frontoffice/components/frontoffice/ui/Header/Header.js
rename to Client/src/frontoffice/components/ui/Header/Header.js
index 6ced080..2515630 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Header/Header.js
+++ b/Client/src/frontoffice/components/ui/Header/Header.js
@@ -16,7 +16,7 @@ import Drawer from "@material-ui/core/Drawer";
 import Menu from "@material-ui/icons/Menu";
 import Close from "@material-ui/icons/Close";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/headerStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/headerStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Header/HeaderLinks.js b/Client/src/frontoffice/components/ui/Header/HeaderLinks.js
similarity index 99%
rename from Client/src/frontoffice/components/frontoffice/ui/Header/HeaderLinks.js
rename to Client/src/frontoffice/components/ui/Header/HeaderLinks.js
index ac8f7c5..fcbf77c 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Header/HeaderLinks.js
+++ b/Client/src/frontoffice/components/ui/Header/HeaderLinks.js
@@ -42,7 +42,7 @@ import Error from "@material-ui/icons/Error";
 import CustomDropdown from "../CustomDropdown/CustomDropdown.js";
 import Button from "../CustomButtons/Button.js";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/headerLinksStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/headerLinksStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/InfoArea/InfoArea.js b/Client/src/frontoffice/components/ui/InfoArea/InfoArea.js
similarity index 95%
rename from Client/src/frontoffice/components/frontoffice/ui/InfoArea/InfoArea.js
rename to Client/src/frontoffice/components/ui/InfoArea/InfoArea.js
index 119e044..10f9199 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/InfoArea/InfoArea.js
+++ b/Client/src/frontoffice/components/ui/InfoArea/InfoArea.js
@@ -7,7 +7,7 @@ import classNames from "classnames";
 import { makeStyles } from "@material-ui/core/styles";
 import Icon from "@material-ui/core/Icon";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/infoStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/infoStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Instruction/Instruction.js b/Client/src/frontoffice/components/ui/Instruction/Instruction.js
similarity index 93%
rename from Client/src/frontoffice/components/frontoffice/ui/Instruction/Instruction.js
rename to Client/src/frontoffice/components/ui/Instruction/Instruction.js
index 2240339..74c8d3e 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Instruction/Instruction.js
+++ b/Client/src/frontoffice/components/ui/Instruction/Instruction.js
@@ -9,7 +9,7 @@ import { makeStyles } from "@material-ui/core/styles";
 import GridContainer from "../Grid/GridContainer.js";
 import GridItem from "../Grid/GridItem";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/instructionStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/instructionStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Media/Media.js b/Client/src/frontoffice/components/ui/Media/Media.js
similarity index 93%
rename from Client/src/frontoffice/components/frontoffice/ui/Media/Media.js
rename to Client/src/frontoffice/components/ui/Media/Media.js
index cdbcf74..5c16bad 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Media/Media.js
+++ b/Client/src/frontoffice/components/ui/Media/Media.js
@@ -6,7 +6,7 @@ import { makeStyles } from "@material-ui/core/styles";
 // @material-ui/icons
 // core components
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/mediaStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/mediaStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/NavPills/NavPills.js b/Client/src/frontoffice/components/ui/NavPills/NavPills.js
similarity index 97%
rename from Client/src/frontoffice/components/frontoffice/ui/NavPills/NavPills.js
rename to Client/src/frontoffice/components/ui/NavPills/NavPills.js
index 5d11c78..be8ccaa 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/NavPills/NavPills.js
+++ b/Client/src/frontoffice/components/ui/NavPills/NavPills.js
@@ -14,7 +14,7 @@ import Tabs from "@material-ui/core/Tabs";
 import GridContainer from "../Grid/GridContainer.js";
 import GridItem from "../Grid/GridItem.js";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/navPillsStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/navPillsStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Pagination/Pagination.js b/Client/src/frontoffice/components/ui/Pagination/Pagination.js
similarity index 95%
rename from Client/src/frontoffice/components/frontoffice/ui/Pagination/Pagination.js
rename to Client/src/frontoffice/components/ui/Pagination/Pagination.js
index b6ef4b3..0422b64 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Pagination/Pagination.js
+++ b/Client/src/frontoffice/components/ui/Pagination/Pagination.js
@@ -8,7 +8,7 @@ import classNames from "classnames";
 import { makeStyles } from "@material-ui/core/styles";
 import Button from "@material-ui/core/Button";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/paginationStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/paginationStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Parallax/Parallax.js b/Client/src/frontoffice/components/ui/Parallax/Parallax.js
similarity index 95%
rename from Client/src/frontoffice/components/frontoffice/ui/Parallax/Parallax.js
rename to Client/src/frontoffice/components/ui/Parallax/Parallax.js
index 128b7a9..5ec6c50 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Parallax/Parallax.js
+++ b/Client/src/frontoffice/components/ui/Parallax/Parallax.js
@@ -7,7 +7,7 @@ import PropTypes from "prop-types";
 import { makeStyles } from "@material-ui/core/styles";
 
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/parallaxStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/parallaxStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Snackbar/SnackbarContent.js b/Client/src/frontoffice/components/ui/Snackbar/SnackbarContent.js
similarity index 94%
rename from Client/src/frontoffice/components/frontoffice/ui/Snackbar/SnackbarContent.js
rename to Client/src/frontoffice/components/ui/Snackbar/SnackbarContent.js
index 1accb4b..13180af 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Snackbar/SnackbarContent.js
+++ b/Client/src/frontoffice/components/ui/Snackbar/SnackbarContent.js
@@ -10,7 +10,7 @@ import Icon from "@material-ui/core/Icon";
 import Close from "@material-ui/icons/Close";
 // core components
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/snackbarContentStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/snackbarContentStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Table/Table.js b/Client/src/frontoffice/components/ui/Table/Table.js
similarity index 98%
rename from Client/src/frontoffice/components/frontoffice/ui/Table/Table.js
rename to Client/src/frontoffice/components/ui/Table/Table.js
index 0a0c16e..00de769 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Table/Table.js
+++ b/Client/src/frontoffice/components/ui/Table/Table.js
@@ -10,7 +10,7 @@ import TableCell from "@material-ui/core/TableCell";
 import TableHead from "@material-ui/core/TableHead";
 import TableRow from "@material-ui/core/TableRow";
 
-import styles from "../../../../assets/jss/material-kit-pro-react/components/tableStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/tableStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Danger.js b/Client/src/frontoffice/components/ui/Typography/Danger.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Danger.js
rename to Client/src/frontoffice/components/ui/Typography/Danger.js
index 88e8b8f..049d18c 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Danger.js
+++ b/Client/src/frontoffice/components/ui/Typography/Danger.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Info.js b/Client/src/frontoffice/components/ui/Typography/Info.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Info.js
rename to Client/src/frontoffice/components/ui/Typography/Info.js
index 1660e63..e39d2f6 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Info.js
+++ b/Client/src/frontoffice/components/ui/Typography/Info.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Muted.js b/Client/src/frontoffice/components/ui/Typography/Muted.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Muted.js
rename to Client/src/frontoffice/components/ui/Typography/Muted.js
index 0a84a3f..a2ca88d 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Muted.js
+++ b/Client/src/frontoffice/components/ui/Typography/Muted.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Primary.js b/Client/src/frontoffice/components/ui/Typography/Primary.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Primary.js
rename to Client/src/frontoffice/components/ui/Typography/Primary.js
index 0bd104c..bc2009c 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Primary.js
+++ b/Client/src/frontoffice/components/ui/Typography/Primary.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Quote.js b/Client/src/frontoffice/components/ui/Typography/Quote.js
similarity index 92%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Quote.js
rename to Client/src/frontoffice/components/ui/Typography/Quote.js
index 9471da3..2f174de 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Quote.js
+++ b/Client/src/frontoffice/components/ui/Typography/Quote.js
@@ -6,7 +6,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Rose.js b/Client/src/frontoffice/components/ui/Typography/Rose.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Rose.js
rename to Client/src/frontoffice/components/ui/Typography/Rose.js
index 402a9a8..b969497 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Rose.js
+++ b/Client/src/frontoffice/components/ui/Typography/Rose.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Small.js b/Client/src/frontoffice/components/ui/Typography/Small.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Small.js
rename to Client/src/frontoffice/components/ui/Typography/Small.js
index 8c969c0..eb0d633 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Small.js
+++ b/Client/src/frontoffice/components/ui/Typography/Small.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Success.js b/Client/src/frontoffice/components/ui/Typography/Success.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Success.js
rename to Client/src/frontoffice/components/ui/Typography/Success.js
index 0002fc5..9203978 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Success.js
+++ b/Client/src/frontoffice/components/ui/Typography/Success.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/components/frontoffice/ui/Typography/Warning.js b/Client/src/frontoffice/components/ui/Typography/Warning.js
similarity index 84%
rename from Client/src/frontoffice/components/frontoffice/ui/Typography/Warning.js
rename to Client/src/frontoffice/components/ui/Typography/Warning.js
index e54fe6f..a87571d 100644
--- a/Client/src/frontoffice/components/frontoffice/ui/Typography/Warning.js
+++ b/Client/src/frontoffice/components/ui/Typography/Warning.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 // @material-ui/core components
 import { makeStyles } from "@material-ui/core/styles";
 // core components
-import styles from "../../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
+import styles from "../../../assets/jss/material-kit-pro-react/components/typographyStyle.js";
 
 const useStyles = makeStyles(styles);
 
diff --git a/Client/src/frontoffice/pages/BrandSignup/BrandSignup.js b/Client/src/frontoffice/pages/BrandSignup/BrandSignup.js
index 762f573..757d320 100644
--- a/Client/src/frontoffice/pages/BrandSignup/BrandSignup.js
+++ b/Client/src/frontoffice/pages/BrandSignup/BrandSignup.js
@@ -113,106 +113,106 @@ const BrandSignup = ({ history }) => {
     setBrandColor(RGBToHex(val.r, val.g, val.b));
   };
   return (
-    <>
-      { redirecting && (
-        <div aria-live="polite" aria-atomic="true" style={{ position: 'relative', minHeight: '100px', }}>
-          <Toast style={{ position: 'absolute', top: 0, right: 0, }}>
-            <Toast.Header>
-              <strong className="mr-auto">FitMe</strong>
-            </Toast.Header>
-            <Toast.Body>Redirecting you to {url} 😊</Toast.Body>
-          </Toast>
-        </div>
-      )}
-      { brandByUserId ? (
-        <>
-          <Modal show={show} onHide={handleClose} backdrop="static" keyboard={false} animation={false}>
-            <Modal.Header closeButton>
-              <Modal.Title>Notice !</Modal.Title>
-            </Modal.Header>
-            <Modal.Body>
-              You are already a manager of {brandByUserId.brandName}! <br />
-                Your brand is currently {brandByUserId.verify ? "Verified" : "Pending verification"}
-            </Modal.Body>
-            <Modal.Footer>
-              <Button variant="text" onClick={handleClose}>
-                Close
-              </Button>
-            </Modal.Footer>
-          </Modal>
-          <Home />
-        </>) : (
-          <Container fluid className="verticalHeight">
-            <FormContainer>
-              <h1>Register brand :</h1>
-              {error && (
-                <ErrorMessage
-                  header="Auth Error"
-                  message={error}
-                  reset={brandConstants.CREATE_BRAND_RESET}
-                />
-              )}
-              {verificationMessage !== "" && (
-                <ErrorMessage header="Auth Error" message={verificationMessage} />
-              )}
-              {success && (
-                <SuccessMessage
-                  header="Registered brand SuccessFully"
-                  message={message}
-                  reset={brandConstants.CREATE_BRAND_RESET}
-                />
-              )}
-              <Form onSubmit={handleSubmit}>
-                <TextField
-                  variant="outlined"
-                  type="text"
-                  margin="normal"
-                  required
-                  fullWidth
-                  id="brandName"
-                  label="Brand Name"
-                  name="brandName"
-                  autoComplete="email"
-                  autoFocus
-                  value={brandName}
-                  onChange={(e) => setBrandName(e.target.value)}
-                />
-                <div className="ui label"><i aria-hidden="true" className="mail icon" /> Brand Image :</div>
-                <TextField
-                  variant="outlined"
-                  type="file"
-                  margin="normal"
-                  required
-                  fullWidth
-                  id="file"
-                  name="file"
-                  autoComplete="file"
-                  autoFocus
-                  onChange={(e) => setBrandImage(e.target.files[0])}
-                />
-                <div className="ui label"><i aria-hidden="true" className="mail icon" /> Legal proof of business :</div>
-                <TextField
-                  variant="outlined"
-                  type="file"
-                  margin="normal"
-                  required
-                  fullWidth
-                  id="proof"
-                  name="proof"
-                  autoComplete="proof"
-                  autoFocus
-                  onChange={(e) => setBrandProof(e.target.files[0])}
-                />
-                <div className="ui label"><i aria-hidden="true" className="mail icon" /> Brand primary color :</div>
-                <ColorPicker handelColor={handleColorChange} />
-                <Button type="submit" variant="contained" color="primary" fullWidth onClick={handleSubmit} disabled={loading}>
-                  {loading ? (<CircularProgress color="inherit" className={classes.prgressColor} />) : (<>Register brand</>)}
-                </Button>
-              </Form>
-            </FormContainer>
-          </Container>
+      <>
+        { redirecting && (
+            <div aria-live="polite" aria-atomic="true" style={{ position: 'relative', minHeight: '100px', }}>
+              <Toast style={{ position: 'absolute', top: 0, right: 0, }}>
+                <Toast.Header>
+                  <strong className="mr-auto">FitMe</strong>
+                </Toast.Header>
+                <Toast.Body>Redirecting you to {url} 😊</Toast.Body>
+              </Toast>
+            </div>
         )}
-    </>
+        { brandByUserId ? (
+            <>
+              <Modal show={show} onHide={handleClose} backdrop="static" keyboard={false} animation={false}>
+                <Modal.Header closeButton>
+                  <Modal.Title>Notice !</Modal.Title>
+                </Modal.Header>
+                <Modal.Body>
+                  You are already a manager of {brandByUserId.brandName}! <br />
+                  Your brand is currently {brandByUserId.verify ? "verified" : "pending verification"}
+                </Modal.Body>
+                <Modal.Footer>
+                  <Button variant="text" onClick={handleClose}>
+                    Close
+                  </Button>
+                </Modal.Footer>
+              </Modal>
+              <Home />
+            </>) : (
+            <Container fluid className="verticalHeight">
+              <FormContainer>
+                <h1>Register brand :</h1>
+                {error && (
+                    <ErrorMessage
+                        header="Auth Error"
+                        message={error}
+                        reset={brandConstants.CREATE_BRAND_RESET}
+                    />
+                )}
+                {verificationMessage !== "" && (
+                    <ErrorMessage header="Auth Error" message={verificationMessage} />
+                )}
+                {success && (
+                    <SuccessMessage
+                        header="Registered brand SuccessFully"
+                        message={message}
+                        reset={brandConstants.CREATE_BRAND_RESET}
+                    />
+                )}
+                <Form onSubmit={handleSubmit}>
+                  <TextField
+                      variant="outlined"
+                      type="text"
+                      margin="normal"
+                      required
+                      fullWidth
+                      id="brandName"
+                      label="Brand Name"
+                      name="brandName"
+                      autoComplete="email"
+                      autoFocus
+                      value={brandName}
+                      onChange={(e) => setBrandName(e.target.value)}
+                  />
+                  <div className="ui label"><i aria-hidden="true" className="mail icon" /> Brand Image :</div>
+                  <TextField
+                      variant="outlined"
+                      type="file"
+                      margin="normal"
+                      required
+                      fullWidth
+                      id="file"
+                      name="file"
+                      autoComplete="file"
+                      autoFocus
+                      onChange={(e) => setBrandImage(e.target.files[0])}
+                  />
+                  <div className="ui label"><i aria-hidden="true" className="mail icon" /> Legal proof of business :</div>
+                  <TextField
+                      variant="outlined"
+                      type="file"
+                      margin="normal"
+                      required
+                      fullWidth
+                      id="proof"
+                      name="proof"
+                      autoComplete="proof"
+                      autoFocus
+                      onChange={(e) => setBrandProof(e.target.files[0])}
+                  />
+                  <div className="ui label"><i aria-hidden="true" className="mail icon" /> Brand primary color :</div>
+                  <ColorPicker handelColor={handleColorChange} />
+                  <Button type="submit" variant="contained" color="primary" fullWidth onClick={handleSubmit} disabled={loading}>
+                    {loading ? (<CircularProgress color="inherit" className={classes.prgressColor} />) : (<>Register brand</>)}
+                  </Button>
+                </Form>
+              </FormContainer>
+            </Container>
+        )}
+      </>
   );
 };
 
diff --git a/Client/src/frontoffice/pages/Brands/Brands.js b/Client/src/frontoffice/pages/Brands/Brands.js
index 320dd96..f43c4ef 100644
--- a/Client/src/frontoffice/pages/Brands/Brands.js
+++ b/Client/src/frontoffice/pages/Brands/Brands.js
@@ -1,19 +1,15 @@
 import React, {useEffect, useState} from "react";
 import {useDispatch, useSelector} from "react-redux";
-import styles from "@FrontOfficeAssets/jss/material-kit-pro-react/views/ecommerceStyle.js";
-import { makeStyles } from "@material-ui/core/styles";
 import { TextField} from "@material-ui/core/";
 
 
 import GridItem from "@FrontOfficeComponents/ui/Grid/GridItem";
 import GridContainer from "@FrontOfficeComponents/ui/Grid/GridContainer";
-const useStyles = makeStyles(styles);
 import "../../assets/css/style.css"
 import * as brandAction from "@Actions/brandAction";
 import Brand from '@FrontOfficeComponents/Brand/Brand';
-import Form from "react-bootstrap/Form";
 
-export default function Brands(props) {
+export default function Brands() {
     const dispatch = useDispatch();
     const fetchBrands = useSelector((state) => state.listBrands);
     const { brands , count , loading, error} = fetchBrands;
@@ -51,6 +47,7 @@ export default function Brands(props) {
                 return (
                     <GridItem md={4} sm={3}>
                         { searchTerm.length > 0 && item.brandName.toLowerCase().startsWith(searchTerm.toLowerCase()) && item.verify ? (<Brand key={index} brand={item}/>) : searchTerm.length === 0 && item.verify ? (<Brand key={index} brand={item}/>) : (<>Sorry no matches found!</>)}
+
                     </GridItem>
                 )
             })}
diff --git a/Client/src/frontoffice/pages/Home/Components/ProductList.js b/Client/src/frontoffice/pages/Home/Components/ProductList.js
index 1434548..340ffaa 100644
--- a/Client/src/frontoffice/pages/Home/Components/ProductList.js
+++ b/Client/src/frontoffice/pages/Home/Components/ProductList.js
@@ -20,8 +20,8 @@ import { Link } from 'react-router-dom';
 
 
 import suit1 from "@FrontOfficeAssets/img/examples/suit-1.jpg";
-import GridItem from "../../../components/frontoffice/ui/Grid/GridItem";
-import GridContainer from "../../../components/frontoffice/ui/Grid/GridContainer";
+import GridItem from "../../../components/ui/Grid/GridItem";
+import GridContainer from "../../../components/ui/Grid/GridContainer";
 const useStyles = makeStyles(styles);
 import "../../../assets/css/style.css"
 import {useCart} from "../../../../hook/useCartHook";
diff --git a/Client/src/frontoffice/pages/Order/Order.js b/Client/src/frontoffice/pages/Order/Order.js
index 97a01cc..c7160e3 100644
--- a/Client/src/frontoffice/pages/Order/Order.js
+++ b/Client/src/frontoffice/pages/Order/Order.js
@@ -13,7 +13,7 @@ import {
   ORDER_PAY_RESET,
   ORDER_DELIVER_RESET,
 } from "@Constants/orderConstants";
-import OrderLoader from "@Components/Loader/OrderLoader";
+import OrderLoader from "./../../../components/Loader/OrderLoader";
 
 const Order = ({ match }) => {
   const orderId = match.params.orderId;
diff --git a/Client/src/frontoffice/pages/ProductDetails/ProductPage.js b/Client/src/frontoffice/pages/ProductDetails/ProductPage.js
index 9bdd87c..8d85c8d 100644
--- a/Client/src/frontoffice/pages/ProductDetails/ProductPage.js
+++ b/Client/src/frontoffice/pages/ProductDetails/ProductPage.js
@@ -21,16 +21,16 @@ import VerifiedUser from "@material-ui/icons/VerifiedUser";
 import Favorite from "@material-ui/icons/Favorite";
 // core components
 
-import Parallax from "../../components/frontoffice/ui/Parallax/Parallax.js";
-import GridContainer from "../../components/frontoffice/ui/Grid/GridContainer.js";
-import GridItem from "../../components/frontoffice/ui/Grid/GridItem.js";
-import Button from "../../components/frontoffice/ui/CustomButtons/Button.js";
-import Accordion from "../../components/frontoffice/ui/Accordion/Accordion.js";
-import InfoArea from "../../components/frontoffice/ui/InfoArea/InfoArea.js";
-import Card from "../../components/frontoffice/ui/Card/Card.js";
-import CardHeader from "../../components/frontoffice/ui/Card/CardHeader.js";
-import CardBody from "../../components/frontoffice/ui/Card/CardBody.js";
-import CardFooter from "../../components/frontoffice/ui/Card/CardFooter.js";
+import Parallax from "../../components/ui/Parallax/Parallax.js";
+import GridContainer from "../../components/ui/Grid/GridContainer.js";
+import GridItem from "../../components/ui/Grid/GridItem.js";
+import Button from "../../components/ui/CustomButtons/Button.js";
+import Accordion from "../../components/ui/Accordion/Accordion.js";
+import InfoArea from "../../components/ui/InfoArea/InfoArea.js";
+import Card from "../../components/ui/Card/Card.js";
+import CardHeader from "../../components/ui/Card/CardHeader.js";
+import CardBody from "../../components/ui/Card/CardBody.js";
+import CardFooter from "../../components/ui/Card/CardFooter.js";
 import Tooltip from "@material-ui/core/Tooltip";
 
 import productStyle from "../../assets/jss/material-kit-pro-react/views/productStyle.js";
diff --git a/Client/src/frontoffice/pages/ProductShoppingCart/ShoppingCart.js b/Client/src/frontoffice/pages/ProductShoppingCart/ShoppingCart.js
index 6259eb8..cee4745 100644
--- a/Client/src/frontoffice/pages/ProductShoppingCart/ShoppingCart.js
+++ b/Client/src/frontoffice/pages/ProductShoppingCart/ShoppingCart.js
@@ -9,12 +9,12 @@ import Remove from "@material-ui/icons/Remove";
 import Add from "@material-ui/icons/Add";
 // core components
 
-import Parallax from "../../components/frontoffice/ui/Parallax/Parallax.js";
-import GridContainer from "../../components/frontoffice/ui/Grid/GridContainer.js";
-import GridItem from "../../components/frontoffice/ui/Grid/GridItem.js";
-import Button from "../../components/frontoffice/ui/CustomButtons/Button.js";
-import Card from "../../components/frontoffice/ui/Card/Card.js";
-import CardBody from "../../components/frontoffice/ui/Card/CardBody.js";
+import Parallax from "../../components/ui/Parallax/Parallax.js";
+import GridContainer from "../../components/ui/Grid/GridContainer.js";
+import GridItem from "../../components/ui/Grid/GridItem.js";
+import Button from "../../components/ui/CustomButtons/Button.js";
+import Card from "../../components/ui/Card/Card.js";
+import CardBody from "../../components/ui/Card/CardBody.js";
 
 import shoppingCartStyle from "../../assets/jss/material-kit-pro-react/views/shoppingCartStyle.js";
 
diff --git a/Client/src/hook/useCartHook.js b/Client/src/hook/useCartHook.js
index 693da4c..72adc2b 100644
--- a/Client/src/hook/useCartHook.js
+++ b/Client/src/hook/useCartHook.js
@@ -1,14 +1,21 @@
 import {useEffect, useState} from "react";
 import {useDispatch, useSelector} from "react-redux";
 import * as cartAction from "../actions/cartAction";
+import {useProduct} from "./useProductHook";
 
 export const useCart = () => {
     const dispatch = useDispatch();
     const cart = useSelector((state) => state.cart);
+    const {products} = useProduct("","","","","","")
+    console.log(products)
+    const [productFind,setProductFind] = useState(products)
     const {cartItems} = cart;
+
     let totCartItems =0;
     const TAX_RATE = 0.19;
-
+        useEffect(()=>{
+            setProductFind(products)
+        },[products])
     cartItems.map((item)=>{
         totCartItems+=item.qty;
     })
@@ -27,12 +34,18 @@ export const useCart = () => {
     const removeFromCartHandler = (id,qty) => {
         dispatch(cartAction.removeItemFromCart(id,qty));
     };
-    const addToCartHandler = (id,qty) => {
-        dispatch(cartAction.addToCart(id,qty));
+    const addToCartHandler = (id,qty,colorSelect,sizeSelect) => {
+        dispatch(cartAction.addToCart(id,qty,colorSelect,sizeSelect));
     };
 
+    const ColorFormProductId=(id)=>{
+           let productSend = productFind.find((val)=>  val._id === id)
+        console.log("sned",productSend)
+        return id;
+    }
+
     const invoiceSubtotal = subtotal(cartItems);
     const invoiceTaxes = TAX_RATE * invoiceSubtotal;
     const invoiceTotal = invoiceTaxes + invoiceSubtotal;
-    return {cartItems,addToCartHandler,removeFromCartHandler,totCartItems,priceRow,invoiceSubtotal,invoiceTaxes,invoiceTotal,TAX_RATE};
+        return {cartItems,addToCartHandler,removeFromCartHandler,totCartItems,priceRow,invoiceSubtotal,invoiceTaxes,invoiceTotal,TAX_RATE,ColorFormProductId};
 }
diff --git a/Client/src/hook/useProductHook.js b/Client/src/hook/useProductHook.js
index b5af09f..a0bfd23 100644
--- a/Client/src/hook/useProductHook.js
+++ b/Client/src/hook/useProductHook.js
@@ -2,7 +2,7 @@ import {useEffect, useState} from "react";
 import {useDispatch, useSelector} from "react-redux";
 import * as productAction from "../actions/productAction";
 
-export const useProduct = (sort,category,searchProductKey,ltORgt,init) => {
+export const useProduct = (sort,category,searchProductKey,ltORgt,init,brand) => {
     const dispatch = useDispatch();
     const [initialLoading, setInitialLoading] = useState(init);
 
@@ -19,7 +19,8 @@ export const useProduct = (sort,category,searchProductKey,ltORgt,init) => {
         } else {
             fetchProductList();
         }
-    }, [dispatch, searchProductKey, sort, category,ltORgt]);
+    }, [dispatch, searchProductKey,category,brand, sort,ltORgt,brand]);
+
 
     const fetchProductList = () => {
         dispatch(
@@ -28,11 +29,11 @@ export const useProduct = (sort,category,searchProductKey,ltORgt,init) => {
                 sort,
                 category,
                 initialLoading,
-                ltORgt
+                ltORgt,
+                brand
             })
 
         );
     };
-
     return {products,loading,count,error,searchProductKey,fetchProductList,init};
 }
diff --git a/Client/src/reducers/AdminReducers.js b/Client/src/reducers/AdminReducers.js
index 7df455b..3cc6cb6 100644
--- a/Client/src/reducers/AdminReducers.js
+++ b/Client/src/reducers/AdminReducers.js
@@ -34,7 +34,7 @@ export const categoryList = (state = { categorys: [] }, action) => {
     case CategoryConstants.Category_SUCCESS:
       return {
         categorys: action.payload.categoryList,
-        count: action.payload.totalcategory,
+        countcat: action.payload.totalcategory,
         success: true,
       };
     case CategoryConstants.Category_FAIL:
diff --git a/Client/src/reducers/brandReducers.js b/Client/src/reducers/brandReducers.js
index 141e7ee..339bc44 100644
--- a/Client/src/reducers/brandReducers.js
+++ b/Client/src/reducers/brandReducers.js
@@ -10,7 +10,7 @@ export const listBrands = (state = { brands: [] }, action) => {
     case brandConstants.BRANDLIST_FETCH_SUCCESS:
       return {
         brands: action.payload.brandList,
-        count: action.payload.totalBrands,
+        totalBrands: action.payload.totalBrands,
         success: true,
       };
     case brandConstants.BRANDLIST_FETCH_ERROR:
diff --git a/Client/src/reducers/contactReducers.js b/Client/src/reducers/contactReducers.js
index 6a4b269..4b9ee5f 100644
--- a/Client/src/reducers/contactReducers.js
+++ b/Client/src/reducers/contactReducers.js
@@ -10,7 +10,7 @@ export const ContactList = (state = { contacts: [] }, action) => {
       case userConstants.USER_CONTACT_SUCCESS:
         return {
           contacts: action.payload.categoryList,
-          count: action.payload.totalcategory,
+          countcontact: action.payload.totalcategory,
           
           success: true,
         };
diff --git a/Client/src/reducers/userReducers.js b/Client/src/reducers/userReducers.js
index 89c5938..fb89f33 100644
--- a/Client/src/reducers/userReducers.js
+++ b/Client/src/reducers/userReducers.js
@@ -55,7 +55,7 @@ export const userList = (state = { users: [] }, action) => {
     case userConstants.USERLIST_FETCH_SUCCESS:
       return {
         users: action.payload.userList,
-        count: action.payload.totalUser,
+        countusers: action.payload.totalUser,
         success: true,
       };
     case userConstants.USERLIST_FETCH_FAIL:
diff --git a/README.md b/README.md
index 387c0b6..7780462 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,166 @@
+# FitMe
 ### Hello Elite, It's [ReacTors Team](https://www.fitme.cc/) 👋
 
-   <a target="_blank" href="https://www.instagram.com/fitme/">
-  <img align="left" alt="FitMe | Instagram" eight="20" width="20" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg"  /></a>
-   
-<a target="_blank" href="https://www.facebook.com/FitMe">
-  <img align="left" alt="MoetazBrayek | Facebook" width="21px" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/facebook.svg" />
-</a> 
-  <br />                           
-  <br />                      
-  Hi, we are Reactos Team From Tunisia.  <br />
 
-- 🔭 we currently working on making perfect Cloths Shop Ever <br />
-- 🌱 we currently learning how to DressUp a 3D Model <br />
+[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)
 
-**Shop Languages** <br>
-<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"></code>
-<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/express/express.png"></code>
 
-  <img align="center" src="https://github-readme-stats.vercel.app/api?username=MoetazBrayek&show_icons=true&include_all_commits=true" alt="MisterSpy's github stats" />
+While ordering clothes online, users are often disappointed by the fact that upon arrival, the clothes they bought don’t fit them as they thought they would or maybe they don’t look and feel like how they were displayed on the site they bought them from 
+
+After deeply studying the existing solutions to the problems we highlighted ,our application can be of real meaningfull use ,
+through it we hope to offer the user a real time experience imitating a fitting room, so that they would be able 
+to try their clothes on and see how they fit them in real time using increased/improved reality
+Now i give  the flow to my mate moataz
+
+
+## Bref
+ - Hi, we are Reactos Team From Tunisia. ( Esprit ) 
+- 🔭 we currently working on making perfect Cloths Shop Ever 
+- 🌱 we currently learning how to DressUp a 3D Model 
+- 
+## ✨ Introductions
+
+```sh
+After deeply studying the existing solutions to the problems we highlighted ,our application can be of real meaningfull use ,
+through it we hope to offer the user a real time experience imitating a fitting room, so that they would be able 
+to try their clothes on and see how they fit them in real time using increased/improved reality
+```
+
+## Deployment Digrame 
+
+![screenshot](https://miro.medium.com/max/3000/1*3E4w7rCe3eaz6gLlZoe6nQ.png)
+
+
+## Features
+-> `Suggest System` ✨✨ <br />
+-> `FitRoom` ✨<br />
+-Full featured shopping cart <br />
+-Product reviews and ratings <br />
+-Filtering (short by, category, & price range) <br />
+-Account Verification (2 factor authentication using email) <br />
+-Password Reset (Forget Password) <br />
+-Token based authentication  <br />
+-Product search feature <br />
+-User profile with orders <br />
+-Save Cart <br />
+-Delete Cart <br />
+-Choose quantity (No of items to be order) <br />
+-Checkout process (shipping, payment method, etc) <br />
+-Order summary <br />
+-PayPal / credit card integration <br />
+-Esewa payment integration (Nepali payment gateway) <br />
+-Database seeder (products, users, reviews, & orders) <br />
+-New features (Added) <br />
+
+-Print User orders as pdf <br />
+-Print UserList as pdf <br />
+-Print OrderList as pdf <br />
+-Admin features <br />
+
+-Product management <br />
+-User management <br />
+-Order management <br />
+-Order details page <br />
+-Mark orders as delivered option <br />
+
+## Screnshoots
+
+![screenshot](https://image.prntscr.com/image/Glc4d2qkSE6ybnan3Xh9hQ.png)
+
+![screenshot](https://image.prntscr.com/image/surYb7HCSBqFEUXMqaFFVg.png)
+
+![screenshot](https://image.prntscr.com/image/yePfaDVwSneo0M0diSNpaw.png)
+
+![screenshot](https://image.prntscr.com/image/z0YB5k6sTAON3J9qs9vRVg.png)
+
+
+
+## Tech Stack 💻
+
+> [React.js](https://reactjs.org/) <br />
+> [Node.js](https://nodejs.org/en/) <br />
+> [Express.js](https://expressjs.com/) <br />
+> [MongoDB ](https://www.mongodb.com/cloud/atlas) <br />
+> [Material UI](https://material-ui.com/) <br />
+> [React Bootstrap](https://react-bootstrap.github.io/) <br />
+> [Redux](https://redux.js.org/) <br />
+
+
+
+## API Externe 👨‍💻
+
+> [PayPal API](https://developer.paypal.com/) <br />
+> [Esewa API](https://developer.esewa.com.np) <br />
+> [Send Grid API](https://sendgrid.com/) <br />
+> [Cloudinary API](https://cloudinary.com/) <br />
+
+## Our API ‍
+
+![screenshot](https://image.prntscr.com/image/6sSdfsNgRo6CLA43r8BvGw.png)
+
+
+## Installation
+
+Dillinger requires [Node.js](https://nodejs.org/) v12+ to run. <br />
+
+Install the dependencies and devDependencies and start the Client. 
+
+```sh
+cd FitMe
+cd client
+yarn install
+yarn start
+```
+
+Install the dependencies and devDependencies and start the Client.
+
+```sh
+cd FitMe
+cd server
+npm install
+npm start
+```
+
+For production environments...
+
+```sh
+npm install --production
+NODE_ENV=production node app
+```
+
+**2. Create a .env file in Server  folder and add the following**
+
+```
+PORT=5000
+NODE_ENV=development
+
+MONGO_URI =your mongodb uri
+
+PAYPAL_CLIENT_ID=your paypal client id
+
+FILE_UPLOAD_PATH=./public/uploads/product
+FILE_UPLOAD_SIZE=1000000
+
+JWT_SECRET=your key
+JWT_EXPIREIN=30d
+
+CLOUD_NAME=your cloudinary name
+API_KEY=your cloudinary api key
+API_SECRET=your cloudinary api secret key
+
+SEND_GRID_KEY=your sendgrid api key
+
+FROM_EMAIL=your sender email
+FROM_NAME=ShoppingPoint
+
+```
+
+ **🎉 Open your browser and go to `https://localhost:3000`**
+
+## 🤩 Don't forget to give this repo a ⭐ if you like this repo and want to appreciate our efforts
+
+## Conclusion
+
+Beta version of advanced feature <br />
+Implementation of mockups and designs <br />
+Clearer vision of the final product
diff --git a/Server/controller/Category.js b/Server/controller/Category.js
index 5742d6b..336e9a1 100644
--- a/Server/controller/Category.js
+++ b/Server/controller/Category.js
@@ -25,7 +25,7 @@ const getCategory = asyncHandler(async (req, res, next) => {
 
 const createCategory= asyncHandler(async (req, res, next) => {
     //const product = await Product.findById(req.params.productId);
-    // create 
+    // create
     const category = await Category.create(req.body )
     res.status(201).send({ status: "success created", data: category });
 });
@@ -36,7 +36,7 @@ const updateCategory = asyncHandler(async (req, res, next) => {
     if (!editcategory) throw createError(404,`Category is not found with id of ${req.params.id}`);
     const updatedcategory = await Brand.findById(req.params.id);
     res.status(201).send({ status: "success", data: updatedcategory });
-  });
+});
 
 
 
@@ -45,7 +45,7 @@ const deleteCategory = asyncHandler(async (req, res, next) => {
     if (!deletecategory) throw createError(404, `category is not found with id of ${req.params.id}`);
     await deletecategory.remove();
     res.status(204).send({ status: "success", message: "category Deleted Successfully" });
-  });
+});
 
 module.exports = {
     getCategory,
diff --git a/Server/controller/brand.js b/Server/controller/brand.js
index c3f6bde..7038480 100644
--- a/Server/controller/brand.js
+++ b/Server/controller/brand.js
@@ -96,7 +96,6 @@ const deleteBrand = asyncHandler(async (req, res, next) => {
 });
 
 const toggleVerify = asyncHandler(async (req, res, next) => {
-  console.log("Toggling "+ req.body.brandId)
   if(!req.body.brandId) throw createError(409, "Please provide brand's id");
   const toToggle = await Brand.findById(req.body.brandId);
   if(!toToggle) throw createError(409, "Brand not found");
diff --git a/Server/controller/product.js b/Server/controller/product.js
index 3ff44b3..4b05dbd 100644
--- a/Server/controller/product.js
+++ b/Server/controller/product.js
@@ -12,9 +12,10 @@ cloudinary.config({
     api_secret: process.env.API_SECRET,
 });
 const getProducts = asyncHandler(async (req,res,next)=>{
+
+
     const keyWord = req.query.keyWord;
     const ltORgt = req.query;
-
     if(keyWord || ltORgt ){
         const searchItem = keyWord ?
             {name : {$regex: keyWord , $options: "i"}}:
@@ -22,18 +23,24 @@ const getProducts = asyncHandler(async (req,res,next)=>{
         const priceRange = (!isNaN(Number(ltORgt.priceMin)) && !isNaN(Number(ltORgt.priceMax))) ?
             {price: {$gt: Number(ltORgt.priceMin), $lt: Number(ltORgt.priceMax)}}:
             {};
+        let BrandQuery =  req.query.Brand.split(",")
+        let CategoryQuery =  req.query.Category.split(",")
+
+        const BrandSearch = req.query.Brand ? {brand : {$in : BrandQuery }}  : {}
+        const CategorySearch = req.query.Category ? {category : {$in : CategoryQuery }}  : {}
+
+           const searchProduct = await Product.find({$and :[ priceRange , BrandSearch,CategorySearch ]}).populate('Category').populate('brand');
 
-        const searchProduct = await Product.find(priceRange).populate('Category').populate('brand');
         res.status(200).send({
             status: "success",
-            data: { results : searchProduct , count: searchProduct.length }
+            data: { results : searchProduct.reverse() , count: searchProduct.length }
         })
     }else{
         const products = await Product.find().populate('brand').populate('Category');
 
         res.status(200).send({
             status: "success",
-            data: { results : products , count: products.length }
+            data: { results : products.reverse() , count: products.length }
         })
     }
 
@@ -72,7 +79,7 @@ const createProduct = asyncHandler(async (req,res,next)=>{
     console.log(file.preview)
 
     cloudinary.uploader.upload(
-        "C:\\"+file.path,
+        "C:\\Users\\Med\\Pictures\\"+file.path,
         {use_filename: true, folder: "products"},
         async function (error, result) {
             console.log(error)
@@ -83,7 +90,6 @@ const createProduct = asyncHandler(async (req,res,next)=>{
                 size : JSON.parse(req.body.size),
                 productImage: result.url,
             });
-            console.log("hi !!!!!!!!")
             res.status(200).send({status: "success", data: product});
         }
     );
@@ -94,9 +100,14 @@ const createProduct = asyncHandler(async (req,res,next)=>{
 
 
 const updateProduct = asyncHandler(async (req,res,next)=>{
+  const  productToUpdate =req.body;
+    productToUpdate.color = JSON.parse(req.body.color);
+    // productToUpdate.size = JSON.parse(req.body.size);
+    // console.log(productToUpdate.color)
+
     const editProduct = await Product.findByIdAndUpdate(
         req.params.productId,
-        req.body,
+        productToUpdate,
         {
             new : true,
             runValidators : true
diff --git a/Server/routes/brand.js b/Server/routes/brand.js
index dfecd8c..5392a92 100644
--- a/Server/routes/brand.js
+++ b/Server/routes/brand.js
@@ -3,7 +3,7 @@ const router = require("express").Router();
 const { protect, permissions, permission } = require("../middleware/auth");
 
 router.route("/").get(getBrands).post(protect, permission("user"),createBrand);
-router.route("/verify").post(protect,permissions(["admin","seller","user"]), toggleVerify);
+router.route("/verify").post(protect,permissions(["admin","seller"]), toggleVerify);
 router.route("/:brandId").get(getBrand).put(protect, permissions(["admin","seller"]),updateBrand).delete(deleteBrand);
 router.route("/:userId/getbyuser").get(getBrandByUserId);
 
diff --git a/Server/routes/category.js b/Server/routes/category.js
index 1bc524f..250d9fb 100644
--- a/Server/routes/category.js
+++ b/Server/routes/category.js
@@ -6,21 +6,26 @@ const {
     deleteCategory,
 } = require("../controller/Category");
 
-//Invoked middleware.
-const advanceResults = require("../middleware/advanceResults");
-const { protect, permission } = require("../middleware/auth");
 
-//User model
+
+//Category model
 const Category = require("../models/Category");
 
+const { protect } = require("../middleware/auth");
+
 const router = require("express").Router();
 
-router
-    .route("/")
-    .get(advanceResults(Category), getCategorys)
-    .post(createCategory);
 
-  
-    router.route("/:id").get(getCategory).put(updateCategory).delete(deleteCategory);
+const advanceResults = require("../middleware/advanceResults");
+
+router.route("/createcatgory").post(createCategory);
+router.route("/").post(createCategory);
+
+router.route("/").get(advanceResults(Category), getCategorys)
+router
+    .route("/:id")
+    .get(getCategory)
+    .put(updateCategory)
+    .delete(deleteCategory);
 
 module.exports = router;

From 6df25268bcccf03728c0bd41964670705d83f7de Mon Sep 17 00:00:00 2001
From: chihabhajji <blackpang23@gmail.com>
Date: Wed, 5 May 2021 01:17:32 +0100
Subject: [PATCH 2/3] =?UTF-8?q?Last=20minute=20touch=20ups=20=F0=9F=98=81?=
 =?UTF-8?q?=F0=9F=91=8D=F0=9F=91=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/backoffice/pages/Brand/BrandtList.js  |  5 +--
 .../src/backoffice/pages/Brand/EditBrand.js   | 12 ++++--
 .../src/backoffice/pages/Dashboard/index.js   |  1 -
 .../components/Footer/FooterPage.js           |  8 ++++
 Server/controller/brand.js                    | 41 ++++++++++++++-----
 5 files changed, 48 insertions(+), 19 deletions(-)

diff --git a/Client/src/backoffice/pages/Brand/BrandtList.js b/Client/src/backoffice/pages/Brand/BrandtList.js
index 0b00cd0..7e9b093 100644
--- a/Client/src/backoffice/pages/Brand/BrandtList.js
+++ b/Client/src/backoffice/pages/Brand/BrandtList.js
@@ -15,7 +15,6 @@ import Toast from 'react-bootstrap/Toast'
 import Modal from 'react-bootstrap/Modal';
 import fileDownload from "js-file-download";
 import axios from "axios";
-import Form from "react-bootstrap/Form";
 import Select from 'react-select'
 import ("./BrandList.css");
 const BrandList = ({ history }) => {
@@ -30,7 +29,7 @@ const BrandList = ({ history }) => {
     const [brandsList, setBrandsList] = useState(brands);
     const [showModal, setShowModal] = useState(false);
     const [message, setMessage] = useState("");
-    const [sort, setSort] = useState(options[1]);
+    const [sort, setSort] = useState(options[0]);
     const handleClose = () => setShowModal(false);
 
     useEffect(() => {
@@ -73,7 +72,7 @@ const BrandList = ({ history }) => {
         }
         setMessage("");
     }
-    function toggleVerify(event,key) {
+    function toggleVerify() {
         setShowModal(true);
     }
 
diff --git a/Client/src/backoffice/pages/Brand/EditBrand.js b/Client/src/backoffice/pages/Brand/EditBrand.js
index 3a7d873..aa51af8 100644
--- a/Client/src/backoffice/pages/Brand/EditBrand.js
+++ b/Client/src/backoffice/pages/Brand/EditBrand.js
@@ -71,12 +71,16 @@ const EditBrand = ({ match }) => {
     }, [dispatch, success]);
     const submitHandler = (e) => {
         e.preventDefault();
+        const data = new FormData();
+        data.append('brandImage', image);
+        data.append('brandProof', image);
+        data.append('brandName', name);
+
         brand.name = name;
         brand.brandImage = image;
         brand.brandProof = proof;
-        dispatch(brandAction.editBrand(brandId, brand));
+        dispatch(brandAction.editBrand(brandId, data));
     };
-
     const ConfirmedAlert = () => {
         if (EditBrandSuccess) {
             return confirmAlert({
@@ -129,7 +133,7 @@ const EditBrand = ({ match }) => {
                     <>
                         <FormContainer>
                             <h1>Edit Brand:</h1>
-                            <Image src={brand.brandImage} fluid  />
+                            <Image src={image} fluid  />
                             <Form onSubmit={submitHandler}>
                                 <TextField
                                     variant="outlined"
@@ -156,7 +160,7 @@ const EditBrand = ({ match }) => {
                                     name="file"
                                     autoComplete="file"
                                     autoFocus
-                                    onChange={(e) => setBrandImage(e.target.files[0])}
+                                    onChange={(e) => setImage(e.target.files[0])}
                                 />
                                 Change proof
                                 <TextField
diff --git a/Client/src/backoffice/pages/Dashboard/index.js b/Client/src/backoffice/pages/Dashboard/index.js
index b7a9b4e..e832cf7 100644
--- a/Client/src/backoffice/pages/Dashboard/index.js
+++ b/Client/src/backoffice/pages/Dashboard/index.js
@@ -288,4 +288,3 @@
       };
       
       export default Dashboard;
-      
\ No newline at end of file
diff --git a/Client/src/frontoffice/components/Footer/FooterPage.js b/Client/src/frontoffice/components/Footer/FooterPage.js
index 7321a61..4aaef87 100644
--- a/Client/src/frontoffice/components/Footer/FooterPage.js
+++ b/Client/src/frontoffice/components/Footer/FooterPage.js
@@ -75,6 +75,14 @@ const FooterPage = () => {
                                   Contact us
                               </a>
                           </ListItem>
+                          <ListItem className={classes.inlineBlock}>
+                              <a
+                                  href="/brandSignup"
+                                  className={classes.block}
+                              >
+                                  Become a registered brand
+                              </a>
+                          </ListItem>
                       </List>
                   </div>
                   <div className={classes.right}>
diff --git a/Server/controller/brand.js b/Server/controller/brand.js
index 7038480..431c14d 100644
--- a/Server/controller/brand.js
+++ b/Server/controller/brand.js
@@ -11,7 +11,6 @@ cloudinary.config({
 });
 
 const getBrands = asyncHandler(async (req, res, next) => {
-  console.log("Fetching brands");
   const keyWord = req.query.keyWord;
   const pageOptions = {
     page: parseInt(req.query.page, 10) || 0,
@@ -27,7 +26,6 @@ const getBrands = asyncHandler(async (req, res, next) => {
   }
 });
 const getBrandByUserId = asyncHandler(async (req, res, next) => {
-  console.log("Fetching brand by user id = "+req.params.userId);
   const brand = await Brand.findOne({userId:req.params.userId});
   if (!brand)
     throw createError(404,`brand is not found with user id of ${req.params.userId}`);
@@ -35,7 +33,6 @@ const getBrandByUserId = asyncHandler(async (req, res, next) => {
 });
 
 const getBrand = asyncHandler(async (req, res, next) => {
-  console.log("Fetching brand with id "+ req.params.brandId);
   const brand = await Brand.findById(req.params.brandId);
   if (!brand)
     throw createError(404,`brand is not found with id of ${req.params.brandId}`);
@@ -43,7 +40,6 @@ const getBrand = asyncHandler(async (req, res, next) => {
 });
 
 const createBrand = asyncHandler(async (req, res, next) => {
-  console.log("Creating brand");
   if (!req.files) throw createError(400, "Please add a photo & Proof");
   const image = req.files.brandImage;
   const proof = req.files.brandProof;
@@ -80,27 +76,50 @@ const createBrand = asyncHandler(async (req, res, next) => {
 });
 
 const updateBrand = asyncHandler(async (req, res, next) => {
-  console.log("Updating brand");
-  const editBrand = await Brand.findByIdAndUpdate(req.params.brandId,req.body,{ new: true, runValidators: true, });
-  if (!editBrand) throw createError(404,`Brand is not found with id of ${req.params.brandId}`);
-  const updatedBrand = await Brand.findById(req.params.brandId);
-  res.status(201).send({ status: "success", data: updatedBrand });
+  if (!req.files) throw createError(400, "Please add a photo & Proof");
+  const image = req.files.brandImage;
+  const proof = req.files.brandProof;
+  if (!image.mimetype.startsWith("image"))
+    throw createError(400, "This file is not supported");
+  if (image.size > process.env.FILE_UPLOAD_SIZE || proof.size > process.env.FILE_UPLOAD_SIZE)
+    throw createError(400,`Please upload a image or proof of size less than ${process.env.FILE_UPLOAD_SIZE}`);
+  await cloudinary.uploader.upload(
+      proof.tempFilePath,
+      {use_filename: true, folder: "brands/" + req.body.brandName},
+      async function (proofError, proofResult) {
+        if (proofError) throw createError(409, `failed to upload brand proof`);
+        await cloudinary.uploader.upload(
+            image.tempFilePath,
+            {use_filename: true, folder: "brands/" + req.body.brandName},
+            async function (imageError, imageResult) {
+              if (imageError) throw createError(409, `failed to upload brand image`);
+              const brand = {
+                brandName : req.body.brandName,
+                brandImage: imageResult.url,
+                brandProof: proofResult.url,
+              }
+              const editBrand = await Brand.findByIdAndUpdate(req.params.brandId,brand,{ new: true, runValidators: true, });
+              if (!editBrand) throw createError(404,`Brand is not found with id of ${req.params.brandId}`);
+              const updatedBrand = await Brand.findById(req.params.brandId);
+              res.status(201).send({ status: "success", data: updatedBrand });
+            }
+        );
+      });
 });
 
 const deleteBrand = asyncHandler(async (req, res, next) => {
   const deleteBrand = await Brand.findById(req.params.brandId);
-  console.log("Deleting "+ deleteBrand.brandName);
   if (!deleteBrand) throw createError(404, `Brand is not found with id of ${req.params.brandId}`);
   await deleteBrand.remove();
   res.status(204).send({ status: "success", message: "Brand Deleted Successfully" });
 });
 
 const toggleVerify = asyncHandler(async (req, res, next) => {
+
   if(!req.body.brandId) throw createError(409, "Please provide brand's id");
   const toToggle = await Brand.findById(req.body.brandId);
   if(!toToggle) throw createError(409, "Brand not found");
   const user = await User.findById(toToggle.userId);
-
   toToggle.verify = !toToggle.verify;
   await toToggle.save();
   if(toToggle.verify){

From a440aef7de23ffb52874e6f1994a2d28efe89e56 Mon Sep 17 00:00:00 2001
From: chihabhajji <blackpang23@gmail.com>
Date: Wed, 5 May 2021 01:38:13 +0100
Subject: [PATCH 3/3] =?UTF-8?q?Last=20minute=20touch=20ups=20=F0=9F=98=81?=
 =?UTF-8?q?=F0=9F=91=8D=F0=9F=91=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../VerticalLayout/SidebarContent.js          |   4 +-
 .../backoffice/pages/Brand/EditOwnBrand.js    | 203 ++++++++++++++++++
 Client/src/routes/index.js                    |   3 +
 3 files changed, 208 insertions(+), 2 deletions(-)
 create mode 100644 Client/src/backoffice/pages/Brand/EditOwnBrand.js

diff --git a/Client/src/backoffice/components/VerticalLayout/SidebarContent.js b/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
index 64f4959..f43e7c6 100644
--- a/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
+++ b/Client/src/backoffice/components/VerticalLayout/SidebarContent.js
@@ -146,8 +146,8 @@ class SidebarContent extends Component {
               ):(
                   <>
                     <li>
-                      <Link to="/dashboard/admin/brand" className=" waves-effect">
-                        <i className="bx bx-file" />
+                      <Link to="/dashboard/seller/brand" className=" waves-effect">
+                        <i className="bx bxs-user-detail" />
                         <span>My brand</span>
                       </Link>
                     </li>
diff --git a/Client/src/backoffice/pages/Brand/EditOwnBrand.js b/Client/src/backoffice/pages/Brand/EditOwnBrand.js
new file mode 100644
index 0000000..61a273e
--- /dev/null
+++ b/Client/src/backoffice/pages/Brand/EditOwnBrand.js
@@ -0,0 +1,203 @@
+import React, { useState, useEffect } from "react";
+import { Form } from "react-bootstrap";
+import Image from 'react-bootstrap/Image'
+import { useDispatch, useSelector } from "react-redux";
+import * as brandAction from "@Actions/brandAction";
+import * as brandConstants from "@Constants/brandConstants";
+import FormContainer from "@Components/FormContainer/FormContainer";
+import ErrorMessage from "@FrontOfficeComponents/Message/errorMessage";
+import {
+    TextField,
+    Button,
+    CircularProgress,
+    FormControl,
+    InputLabel,
+    Select,
+    MenuItem,
+    makeStyles,
+} from "@material-ui/core/";
+import { Link, Redirect } from "react-router-dom";
+import confirmationImg from "@FrontOfficeAssets/confirmation.png";
+import { confirmAlert } from "react-confirm-alert"; // Import
+import "react-confirm-alert/src/react-confirm-alert.css";
+import Container from "react-bootstrap/Container";
+
+const useStyles = makeStyles((theme) => ({
+    typography: {
+        padding: theme.spacing(2),
+    },
+    formControl: {
+        margin: theme.spacing(1),
+        minWidth: 120,
+    },
+    selectEmpty: {
+        marginTop: theme.spacing(2),
+    },
+    prgressColor: {
+        color: "#fff",
+    },
+}));
+
+const EditBrand = () => {
+    const updateBrandDetails = useSelector(
+        (state) => state.editBrand
+    );
+    const {
+        loading: EditBrandLoading,
+        error: EditBrandError,
+        success: EditBrandSuccess,
+    } = updateBrandDetails;
+
+    const brandByUserIdSelector = useSelector((state) => state.brandByUserId);
+    const { loading, brandByUserId, error, success } = brandByUserIdSelector;
+
+    const [name, setName] = useState("");
+    const [image, setImage] = useState("");
+    const [proof, setProof] = useState("");
+    const [Success, setSuccess] = useState(false);
+    const classes = useStyles();
+    const dispatch = useDispatch();
+    useEffect(() => {
+        dispatch(brandAction.brandByUserIdCall());
+    }, [dispatch]);
+
+    useEffect(() => {
+        if (success) {
+            setName(brandByUserId.brandName);
+            setImage(brandByUserId.brandImage);
+            setProof(brandByUserId.brandProof);
+        }
+    }, [dispatch, success]);
+    const submitHandler = (e) => {
+        e.preventDefault();
+        const data = new FormData();
+        data.append('brandImage', image);
+        data.append('brandProof', image);
+        data.append('brandName', name);
+
+        brandByUserId.name = name;
+        brandByUserId.brandImage = image;
+        brandByUserId.brandProof = proof;
+        dispatch(brandAction.editBrand(brandId, data));
+    };
+    const ConfirmedAlert = () => {
+        if (EditBrandSuccess) {
+            return confirmAlert({
+                customUI: ({ onClose }) => {
+                    return (
+                        <div className="custom-ui-alert">
+                            <div className="success-img">
+                                <img src={confirmationImg} alt="confirmationImg" />
+                            </div>
+                            <h3 className="font-weight-bold text">
+                                Brand updated successfully
+                            </h3>
+                            <Button
+                                type="submit"
+                                variant="contained"
+                                color="primary"
+                                onClick={() => {
+                                    onClose();
+                                    dispatch({ type: brandConstants.EDIT_BRAND_RESET });
+                                    setSuccess(true);
+                                }}
+                            >
+                                OK
+                            </Button>
+                        </div>
+                    );
+                },
+            });
+        }
+    };
+    return (
+        <Container fluid className="verticalHeight">
+            <>
+                {Success && <Redirect to="/dashboard" />}
+                {EditBrandError && (
+                    <ErrorMessage
+                        header="Something went wrong"
+                        message={EditBrandError}
+                        reset={brandConstants.EDIT_BRAND_RESET}
+                    />
+                )}
+                <Link to="/dashboard" className="btn btn-light my-3">
+                    Go Back
+                </Link>
+                {loading ? (
+                    <h4>Loading...</h4>
+                ) : error ? (
+                    <ErrorMessage header="Something went wrong" message={error} />
+                ) : (
+                    <>
+                        <FormContainer>
+                            <h1>Edit Brand:</h1>
+                            <Image src={image} fluid  />
+                            <Form onSubmit={submitHandler}>
+                                <TextField
+                                    variant="outlined"
+                                    type="text"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="name"
+                                    label="Name"
+                                    name="name"
+                                    autoComplete="name"
+                                    autoFocus
+                                    value={name}
+                                    onChange={(e) => setName(e.target.value)}
+                                />
+                                Change image
+                                <TextField
+                                    variant="outlined"
+                                    type="file"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="file"
+                                    name="file"
+                                    autoComplete="file"
+                                    autoFocus
+                                    onChange={(e) => setImage(e.target.files[0])}
+                                />
+                                Change proof
+                                <TextField
+                                    variant="outlined"
+                                    type="file"
+                                    margin="normal"
+                                    required
+                                    fullWidth
+                                    id="proof"
+                                    name="proof"
+                                    autoComplete="proof"
+                                    autoFocus
+                                    onChange={(e) => setProof(e.target.files[0])}
+                                />
+                                <Button
+                                    type="submit"
+                                    variant="contained"
+                                    color="primary"
+                                    fullWidth
+                                    disabled={EditBrandLoading}
+                                >
+                                    {EditBrandLoading ? (
+                                        <CircularProgress
+                                            color="inherit"
+                                            className={classes.prgressColor}
+                                        />
+                                    ) : (
+                                        <>Update</>
+                                    )}
+                                </Button>
+                            </Form>
+                        </FormContainer>
+                        {ConfirmedAlert()}
+                    </>
+                )}
+            </>
+        </Container>
+    );
+};
+
+export default EditBrand;
diff --git a/Client/src/routes/index.js b/Client/src/routes/index.js
index 061bfb0..0f14fdd 100644
--- a/Client/src/routes/index.js
+++ b/Client/src/routes/index.js
@@ -39,6 +39,7 @@ import Profile from '../frontoffice/pages/Order/Profile';
 import BrandSignup from '../frontoffice/pages/BrandSignup/BrandSignup';
 import BrandList from "../backoffice/pages/Brand/BrandtList"
 import EditBrand from "../backoffice/pages/Brand/EditBrand"
+import EditOwnBrand from "../backoffice/pages/Brand/EditOwnBrand"
 import Brands from "../frontoffice/pages/Brands/Brands";
 import BrandPage from "../frontoffice/pages/Brands/BrandPage";
 
@@ -62,6 +63,8 @@ const authProtectedBackRoutes = [
     { path: "/dashboard/admin/Order", component: OrderAdmin },
     { path: "/dashboard/admin/brands", component: BrandList },
     { path: "/dashboard/admin/brand/:brandId", component: EditBrand },
+
+    { path: "/dashboard/seller/brand", component: EditOwnBrand },
     //profile
     { path: "/product-detail/:id", component: ProductDetail },
     { path: "/add-product", component: AddProduct },