Как в теге «li» заменить иконку?

Question

[Raym0NT]

Как стандартные иконки в теге "li" заменить на иные иконки в svg формате

Answer 1

[Иван Гришов]

li {
position: relative;
list-style: none;
padding-left: 40px;
}
li::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 20px;
height: 20px;
background-img: url("вставляешь путь к своей иконке");
background-size: cover;
}

ну или примерно так, через before короче.

Comments

[Raym0NT]

Благодарю

Answer 2

[archelon]

один из вариантов (с картинкой на фоне)

li {
list-style: none;
padding-left: 30px;
background-image: url(icons/bullet.svg);
background-repeat: no-repeat;
background-position: left center;
}

Comments

[Raym0NT]

Благодарю

Answer 3

[v3shin]

https://developer.mozilla.org/ru/docs/Learn/CSS/St...