Чтобы создать проверенный значок с помощью CSS, вы можете использовать различные методы. Вот несколько методов, которые вы можете рассмотреть:

Метод 1: псевдоэлемент CSS
Вы можете создать проверенный значок, используя псевдоэлементы CSS, такие как ::beforeили ::after. Вот пример:

<span class="verified-icon"></span>

Метод 2: SVG
Вы также можете использовать изображение SVG в качестве проверенного значка. Вот пример:

<svg class="verified-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M0 0h24v24H0z" fill="none"/>
  <path d="M9 16.17l-4.17 4.17L3 19l6-6 4 4L21 7l-1.41-1.41L9 16.17zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
</svg>

.verified-icon {
  width: 20px;
  height: 20px;
  fill: blue;
}

Метод 3: значок шрифта
Вы можете использовать библиотеку значков шрифтов, например FontAwesome или Material Icons, чтобы добавить проверенный значок. Вот пример использования FontAwesome:

<i class="fas fa-check-circle"></i>

Обязательно включите в свой проект библиотеку FontAwesome.