I am currently facing the challenge of switching the semantic UI dropdown icon from Caret Down ('\f0d7') to Chevron Down ('\f078').
Despite following the advice provided in this JSFiddle, I was unsuccessful in achieving the desired outcome. https://github.com/Semantic-Org/Semantic-UI/issues/5104
To demonstrate my predicament, I have shared my sample code on jSFiddle: https://jsfiddle.net/6jgqxc1a/4/
.ui.dropdown > .dropdown.icon:before {
content: '\f0d7';
}
This snippet is merely for illustration purposes. While changing the icon values at line number 98 works with Caret Up ('\f0d8'), Left ('\f0d9'), and Right ('\f0da'), attempting to update it to ('\f078') results in display issues, showing only a rectangle instead. I am perplexed as to what might be causing this discrepancy.
I would greatly appreciate any insights or recommendations you may have on this matter.