JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://i.icomoon.io/public/temp/7e111fc3a0/UntitledProject/style.css">
<span class="icon-usp_emblemservice"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></span>

CSS

.icon-usp_emblemservice{
  font-size:200px;
}
.icon-usp_emblemservice:hover{
  color: red;
}

.icon-usp_emblemservice .path1:before {
  content: "\e918";
  color: #434343;
}
.icon-usp_emblemservice .path2:before {
  content: "\e919";
  color: #434343;
  margin-left: -1em;
}
.icon-usp_emblemservice .path3:before {
  content: "\e91a";
  color: #46b4e2;
  margin-left: -1em;
}
.icon-usp_emblemservice .path4:before {
  content: "\e91b";
  color: #46b4e2;
  margin-left: -1em;
}
.icon-usp_emblemservice .path5:before {
  content: "\e91c";
  color: #46b4e2;
  margin-left: -1em;
}
.icon-usp_emblemservice .path6:before {
  content: "\e91d";
  color: #46b4e2;
  margin-left: -1em;
}