@zohodesk/icons 1.3.11 → 1.3.13

package/README.md

@@ -2,6 +2,15 @@
 
 In this GiftBox we Provide FontIcons
 
+# 1.3.13
+
+- ReactGCFontIcon -->  GC-arattaiMono paths removed
+
+# 1.3.12
+
+- ReactIMIcon --> ZD-AC-arattai icon included.
+- ReactGCFontIcon -->  GC-arattaiMono icon included.
+
 # 1.3.11
 
 - ReactGeneralFontIcon - ZD-GN-tour icon added.

package/assets/fonts/zd-gcFonts.svg

@@ -460,4 +460,5 @@
 <glyph unicode="&#xc41c2;" d="M540.288 651.899h-165.14c-12.477 0-22.55 10.060-22.55 22.522s10.072 22.522 22.55 22.522h165.14c12.48 0 22.549-10.060 22.549-22.522s-10.069-22.522-22.549-22.522z" />
 <glyph unicode="&#xc41c3;" d="M495.266 562.036h-120.118c-12.477 0-22.55 10.060-22.55 22.522s10.072 22.522 22.55 22.522h120.118c12.476 0 22.549-10.060 22.549-22.522s-10.15-22.522-22.549-22.522z" />
 <glyph unicode="&#xc41c4;" d="M329.146 64c-13.906 0-27.060 6.383-35.629 17.493-78.549 101.572-155.895 160.879-156.647 161.408-5.562 4.203-8.87 10.807-8.87 17.792-0.075 6.98 3.157 13.585 8.644 17.865 1.428 1.126 35.929 27.78 90.5 34.91 31.87 4.13 64.267 0.977 96.137-9.532 32.247-10.586 63.967-28.681 94.635-53.905 66.447 100.975 153.039 223.646 221.365 292.787 37.205 37.687 77.798 55.554 120.717 53.227 26.684-1.501 53.141-10.81 78.699-27.777 24.431-16.216 42.018-35.361 52.467-48.57 4.361-5.559 5.862-12.766 4.134-19.597s-6.618-12.386-13.154-15.091c-50.513-21.094-165.82-164.932-300.966-375.514-18.039-28.079-48.785-44.894-82.231-44.894h-58.33c-12.48 0-22.551 10.061-22.551 22.519 0 12.463 10.071 22.524 22.551 22.524h58.33c17.963 0 34.5 9.007 44.198 24.175 29.461 45.867 87.945 134.903 148.902 216.060 61.261 81.306 109.444 134.532 146.274 161.182-35.631 34.534-69.982 39.339-80.802 39.939-29.393 1.652-58.406-11.787-86.144-39.863-105.609-106.906-258.195-348.719-303.37-424.99-7.592-12.838-21.047-21.099-36.005-21.999-0.977-0.073-1.879-0.149-2.856-0.149zM190.239 257.237c30.668-26.65 84.261-77.325 138.982-148.117 13.379 22.519 35.93 59.307 63.966 102.848-27.511 23.347-55.698 39.863-83.961 49.173-25.406 8.41-51.038 10.961-76.218 7.659-17.063-2.253-31.57-6.831-42.769-11.563z" />
+<glyph unicode="&#xc41c5;" glyph-name="arattaiMono" d="M834.56 762.88c-53.76 53.76-140.8 53.76-314.88 53.76s-261.12 0-314.88-53.76c-53.76-53.76-53.76-140.8-53.76-314.88s0-261.12 53.76-314.88c53.76-53.76 140.8-53.76 314.88-53.76s261.12 0 314.88 53.76c53.76 53.76 53.76 140.8 53.76 314.88s0 261.12-53.76 314.88zM663.040 294.4c0-10.24-2.56-20.48-7.68-28.16s-10.24-15.36-20.48-17.92-17.92-7.68-25.6-7.68-20.48 2.56-28.16 7.68l-38.4 23.040s0 0 0 0h-217.6c-30.72 0-53.76 23.040-53.76 53.76v135.68c0 12.8 10.24 25.6 25.6 25.6h207.36c12.8 0 25.6-10.24 25.6-25.6s-10.24-25.6-25.6-25.6h-184.32v-112.64c0-2.56 0-5.12 5.12-5.12h217.6c10.24 0 20.48-2.56 28.16-7.68l38.4-23.040c0 0 2.56 0 5.12 0 0 0 0 0 0 5.12v307.2c0 2.56 0 5.12-5.12 5.12h-207.36c-2.56 0-5.12 0-5.12-5.12v-43.52c0-12.8-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6v43.52c0 30.72 23.040 53.76 53.76 53.76h207.36c30.72 0 53.76-25.6 53.76-53.76v0-307.2zM770.56 256c0-12.8-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6v384c0 12.8 10.24 25.6 25.6 25.6v0c12.8 0 25.6-10.24 25.6-23.040v-384z" />
 </font></defs></svg>

