Как заполнить только 1 значок, используя обведенные символы материала? ⇐ CSS

[Anonymous]

Я создаю веб-сайт для публикации рецептов и внедряю систему лайков.
Чтобы отобразить, нравится ли пользователю рецепт, я использую значок «избранное» материальных символов, но я использую только незакрашенные значки и хочу, чтобы был заполнен только этот. Я уже пытался создать класс CSS:

Код: Выделить всё

font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;

Но значок вообще не меняется.
Что делать? Спасибо за ваши ответы

Подробнее здесь: https://stackoverflow.com/questions/798 ... s-outlined