Иконка кошелька для баланса
Кошелёк Lucide: полный силуэт, сложенные карты и упрощённая форма. Для баланса бонусов и раздела «Кошелёк».
Как применить иконку «Кошелёк»
Кошелёк Lucide: полный силуэт, сложенные карты и упрощённая форма. Для баланса бонусов и раздела «Кошелёк».
Сценарий страницы: Пункт меню «Баланс». Основной вариант - lucide:wallet, набор Lucide, автор Lucide Contributors, лицензия ISC.
Кошелёк (wallet): Многослойный кошелёк с застёжкой-карманом. Баланс, электронный кошелёк, раздел средств.
Карты в кошельке (wallet-cards): Кошелёк и выступающие карты. Несколько сохранённых карт или способов оплаты.
Минимальный кошелёк (wallet-minimal): Упрощённый прямоугольник с точкой застёжки. Плотный мобильный UI.
В шапке кабинета 24 px. В списке счетов 20. Сумму баланса всегда дублируйте текстом.
Это пример разметки без обработчиков. Сумму подставляйте из своего API. Замените URL и путь к SVG. Иконка не хранит деньги и не проводит платёж.
Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.
Файлы SVG
Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.
Пример разметки
Доступная подпись: Кошелёк, баланс. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.
<a href="/account/wallet" aria-label="Кошелёк, баланс 0"> <img src="lucide-wallet.svg" width="24" height="24" alt=""> <span>Баланс</span> </a>
Это пример разметки без обработчиков. Сумму подставляйте из своего API. Замените URL и путь к SVG. Иконка не хранит деньги и не проводит платёж.
Частые вопросы
Подойдёт ли wallet вместо credit-card на checkout?
Если способ называется «кошелёк» или «баланс» - да. Для конкретной банковской карты яснее credit-card.
Нужны ли бренды платёжных кошельков?
На странице их нет. Только нейтральные знаки Lucide.
Соседние темы
- Иконка банковской карты для оплаты
- Иконка чека для истории покупки
- Иконка пакета покупок для заказа
- Каталог SVG-иконок
- Перевести SVG в CSS