@font-face {
  font-family: "rn-icons";
  src: url("../fonts/rn-icons.eot");
  src:
    url("../fonts/rn-icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/rn-icons.woff") format("woff"),
    url("../fonts/rn-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

i[class^="rn-"]::before,
i[class*=" rn-"]::before {
  font-family: "rn-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  display: inline-block;
}

/* Mapping (tes exemples) */
.rn-renovation::before { content:"\e607"; }
.rn-plumbing::before   { content: "\e901"; }
.rn-painting::before   { content: "\e902"; }
.rn-door:before {
    content: "\e600";
}
.rn-electrical:before {
    content: "\e601";
}
.rn-home:before {
    content: "\e602";
}
.rn-painting:before {
    content: "\e603";
}
.rn-plumbing:before {
    content: "\e604";
}
.rn-tools:before {
    content: "\e605";
}
.rn-heating:before {
    content: "\e606";
}
.rn-renovation:before {
    content: "\e607";
}
.rn-drywall:before {
    content: "\e608";
}
.rn-drill:before {
    content: "\e609";
}
.rn-gear:before {
    content: "\e60a";
}
.rn-wall:before {
    content: "\e60b";
}
.rn-windows:before {
    content: "\e60c";
}