Для добавления иконки в CSS можно использовать свойство background-image
. Например:
.icon {
background-image: url('path/to/icon.png');
width: 20px;
height: 20px;
}
Здесь мы создали класс .icon
и добавили иконку с помощью свойства background-image
. Ширина и высота заданы в пикселях, чтобы иконка была отображена в нужном размере.
Также можно использовать специальные иконки из библиотек, например, Font Awesome. Для этого нужно подключить библиотеку в HTML-файле и использовать классы иконок в CSS. Например:
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>
<body>
<i class="fas fa-user"></i>
</body>
Здесь мы подключили библиотеку Font Awesome и добавили иконку пользователя с помощью класса fas fa-user
.