Как получить эту картинку с другой заливкой бордера?

Question

[olya_097]

не самого содержимого внутренности
а условного бордера

И к примеру чтобы можно было менять цвет в любой момент

Comments

[Rustam Bainazarov]

SVG.

Answer 1

[Nikita Panuhin]

Решение 1: CSS Filters (list, habr1, habr2, basicweb.ru)
Решение 2: Нарисовать звёздочки на CSS (раз, два, вообще без CSS)
Решение 3: Нарисовать звёздочки с помощью SVG (раз, два, fontawesome)

Comments

[olya_097]

Никита Панюхин, спасибо
https://iconmonstr.com/star-5-svg/ у вас работает?
я соглашаюсь - но почему то не скачивает

[Nikita Panuhin]

Да, работает. Вот оно на хостинге.

[olya_097]

Никита Панюхин, поняла
если мне нужно их 5 штук - то лучше клонировать через js( тоесть в самой разметке будет один элемент)
или вставить сразу в разметку?

[Nikita Panuhin]

Ну я бы клонировал, чтобы просто лучше читалось.
Вообще если подключать через тег img, то браузер загрузит только один раз.
Чтобы ещё лучше читалось, то можно, например, через php подключать файл.
Вот тут можно почитать про варианты подключения SVG файлов.

Answer 2

[Rsa97]

Использовать стандартный символ ☆ - ☆