@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-reports";
-  src: url('../fonts/zd-reports.woff2') format('woff2'),
-       url('../fonts/zd-reports.woff') format('woff');
+  src:
+    url('../fonts/zd-reports.woff2') format('woff2'),
+    
+    url('../fonts/zd-reports.woff') format('woff'),
+    url('../fonts/zd-reports.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,204 +14,491 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-reports" !important;}
-/* Define icon codes */
-.icon-pagesense:before { content: "\b8000"; }
-
-.icon-add-component:before { content: "\b8001"; }
-
-.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"; }
+.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";
+}
 }