package/assets/fonts/zd-rIM.svg

@@ -14,4 +14,6 @@
 <glyph unicode="&#xc7504;" d="M435.712 496.896l-36.352-36.352c-14.848 16.64-29.696 33.792-44.544 51.968-32.768 39.936-30.464 98.048 5.376 135.424l21.76 22.272c1.536 1.792 1.792 4.608 0.512 6.4l-92.672 145.152c-0.768 1.28-1.536 1.536-2.304 1.536l-40.704-27.392c-21.76-15.616-33.536-43.52-34.56-83.456-2.048-69.376 45.056-190.464 138.752-300.288l-36.352-36.352c-94.464 109.568-156.416 244.224-153.6 338.176 1.536 56.064 20.992 98.816 56.32 123.648l38.656 27.136c12.288 8.704 26.88 11.776 41.472 8.96 14.592-3.072 27.392-11.52 35.328-24.32l92.672-145.152c14.080-21.76 11.008-50.944-6.912-69.632l-21.504-22.272c-17.664-18.176-18.688-47.872-2.56-67.328 13.568-16.64 27.392-32.768 41.216-48.128z" />
 <glyph unicode="&#xc7505;" d="M838.912 325.12l-140.032 96c-21.76 14.848-50.944 12.032-69.632-7.168l-21.76-22.528c-17.152-17.92-44.032-18.944-62.464-2.816-13.312 11.776-26.112 23.296-38.656 35.072l-36.352-36.352c13.312-12.544 26.88-24.832 40.96-37.376 38.656-34.048 97.28-31.744 133.12 5.632l21.76 22.528s2.56 1.28 3.84 0.512l140.032-96c2.048-1.28 2.56-4.608 1.024-6.912l-26.112-39.936c-20.736-31.744-58.368-35.584-78.080-35.584-79.36 1.024-190.72 56.576-284.416 139.264l-36.352-36.352c103.68-92.672 227.328-153.088 320-154.368 0.768 0 1.536 0 2.304 0 51.456 0 94.72 21.504 119.296 58.88l26.112 39.936c16.64 25.344 9.984 60.16-14.848 77.312z" />
 <glyph unicode="&#xc7506;" d="M736.768 732.416v-171.776c0-14.336-11.264-25.6-25.6-25.6s-25.6 11.264-25.6 25.6v113.664l-447.232-447.232c-4.864-4.864-11.52-7.424-18.176-7.424s-13.056 2.56-17.92 7.424c-9.984 9.984-9.984 26.112 0 36.352l443.392 443.392h-106.24c-14.080 0-25.6 11.52-25.6 25.6s11.52 25.6 25.6 25.6h171.776c14.336 0 25.6-11.52 25.6-25.6z" />
+<glyph unicode="&#xc7507;" horiz-adv-x="1226" d="M343.844 752.381v132.929c0 29.688 23.927 53.615 53.615 53.615h565.393c29.688 0 53.615-23.927 53.615-53.615v-828.151c0-42.537-46.968-67.794-82.416-44.753l-157.743 102.356h-575.585c-29.688 0-53.615 23.927-53.615 53.615v359.796h197.622z" />
+<glyph unicode="&#xc7508;" horiz-adv-x="1226" d="M1226.053 979.69v-935.38c0-24.37-19.939-44.31-44.31-44.31s-44.31 19.939-44.31 44.31v935.38c0 24.37 19.939 44.31 44.31 44.31s44.31-19.939 44.31-44.31zM860.054 1024h-565.393c-54.058 0-97.925-43.867-97.925-97.925v-132.929c0-24.37 19.939-44.31 44.31-44.31s44.31 19.939 44.31 44.31v132.929c0 4.874 3.988 9.305 9.305 9.305h565.393c4.874 0 9.305-3.988 9.305-9.305v-828.151c0-3.545-1.772-6.203-4.874-7.976s-6.203-1.772-9.305 0l-157.743 102.356c-7.090 4.874-15.508 7.090-23.927 7.090h-575.585c-4.874 0-9.305 3.988-9.305 9.305v315.486h487.851c24.37 0 44.31 19.939 44.31 44.31s-19.939 44.31-44.31 44.31h-532.161c-24.37 0-44.31-19.939-44.31-44.31v-359.796c0-54.058 43.867-97.925 97.925-97.925h562.292l146.666-95.266c15.952-10.634 34.562-15.952 53.172-15.952 15.952 0 31.903 3.988 46.525 11.964 31.46 17.281 50.956 50.070 50.956 85.961v828.594c0 54.058-43.867 97.925-97.925 97.925z" />
 </font></defs></svg>

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

