search

krystonschwarze / coolicons

coolicons is a carefully designed collection of 440+ icons with a focus on simplicity and consistency. Perfectly suited for web, application and mobile design.
https://coolicons.cool/
325 stars 28 forks source link

Correct method to add icon to pre existing html? #4

Closed 2ne closed 3 years ago

2ne commented 3 years ago

I am using coolicons with primeng and here is an example of how I am applying a coolicon into pre existing html which I cannot change. As you can see I am applying the glyph. Is there a more elegant solution? 

.p-dropdown-filter-icon {
    font-family: "coolicons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &:before {
      content: "";
    }
}