Гамбургер SVG-иконки

Переключение иконки по клику происходит через событие onclick, что позволяет обойтись без использования дополнительных JS-кодов

Иконки:

Нажмите на нужный гамбургер, чтобы увидеть анимацию и получить его код.

HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:

Пример реализации:

При клике на иконку у нее добавляется класс active. Это также можно использовать для вывода меню или другой информации.

HTML:
CSS:

Иконки найдены на codepen.io у пользователя Shark

Смотрите также:

Полный список всех иконок FontAwesome 5.15.3 с удобной сортировкой, поиском и экспортом

Добавить комментарий:

Ваш комментарий отправлен!