@@ -1,9 +1,13 @@
-@font-face{
-  font-family:"zdf-rAI_5";
-  src:url('../fonts/zd-rAI.woff2') format('woff2'), url('../fonts/zd-rAI.woff') format('woff'), url('../fonts/zd-rAI.svg#zdfonts') format('svg');
-  font-weight:normal;
-  font-style:normal;
-  font-display:block;
+@font-face {
+  font-family:"zdfonts-rAI";
+  src:
+    url('../fonts/zd-rAI.woff2') format('woff2'),
+    
+    url('../fonts/zd-rAI.woff') format('woff'),
+    url('../fonts/zd-rAI.svg#zdfonts') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
 }
 
 @layer dot-icons.core {
@@ -11,34 +15,34 @@
 
 
 .icon-ziaSummary,.icon-ziaTranslator,.icon-ziaContentEnhancer,.icon-ziaQualityChecker,.icon-ziaGenerateContent,.icon-ziaReplyAssistant,.icon-ziaRegerate,.icon-chatGPT,.icon-playground{
-	font-family:"zdf-rAI_5" !important;
+	font-family:"zdfonts-rAI" !important;
 }
 
-.icon-ziaSummary:before{
-  content:"\c8000";
+.icon-ziaSummary:before {
+  content: "\c8000";
 }
-.icon-ziaTranslator:before{
-  content:"\c8001";
+.icon-ziaTranslator:before {
+  content: "\c8001";
 }
-.icon-ziaContentEnhancer:before{
-  content:"\c8002";
+.icon-ziaContentEnhancer:before {
+  content: "\c8002";
 }
-.icon-ziaQualityChecker:before{
-  content:"\c8003";
+.icon-ziaQualityChecker:before {
+  content: "\c8003";
 }
-.icon-ziaGenerateContent:before{
-  content:"\c8004";
+.icon-ziaGenerateContent:before {
+  content: "\c8004";
 }
-.icon-ziaReplyAssistant:before{
-  content:"\c8005";
+.icon-ziaReplyAssistant:before {
+  content: "\c8005";
 }
-.icon-ziaRegerate:before{
-  content:"\c8006";
+.icon-ziaRegerate:before {
+  content: "\c8006";
 }
-.icon-chatGPT:before{
-  content:"\c8007";
+.icon-chatGPT:before {
+  content: "\c8007";
 }
-.icon-playground:before{
-  content:"\c8008";
+.icon-playground:before {
+  content: "\c8008";
 }
 }

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

@@ -1,9 +1,13 @@
-@font-face{
-  font-family:"zdf-rAccessibility_2";
-  src:url('../fonts/zd-rAccessibility.woff2') format('woff2'), url('../fonts/zd-rAccessibility.woff') format('woff'), url('../fonts/zd-rAccessibility.svg#zdfonts') format('svg');
-  font-weight:normal;
-  font-style:normal;
-  font-display:block;
+@font-face {
+  font-family:"zdfonts-rAccessibility";
+  src:
+    url('../fonts/zd-rAccessibility.woff2') format('woff2'),
+    
+    url('../fonts/zd-rAccessibility.woff') format('woff'),
+    url('../fonts/zd-rAccessibility.svg#zdfonts') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
 }
 
 @layer dot-icons.core {
@@ -11,57 +15,57 @@
 
 
 .icon-learning,.icon-hearing,.icon-mobility,.icon-vision,.icon-dyslexia,.icon-seizure,.icon-adhd,.icon-astigmaism,.icon-blindness,.icon-colorBlindness,.icon-elderly,.icon-epilepsy,.icon-visuallyImpaired{
-	font-family:"zdf-rAccessibility_2" !important;
+	font-family:"zdfonts-rAccessibility" !important;
 }
 
-.icon-learning:before{
-  content:"\c6000";
+.icon-learning:before {
+  content: "\c6000";
 }
-.icon-hearing:before{
-  content:"\c6001";
+.icon-hearing:before {
+  content: "\c6001";
 }
-.icon-mobility:before{
-  content:"\c6002";
+.icon-mobility:before {
+  content: "\c6002";
 }
-.icon-vision:before{
-  content:"\c6003";
+.icon-vision:before {
+  content: "\c6003";
 }
-.icon-dyslexia:before{
-  content:"\c6004";
+.icon-dyslexia:before {
+  content: "\c6004";
 }
-.icon-seizure:before{
-  content:"\c6005";
+.icon-seizure:before {
+  content: "\c6005";
 }
-.icon-adhd:before{
-  content:"\c6006";
+.icon-adhd:before {
+  content: "\c6006";
 }
-.icon-astigmaism:before{
-  content:"\c6007";
+.icon-astigmaism:before {
+  content: "\c6007";
 }
-.icon-blindness:before{
-  content:"\c6008";
+.icon-blindness:before {
+  content: "\c6008";
 }
-.icon-colorBlindness .path1:before{
-  content:"\c6009";
-  color:rgb(103, 103, 103);
+.icon-colorBlindness .path1:before {
+  content: "\c6009";
+  color: rgb(103, 103, 103);
 }
-.icon-colorBlindness .path2:before{
-  content:"\c600a";
-  margin-left:-1em;
-  color:rgb(152, 152, 152);
+.icon-colorBlindness .path2:before {
+  content: "\c600a";
+  margin-left: -1em;
+  color: rgb(152, 152, 152);
 }
-.icon-colorBlindness .path3:before{
-  content:"\c600b";
-  margin-left:-1em;
-  color:rgb(1, 1, 1);
+.icon-colorBlindness .path3:before {
+  content: "\c600b";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
 }
-.icon-elderly:before{
-  content:"\c600c";
+.icon-elderly:before {
+  content: "\c600c";
 }
-.icon-epilepsy:before{
-  content:"\c600d";
+.icon-epilepsy:before {
+  content: "\c600d";
 }
-.icon-visuallyImpaired:before{
-  content:"\c600e";
+.icon-visuallyImpaired:before {
+  content: "\c600e";
 }
 }

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

@@ -1,9 +1,13 @@
-@font-face{
-  font-family:"zdf-rAnalyticsColor_4";
-  src:url('../fonts/zd-rAnalyticsColor.woff2') format('woff2'), url('../fonts/zd-rAnalyticsColor.woff') format('woff'), url('../fonts/zd-rAnalyticsColor.svg#zdfonts') format('svg');
-  font-weight:normal;
-  font-style:normal;
-  font-display:block;
+@font-face {
+  font-family:"zdfonts-rAnalyticsColor";
+  src:
+    url('../fonts/zd-rAnalyticsColor.woff2') format('woff2'),
+    
+    url('../fonts/zd-rAnalyticsColor.woff') format('woff'),
+    url('../fonts/zd-rAnalyticsColor.svg#zdfonts') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
 }
 
 @layer dot-icons.core {
@@ -11,196 +15,196 @@
 
 
 .icon-bar,.icon-donut,.icon-happinessRating,.icon-line,.icon-liveTraffic,.icon-mostThread,.icon-multiLine,.icon-negativeRating,.icon-offlineAgent,.icon-onlineAgent,.icon-openTicket,.icon-overdueTicket,.icon-percentage,.icon-pie,.icon-responseTrend,.icon-stackedBar,.icon-unassignedTicket,.icon-growth,.icon-askZia{
-	font-family:"zdf-rAnalyticsColor_4" !important;
+	font-family:"zdfonts-rAnalyticsColor" !important;
 }
 
-.icon-bar .path1:before{
-  content:"\c9500";
-  color:rgb(227, 40, 40);
-}
-.icon-bar .path2:before{
-  content:"\c9501";
-  margin-left:-1em;
-  color:rgb(38, 111, 181);
-}
-.icon-bar .path3:before{
-  content:"\c9502";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-bar .path4:before{
-  content:"\c9503";
-  margin-left:-1em;
-  color:rgb(248, 186, 52);
-}
-.icon-donut .path1:before{
-  content:"\c9504";
-  color:rgb(40, 164, 73);
-}
-.icon-donut .path2:before{
-  content:"\c9505";
-  margin-left:-1em;
-  color:rgb(227, 40, 40);
-}
-.icon-happinessRating .path1:before{
-  content:"\c9506";
-  color:rgb(227, 38, 40);
-}
-.icon-happinessRating .path2:before{
-  content:"\c9507";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-happinessRating .path3:before{
-  content:"\c9508";
-  margin-left:-1em;
-  color:rgb(248, 186, 52);
-}
-.icon-line:before{
-  content:"\c9509";
-  color:#266fb5;
-}
-.icon-liveTraffic .path1:before{
-  content:"\c950a";
-  color:rgb(40, 164, 73);
-}
-.icon-liveTraffic .path2:before{
-  content:"\c950b";
-  margin-left:-1em;
-  color:rgb(227, 40, 40);
-}
-.icon-liveTraffic .path3:before{
-  content:"\c950c";
-  margin-left:-1em;
-  color:rgb(248, 186, 52);
-}
-.icon-mostThread .path1:before{
-  content:"\c950d";
-  color:rgb(40, 164, 73);
-}
-.icon-mostThread .path2:before{
-  content:"\c950e";
-  margin-left:-1em;
-  color:rgb(38, 111, 181);
-}
-.icon-multiLine .path1:before{
-  content:"\c950f";
-  color:rgb(40, 164, 73);
-}
-.icon-multiLine .path2:before{
-  content:"\c9510";
-  margin-left:-1em;
-  color:rgb(227, 40, 40);
-}
-.icon-negativeRating .path1:before{
-  content:"\c9511";
-  color:rgb(226, 42, 40);
-}
-.icon-negativeRating .path2:before{
-  content:"\c9512";
-  margin-left:-1em;
-  color:rgb(38, 111, 181);
-}
-.icon-offlineAgent .path1:before{
-  content:"\c9513";
-  color:rgb(38, 111, 181);
-}
-.icon-offlineAgent .path2:before{
-  content:"\c9514";
-  margin-left:-1em;
-  color:rgb(227, 38, 40);
-}
-.icon-onlineAgent .path1:before{
-  content:"\c9515";
-  color:rgb(38, 111, 181);
-}
-.icon-onlineAgent .path2:before{
-  content:"\c9516";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-openTicket .path1:before{
-  content:"\c9517";
-  color:rgb(38, 111, 181);
-}
-.icon-openTicket .path2:before{
-  content:"\c9518";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-overdueTicket .path1:before{
-  content:"\c9519";
-  color:rgb(38, 111, 181);
-}
-.icon-overdueTicket .path2:before{
-  content:"\c951a";
-  margin-left:-1em;
-  color:rgb(227, 40, 40);
-}
-.icon-overdueTicket .path3:before{
-  content:"\c951b";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-percentage .path1:before{
-  content:"\c951c";
-  color:rgb(38, 111, 181);
-}
-.icon-percentage .path2:before{
-  content:"\c951d";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-pie .path1:before{
-  content:"\c951e";
-  color:rgb(40, 164, 73);
-}
-.icon-pie .path2:before{
-  content:"\c951f";
-  margin-left:-1em;
-  color:rgb(248, 186, 52);
-}
-.icon-responseTrend .path1:before{
-  content:"\c9520";
-  color:rgb(248, 186, 52);
-}
-.icon-responseTrend .path2:before{
-  content:"\c9521";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-responseTrend .path3:before{
-  content:"\c9522";
-  margin-left:-1em;
-  color:rgb(38, 111, 181);
-}
-.icon-stackedBar .path1:before{
-  content:"\c9523";
-  color:rgb(38, 111, 181);
-}
-.icon-stackedBar .path2:before{
-  content:"\c9524";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-unassignedTicket .path1:before{
-  content:"\c9525";
-  color:rgb(227, 40, 40);
-}
-.icon-unassignedTicket .path2:before{
-  content:"\c9526";
-  margin-left:-1em;
-  color:rgb(38, 111, 181);
-}
-.icon-unassignedTicket .path3:before{
-  content:"\c9527";
-  margin-left:-1em;
-  color:rgb(40, 164, 73);
-}
-.icon-growth:before{
-  content:"\c9528";
-}
-.icon-askZia:before{
-  content:"\c9529";
+.icon-bar .path1:before {
+  content: "\c9500";
+  color: rgb(227, 40, 40);
+}
+.icon-bar .path2:before {
+  content: "\c9501";
+  margin-left: -1em;
+  color: rgb(38, 111, 181);
+}
+.icon-bar .path3:before {
+  content: "\c9502";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-bar .path4:before {
+  content: "\c9503";
+  margin-left: -1em;
+  color: rgb(248, 186, 52);
+}
+.icon-donut .path1:before {
+  content: "\c9504";
+  color: rgb(40, 164, 73);
+}
+.icon-donut .path2:before {
+  content: "\c9505";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-happinessRating .path1:before {
+  content: "\c9506";
+  color: rgb(227, 38, 40);
+}
+.icon-happinessRating .path2:before {
+  content: "\c9507";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-happinessRating .path3:before {
+  content: "\c9508";
+  margin-left: -1em;
+  color: rgb(248, 186, 52);
+}
+.icon-line:before {
+  content: "\c9509";
+  color: #266fb5;
+}
+.icon-liveTraffic .path1:before {
+  content: "\c950a";
+  color: rgb(40, 164, 73);
+}
+.icon-liveTraffic .path2:before {
+  content: "\c950b";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-liveTraffic .path3:before {
+  content: "\c950c";
+  margin-left: -1em;
+  color: rgb(248, 186, 52);
+}
+.icon-mostThread .path1:before {
+  content: "\c950d";
+  color: rgb(40, 164, 73);
+}
+.icon-mostThread .path2:before {
+  content: "\c950e";
+  margin-left: -1em;
+  color: rgb(38, 111, 181);
+}
+.icon-multiLine .path1:before {
+  content: "\c950f";
+  color: rgb(40, 164, 73);
+}
+.icon-multiLine .path2:before {
+  content: "\c9510";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-negativeRating .path1:before {
+  content: "\c9511";
+  color: rgb(226, 42, 40);
+}
+.icon-negativeRating .path2:before {
+  content: "\c9512";
+  margin-left: -1em;
+  color: rgb(38, 111, 181);
+}
+.icon-offlineAgent .path1:before {
+  content: "\c9513";
+  color: rgb(38, 111, 181);
+}
+.icon-offlineAgent .path2:before {
+  content: "\c9514";
+  margin-left: -1em;
+  color: rgb(227, 38, 40);
+}
+.icon-onlineAgent .path1:before {
+  content: "\c9515";
+  color: rgb(38, 111, 181);
+}
+.icon-onlineAgent .path2:before {
+  content: "\c9516";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-openTicket .path1:before {
+  content: "\c9517";
+  color: rgb(38, 111, 181);
+}
+.icon-openTicket .path2:before {
+  content: "\c9518";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-overdueTicket .path1:before {
+  content: "\c9519";
+  color: rgb(38, 111, 181);
+}
+.icon-overdueTicket .path2:before {
+  content: "\c951a";
+  margin-left: -1em;
+  color: rgb(227, 40, 40);
+}
+.icon-overdueTicket .path3:before {
+  content: "\c951b";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-percentage .path1:before {
+  content: "\c951c";
+  color: rgb(38, 111, 181);
+}
+.icon-percentage .path2:before {
+  content: "\c951d";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-pie .path1:before {
+  content: "\c951e";
+  color: rgb(40, 164, 73);
+}
+.icon-pie .path2:before {
+  content: "\c951f";
+  margin-left: -1em;
+  color: rgb(248, 186, 52);
+}
+.icon-responseTrend .path1:before {
+  content: "\c9520";
+  color: rgb(248, 186, 52);
+}
+.icon-responseTrend .path2:before {
+  content: "\c9521";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-responseTrend .path3:before {
+  content: "\c9522";
+  margin-left: -1em;
+  color: rgb(38, 111, 181);
+}
+.icon-stackedBar .path1:before {
+  content: "\c9523";
+  color: rgb(38, 111, 181);
+}
+.icon-stackedBar .path2:before {
+  content: "\c9524";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-unassignedTicket .path1:before {
+  content: "\c9525";
+  color: rgb(227, 40, 40);
+}
+.icon-unassignedTicket .path2:before {
+  content: "\c9526";
+  margin-left: -1em;
+  color: rgb(38, 111, 181);
+}
+.icon-unassignedTicket .path3:before {
+  content: "\c9527";
+  margin-left: -1em;
+  color: rgb(40, 164, 73);
+}
+.icon-growth:before {
+  content: "\c9528";
+}
+.icon-askZia:before {
+  content: "\c9529";
 }
 }