Библиотека иконок на чистом CSS Если вы ищете легкие и кастомизируемые решения для иконок, то обратите внимание на CSS＊GG. Это библиотека иконок (open-source), в которой более 700 иконок реализованных в основном на чистом CSS. Иконки доступны в нескольких форматах: чистый CSS, SVG и даже готовые пакеты для React. Простое подключение, для конкретной иконки (например search) копируем CSS: .gg-search { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1)); width: 16px; height: 16px; border: 2px solid; border-radius: 100%; margin-left: -4px; margin-top: -4px; } .gg-search::after { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 2px; height: 8px; background: currentColor; transform: rotate(-45deg); top: 10px; left: 12px; } В HTML используем: <i class="gg-search"></i> Можно легко менять цвет, размер и т. п. Неплохая альтернатива тяжёлым шрифтам вроде Font Awesome)