@zohodesk/icons 1.3.15 → 1.4.0-exp-1

package/assets/react/zd-font-react-reports.module.css

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-reports";
-  src:
-    url('../fonts/zd-reports.woff2') format('woff2'),
-    
-    url('../fonts/zd-reports.woff') format('woff'),
-    url('../fonts/zd-reports.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-reports.woff2') format('woff2'),
+       url('../fonts/zd-reports.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,496 +10,205 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-reports" !important;}
+/* Define icon codes */
+.icon-pagesense:before { content: "\b8000"; }
 
-.icon-pagesense,.icon-add-component,.icon-attach16,.icon-checkmark,.icon-comment-new,.icon-comment,.icon-department,.icon-edit-mp-012,.icon-expand,.icon-expand1,.icon-flag5,.icon-forward-new,.icon-insight,.icon-JIRA_logo1,.icon-matrix-report2,.icon-multiline,.icon-overview-icon1,.icon-overview-icon2,.icon-overview-icon3,.icon-prop,.icon-r-area,.icon-r-donut,.icon-r-funnel1,.icon-r-funnel2,.icon-r-line1,.icon-r-line2,.icon-r-pie1,.icon-r-pie2,.icon-r-table1,.icon-r-table2,.icon-r-vbar1,.icon-r-vbar01,.icon-r-vbar2,.icon-r-vbar02,.icon-r-vbar3,.icon-r-vbar03,.icon-replyall-new,.icon-reports-area,.icon-reports-funnel,.icon-reports-line,.icon-reports-pie,.icon-reports-table1,.icon-resize,.icon-set-as-default,.icon-solution_new1,.icon-summary-report2,.icon-t-line2,.icon-tabular-report2,.icon-tag,.icon-vertical-bar1,.icon-vertical-bar2,.icon-vertical-bar3,.icon-tableTask,.icon-tableTicket,.icon-tableContact,.icon-tableAccount,.icon-multipleLine,.icon-table,.icon-percentageBar,.icon-pie,.icon-line,.icon-funnel,.icon-stackedBar,.icon-bar,.icon-barGraph,.icon-barLineGraph,.icon-dialMeter,.icon-donutChart,.icon-lineGraph,.icon-listGraph,.icon-multilineGraph,.icon-pieChart,.icon-pieChartFill,.icon-tableChart,.icon-wordCloud,.icon-barHorizontal,.icon-reportRedirection,.icon-graphView{
-	font-family:"zdfonts-react-reports" !important;
-}
+.icon-add-component:before { content: "\b8001"; }
 
-.icon-pagesense:before {
-  content: "\f200";
-}
-.icon-add-component:before {
-  content: "\f201";
-}
-.icon-attach16:before {
-  content: "\f202";
-}
-.icon-checkmark:before {
-  content: "\f203";
-}
-.icon-comment-new:before {
-  content: "\f204";
-}
-.icon-comment:before {
-  content: "\f205";
-}
-.icon-department:before {
-  content: "\f206";
-}
-.icon-edit-mp-012:before {
-  content: "\f207";
-}
-.icon-expand:before {
-  content: "\f208";
-}
-.icon-expand1:before {
-  content: "\f209";
-}
-.icon-flag5:before {
-  content: "\f20a";
-}
-.icon-forward-new:before {
-  content: "\f20b";
-}
-.icon-insight:before {
-  content: "\f20c";
-}
-.icon-JIRA_logo1:before {
-  content: "\f20d";
-  color: #036;
-}
-.icon-matrix-report2 .path1:before {
-  content: "\f20e";
-  color: rgb(0, 0, 0);
-}
-.icon-matrix-report2 .path2:before {
-  content: "\f20f";
-  margin-left: -1.3125em;
-  color: rgb(196, 196, 196);
-}
-.icon-multiline .path1:before {
-  content: "\f210";
-  color: rgb(6, 192, 20);
-}
-.icon-multiline .path2:before {
-  content: "\f211";
-  margin-left: -1.3154296875em;
-  color: rgb(0, 161, 255);
-}
-.icon-multiline .path3:before {
-  content: "\f212";
-  margin-left: -1.3154296875em;
-  color: rgb(0, 161, 255);
-}
-.icon-overview-icon1:before {
-  content: "\f213";
-}
-.icon-overview-icon2:before {
-  content: "\f214";
-}
-.icon-overview-icon3:before {
-  content: "\f215";
-}
-.icon-prop:before {
-  content: "\f216";
-}
-.icon-r-area:before {
-  content: "\f217";
-  color: #00a1ff;
-}
-.icon-r-donut .path1:before {
-  content: "\f218";
-  color: rgb(241, 140, 0);
-}
-.icon-r-donut .path2:before {
-  content: "\f219";
-  margin-left: -1em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-funnel1 .path1:before {
-  content: "\f21a";
-  color: rgb(0, 161, 255);
-}
-.icon-r-funnel1 .path2:before {
-  content: "\f21b";
-  margin-left: -0.84375em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-funnel2 .path1:before {
-  content: "\f21c";
-  color: rgb(0, 161, 255);
-}
-.icon-r-funnel2 .path2:before {
-  content: "\f21d";
-  margin-left: -0.90625em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-funnel2 .path3:before {
-  content: "\f21e";
-  margin-left: -0.90625em;
-  color: rgb(241, 140, 0);
-  opacity: 0.5;
-}
-.icon-r-line1 .path1:before {
-  content: "\f21f";
-  color: rgb(6, 192, 20);
-}
-.icon-r-line1 .path2:before {
-  content: "\f220";
-  margin-left: -1.3125em;
-  color: rgb(0, 161, 255);
-}
-.icon-r-line2 .path1:before {
-  content: "\f221";
-  color: rgb(0, 161, 255);
-}
-.icon-r-line2 .path2:before {
-  content: "\f222";
-  margin-left: -1.4375em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-pie1 .path1:before {
-  content: "\f223";
-  color: rgb(241, 140, 0);
-}
-.icon-r-pie1 .path2:before {
-  content: "\f224";
-  margin-left: -1em;
-  color: rgb(0, 161, 255);
-}
-.icon-r-pie1 .path3:before {
-  content: "\f225";
-  margin-left: -1em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-pie2 .path1:before {
-  content: "\f226";
-  color: rgb(241, 140, 0);
-}
-.icon-r-pie2 .path2:before {
-  content: "\f227";
-  margin-left: -1em;
-  color: rgb(0, 161, 255);
-}
-.icon-r-pie2 .path3:before {
-  content: "\f228";
-  margin-left: -1em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-table1:before {
-  content: "\f229";
-  color: #aaa;
-}
-.icon-r-table2:before {
-  content: "\f22a";
-  color: #999;
-}
-.icon-r-vbar1:before {
-  content: "\f22b";
-  color: #00a1ff;
-}
-.icon-r-vbar01 .path1:before {
-  content: "\f22c";
-  color: rgb(0, 161, 255);
-}
-.icon-r-vbar01 .path2:before {
-  content: "\f22d";
-  margin-left: -1.4375em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-vbar01 .path3:before {
-  content: "\f22e";
-  margin-left: -1.4375em;
-  color: rgb(241, 140, 0);
-}
-.icon-r-vbar2 .path1:before {
-  content: "\f22f";
-  color: rgb(0, 161, 255);
-}
-.icon-r-vbar2 .path2:before {
-  content: "\f230";
-  margin-left: -1em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-vbar02 .path1:before {
-  content: "\f231";
-  color: rgb(0, 161, 255);
-}
-.icon-r-vbar02 .path2:before {
-  content: "\f232";
-  margin-left: -1.4375em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-vbar3 .path1:before {
-  content: "\f233";
-  color: rgb(0, 161, 255);
-}
-.icon-r-vbar3 .path2:before {
-  content: "\f234";
-  margin-left: -1em;
-  color: rgb(6, 192, 20);
-}
-.icon-r-vbar03 .path1:before {
-  content: "\f235";
-  color: rgb(0, 161, 255);
-}
-.icon-r-vbar03 .path2:before {
-  content: "\f236";
-  margin-left: -1.4375em;
-  color: rgb(6, 192, 20);
-}
-.icon-replyall-new:before {
-  content: "\f237";
-}
-.icon-reports-area:before {
-  content: "\f238";
-}
-.icon-reports-funnel:before {
-  content: "\f239";
-}
-.icon-reports-line:before {
-  content: "\f23a";
-}
-.icon-reports-pie:before {
-  content: "\f23b";
-}
-.icon-reports-table1:before {
-  content: "\f23c";
-}
-.icon-resize:before {
-  content: "\f23d";
-}
-.icon-set-as-default:before {
-  content: "\f23e";
-}
-.icon-solution_new1:before {
-  content: "\f23f";
-}
-.icon-summary-report2 .path1:before {
-  content: "\f240";
-  color: rgb(0, 0, 0);
-}
-.icon-summary-report2 .path2:before {
-  content: "\f241";
-  margin-left: -1.3125em;
-  color: rgb(196, 196, 196);
-}
-.icon-t-line2:before {
-  content: "\f242";
-}
-.icon-tabular-report2:before {
-  content: "\f243";
-}
-.icon-tag:before {
-  content: "\f244";
-}
-.icon-vertical-bar1:before {
-  content: "\f245";
-}
-.icon-vertical-bar2:before {
-  content: "\f246";
-}
-.icon-vertical-bar3:before {
-  content: "\f247";
-}
-.icon-tableTask .path1:before {
-  content: "\f248";
-  color: rgb(99, 156, 241);
-}
-.icon-tableTask .path2:before {
-  content: "\f249";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableTask .path3:before {
-  content: "\f24a";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableTask .path4:before {
-  content: "\f24b";
-  margin-left: -1em;
-  color: rgb(92, 207, 99);
-}
-.icon-tableTask .path5:before {
-  content: "\f24c";
-  margin-left: -1em;
-  color: rgb(92, 207, 99);
-}
-.icon-tableTicket .path1:before {
-  content: "\f24d";
-  color: rgb(99, 156, 241);
-}
-.icon-tableTicket .path2:before {
-  content: "\f24e";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableTicket .path3:before {
-  content: "\f24f";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableTicket .path4:before {
-  content: "\f250";
-  margin-left: -1em;
-  color: rgb(92, 207, 99);
-}
-.icon-tableContact .path1:before {
-  content: "\f251";
-  color: rgb(99, 156, 241);
-}
-.icon-tableContact .path2:before {
-  content: "\f252";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableContact .path3:before {
-  content: "\f253";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableContact .path4:before {
-  content: "\f254";
-  margin-left: -1em;
-  color: rgb(92, 207, 99);
-}
-.icon-tableAccount .path1:before {
-  content: "\f255";
-  color: rgb(99, 156, 241);
-}
-.icon-tableAccount .path2:before {
-  content: "\f256";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableAccount .path3:before {
-  content: "\f257";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-tableAccount .path4:before {
-  content: "\f258";
-  margin-left: -1em;
-  color: rgb(92, 207, 99);
-}
-.icon-tableAccount .path5:before {
-  content: "\f259";
-  margin-left: -1em;
-  color: none;
-}
-.icon-multipleLine .path1:before {
-  content: "\f25a";
-  color: rgb(52, 140, 242);
-}
-.icon-multipleLine .path2:before {
-  content: "\f25b";
-  margin-left: -1em;
-  color: rgb(245, 164, 86);
-}
-.icon-table .path1:before {
-  content: "\f25c";
-  color: rgb(52, 140, 243);
-}
-.icon-table .path2:before {
-  content: "\f25d";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-percentageBar .path1:before {
-  content: "\f25e";
-  color: rgb(52, 140, 243);
-}
-.icon-percentageBar .path2:before {
-  content: "\f25f";
-  margin-left: -1em;
-  color: rgb(246, 165, 86);
-}
-.icon-pie .path1:before {
-  content: "\f260";
-  color: rgb(245, 164, 86);
-}
-.icon-pie .path2:before {
-  content: "\f261";
-  margin-left: -1em;
-  color: rgb(86, 208, 92);
-}
-.icon-pie .path3:before {
-  content: "\f262";
-  margin-left: -1em;
-  color: rgb(52, 140, 243);
-}
-.icon-line:before {
-  content: "\f263";
-  color: #348cf2;
-}
-.icon-funnel .path1:before {
-  content: "\f264";
-  color: rgb(245, 164, 86);
-}
-.icon-funnel .path2:before {
-  content: "\f265";
-  margin-left: -1em;
-  color: rgb(87, 209, 93);
-}
-.icon-funnel .path3:before {
-  content: "\f266";
-  margin-left: -1em;
-  color: rgb(52, 140, 242);
-}
-.icon-stackedBar .path1:before {
-  content: "\f267";
-  color: rgb(52, 140, 243);
-}
-.icon-stackedBar .path2:before {
-  content: "\f268";
-  margin-left: -1em;
-  color: rgb(246, 165, 86);
-}
-.icon-bar .path1:before {
-  content: "\f269";
-  color: rgb(52, 140, 243);
-}
-.icon-bar .path2:before {
-  content: "\f26a";
-  margin-left: -1em;
-  color: rgb(87, 208, 93);
-}
-.icon-bar .path3:before {
-  content: "\f26b";
-  margin-left: -1em;
-  color: rgb(245, 164, 86);
-}
-.icon-barGraph:before {
-  content: "\f26c";
-}
-.icon-barLineGraph:before {
-  content: "\f26d";
-}
-.icon-dialMeter:before {
-  content: "\f26e";
-}
-.icon-donutChart:before {
-  content: "\f26f";
-}
-.icon-lineGraph:before {
-  content: "\f270";
-}
-.icon-listGraph:before {
-  content: "\f271";
-}
-.icon-multilineGraph:before {
-  content: "\f272";
-}
-.icon-pieChart:before {
-  content: "\f273";
-}
-.icon-pieChartFill:before {
-  content: "\f274";
-}
-.icon-tableChart:before {
-  content: "\f275";
-}
-.icon-wordCloud:before {
-  content: "\f276";
-}
-.icon-barHorizontal:before {
-  content: "\f277";
-}
-.icon-reportRedirection:before {
-  content: "\f278";
-}
-.icon-graphView:before {
-  content: "\f279";
-}
+.icon-attach16:before { content: "\b8002"; }
+
+.icon-checkmark:before { content: "\b8003"; }
+
+.icon-comment-new:before { content: "\b8004"; }
+
+.icon-comment:before { content: "\b8005"; }
+
+.icon-department:before { content: "\b8006"; }
+
+.icon-edit-mp-012:before { content: "\b8007"; }
+
+.icon-expand:before { content: "\b8008"; }
+
+.icon-expand1:before { content: "\b8009"; }
+
+.icon-flag5:before { content: "\b800a"; }
+
+.icon-forward-new:before { content: "\b800b"; }
+
+.icon-insight:before { content: "\b800c"; }
+
+.icon-JIRA_logo1:before { content: "\b800d"; color: rgb(0, 51, 102); }
+
+.icon-matrix-report2 .path1:before { content: "\b800e";  color: rgb(0, 0, 0); }
+.icon-matrix-report2 .path2:before { content: "\b800f"; margin-left: -1.3125em; color: rgb(196, 196, 196); }
+
+.icon-multiline .path1:before { content: "\b8010";  color: rgb(6, 192, 20); }
+.icon-multiline .path2:before { content: "\b8011"; margin-left: -1.31543em; color: rgb(0, 161, 255); }
+.icon-multiline .path3:before { content: "\b8012"; margin-left: -1.31543em; color: rgb(0, 161, 255); }
+
+.icon-overview-icon1:before { content: "\b8013"; }
+
+.icon-overview-icon2:before { content: "\b8014"; }
+
+.icon-overview-icon3:before { content: "\b8015"; }
+
+.icon-prop:before { content: "\b8016"; }
+
+.icon-r-area:before { content: "\b8017"; color: rgb(0, 161, 255); }
+
+.icon-r-donut .path1:before { content: "\b8018";  color: rgb(241, 140, 0); }
+.icon-r-donut .path2:before { content: "\b8019"; margin-left: -1em; color: rgb(6, 192, 20); }
+
+.icon-r-funnel1 .path1:before { content: "\b801a";  color: rgb(0, 161, 255); }
+.icon-r-funnel1 .path2:before { content: "\b801b"; margin-left: -0.84375em; color: rgb(6, 192, 20); }
+
+.icon-r-funnel2 .path1:before { content: "\b801c";  color: rgb(0, 161, 255); }
+.icon-r-funnel2 .path2:before { content: "\b801d"; margin-left: -0.90625em; color: rgb(6, 192, 20); }
+.icon-r-funnel2 .path3:before { content: "\b801e"; margin-left: -0.90625em; color: rgb(241, 140, 0); opacity: 0.5; }
+
+.icon-r-line1 .path1:before { content: "\b801f";  color: rgb(6, 192, 20); }
+.icon-r-line1 .path2:before { content: "\b8020"; margin-left: -1.3125em; color: rgb(0, 161, 255); }
+
+.icon-r-line2 .path1:before { content: "\b8021";  color: rgb(0, 161, 255); }
+.icon-r-line2 .path2:before { content: "\b8022"; margin-left: -1.4375em; color: rgb(6, 192, 20); }
+
+.icon-r-pie1 .path1:before { content: "\b8023";  color: rgb(241, 140, 0); }
+.icon-r-pie1 .path2:before { content: "\b8024"; margin-left: -1em; color: rgb(0, 161, 255); }
+.icon-r-pie1 .path3:before { content: "\b8025"; margin-left: -1em; color: rgb(6, 192, 20); }
+
+.icon-r-pie2 .path1:before { content: "\b8026";  color: rgb(241, 140, 0); }
+.icon-r-pie2 .path2:before { content: "\b8027"; margin-left: -1em; color: rgb(0, 161, 255); }
+.icon-r-pie2 .path3:before { content: "\b8028"; margin-left: -1em; color: rgb(6, 192, 20); }
+
+.icon-r-table1:before { content: "\b8029"; color: rgb(170, 170, 170); }
+
+.icon-r-table2:before { content: "\b802a"; color: rgb(153, 153, 153); }
+
+.icon-r-vbar1:before { content: "\b802b"; color: rgb(0, 161, 255); }
+
+.icon-r-vbar01 .path1:before { content: "\b802c";  color: rgb(0, 161, 255); }
+.icon-r-vbar01 .path2:before { content: "\b802d"; margin-left: -1.4375em; color: rgb(6, 192, 20); }
+.icon-r-vbar01 .path3:before { content: "\b802e"; margin-left: -1.4375em; color: rgb(241, 140, 0); }
+
+.icon-r-vbar2 .path1:before { content: "\b802f";  color: rgb(0, 161, 255); }
+.icon-r-vbar2 .path2:before { content: "\b8030"; margin-left: -1em; color: rgb(6, 192, 20); }
+
+.icon-r-vbar02 .path1:before { content: "\b8031";  color: rgb(0, 161, 255); }
+.icon-r-vbar02 .path2:before { content: "\b8032"; margin-left: -1.4375em; color: rgb(6, 192, 20); }
+
+.icon-r-vbar3 .path1:before { content: "\b8033";  color: rgb(0, 161, 255); }
+.icon-r-vbar3 .path2:before { content: "\b8034"; margin-left: -1em; color: rgb(6, 192, 20); }
+
+.icon-r-vbar03 .path1:before { content: "\b8035";  color: rgb(0, 161, 255); }
+.icon-r-vbar03 .path2:before { content: "\b8036"; margin-left: -1.4375em; color: rgb(6, 192, 20); }
+
+.icon-replyall-new:before { content: "\b8037"; }
+
+.icon-reports-area:before { content: "\b8038"; }
+
+.icon-reports-funnel:before { content: "\b8039"; }
+
+.icon-reports-line:before { content: "\b803a"; }
+
+.icon-reports-pie:before { content: "\b803b"; }
+
+.icon-reports-table1:before { content: "\b803c"; }
+
+.icon-resize:before { content: "\b803d"; }
+
+.icon-set-as-default:before { content: "\b803e"; }
+
+.icon-solution_new1:before { content: "\b803f"; }
+
+.icon-summary-report2 .path1:before { content: "\b8040";  color: rgb(0, 0, 0); }
+.icon-summary-report2 .path2:before { content: "\b8041"; margin-left: -1.3125em; color: rgb(196, 196, 196); }
+
+.icon-t-line2:before { content: "\b8042"; }
+
+.icon-tabular-report2:before { content: "\b8043"; }
+
+.icon-tag:before { content: "\b8044"; }
+
+.icon-vertical-bar1:before { content: "\b8045"; }
+
+.icon-vertical-bar2:before { content: "\b8046"; }
+
+.icon-vertical-bar3:before { content: "\b8047"; }
+
+.icon-tableTask .path1:before { content: "\b8048";  color: rgb(99, 156, 241); }
+.icon-tableTask .path2:before { content: "\b8049"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableTask .path3:before { content: "\b804a"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableTask .path4:before { content: "\b804b"; margin-left: -1em; color: rgb(92, 207, 99); }
+.icon-tableTask .path5:before { content: "\b804c"; margin-left: -1em; color: rgb(92, 207, 99); }
+
+.icon-tableTicket .path1:before { content: "\b804d";  color: rgb(99, 156, 241); }
+.icon-tableTicket .path2:before { content: "\b804e"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableTicket .path3:before { content: "\b804f"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableTicket .path4:before { content: "\b8050"; margin-left: -1em; color: rgb(92, 207, 99); }
+
+.icon-tableContact .path1:before { content: "\b8051";  color: rgb(99, 156, 241); }
+.icon-tableContact .path2:before { content: "\b8052"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableContact .path3:before { content: "\b8053"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableContact .path4:before { content: "\b8054"; margin-left: -1em; color: rgb(92, 207, 99); }
+
+.icon-tableAccount .path1:before { content: "\b8055";  color: rgb(99, 156, 241); }
+.icon-tableAccount .path2:before { content: "\b8056"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableAccount .path3:before { content: "\b8057"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-tableAccount .path4:before { content: "\b8058"; margin-left: -1em; color: rgb(92, 207, 99); }
+.icon-tableAccount .path5:before { content: "\b8059"; margin-left: -1em; color: currentColor; }
+
+.icon-multipleLine .path1:before { content: "\b805a";  color: rgb(52, 140, 242); }
+.icon-multipleLine .path2:before { content: "\b805b"; margin-left: -1em; color: rgb(245, 164, 86); }
+
+.icon-table .path1:before { content: "\b805c";  color: rgb(52, 140, 243); }
+.icon-table .path2:before { content: "\b805d"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-percentageBar .path1:before { content: "\b805e";  color: rgb(52, 140, 243); }
+.icon-percentageBar .path2:before { content: "\b805f"; margin-left: -1em; color: rgb(246, 165, 86); }
+
+.icon-pie .path1:before { content: "\b8060";  color: rgb(245, 164, 86); }
+.icon-pie .path2:before { content: "\b8061"; margin-left: -1em; color: rgb(86, 208, 92); }
+.icon-pie .path3:before { content: "\b8062"; margin-left: -1em; color: rgb(52, 140, 243); }
+
+.icon-line:before { content: "\b8063"; color: rgb(52, 140, 242); }
+
+.icon-funnel .path1:before { content: "\b8064";  color: rgb(245, 164, 86); }
+.icon-funnel .path2:before { content: "\b8065"; margin-left: -1em; color: rgb(87, 209, 93); }
+.icon-funnel .path3:before { content: "\b8066"; margin-left: -1em; color: rgb(52, 140, 242); }
+
+.icon-stackedBar .path1:before { content: "\b8067";  color: rgb(52, 140, 243); }
+.icon-stackedBar .path2:before { content: "\b8068"; margin-left: -1em; color: rgb(246, 165, 86); }
+
+.icon-bar .path1:before { content: "\b8069";  color: rgb(52, 140, 243); }
+.icon-bar .path2:before { content: "\b806a"; margin-left: -1em; color: rgb(87, 208, 93); }
+.icon-bar .path3:before { content: "\b806b"; margin-left: -1em; color: rgb(245, 164, 86); }
+
+.icon-barGraph:before { content: "\b806c"; }
+
+.icon-barLineGraph:before { content: "\b806d"; }
+
+.icon-dialMeter:before { content: "\b806e"; }
+
+.icon-donutChart:before { content: "\b806f"; }
+
+.icon-lineGraph:before { content: "\b8070"; }
+
+.icon-listGraph:before { content: "\b8071"; }
+
+.icon-multilineGraph:before { content: "\b8072"; }
+
+.icon-pieChart:before { content: "\b8073"; }
+
+.icon-pieChartFill:before { content: "\b8074"; }
+
+.icon-tableChart:before { content: "\b8075"; }
+
+.icon-wordCloud:before { content: "\b8076"; }
+
+.icon-barHorizontal:before { content: "\b8077"; }
+
+.icon-reportRedirection:before { content: "\b8078"; }
+
+.icon-graphView:before { content: "\b8079"; }
 }