Я хочу использовать значок в качестве фонового изображения вместо использования любого изображения. Есть какой-либо способ сделать это?
Обычно мы пишем «фоновое изображение» как:
background-image: url(...)
Но я хочу использовать фоновую иконку в качестве фона. Есть ли способ написать Unicode значка fontawesome внутри
url()
Пожалуйста, помогите мне, эксперты CSS.
Вы можете получить любой файл значка SVG или PNG и использовать его в качестве фона.
Например
https://codepen.io/hisbvdis/pen/XWrBKNp
body {
background: url("https://image.flaticon.com/icons/svg/60/60993.svg") 0 0 / 20px 30px repeat;
}
Один из способов сделать это — загрузить SVG значка и просто использовать его так же, как вы используете другие изображения. Вы можете найти файл SVG каждого значка на сайте Font Awesome.
Преимущество SVG в том, что они векторные, поэтому потери качества нет, независимо от того, насколько сильно вы увеличиваете масштаб.
