Pixmora

Иконка стрелки вверх к началу страницы

Стрелка вверх Lucide возвращает к началу длинной страницы или поднимает слой. Отличается от шеврона и от стрелки с верхней границей.

Как применить иконку «Стрелка вверх»

Сценарий страницы: Переход к началу страницы. Основной вариант - lucide:arrow-up, набор Lucide, автор Lucide Contributors, лицензия ISC.

Стрелка вверх (arrow-up): Полная стрелка с хвостом вверх. Вернуться к началу страницы или поднять элемент в списке.

К верхней линии (arrow-up-to-line): Стрелка к горизонтальной черте сверху. «К первой строке» или выравнивание по верхнему краю.

Шеврон вверх (chevron-up): Короткий угол вверх без хвоста. Свернуть аккордеон или закрыть выпадающий блок.

Плавающая кнопка «наверх» обычно 20–24 px в круге 40–48. В таблице сортировки по колонке хватит 16.

Это пример разметки без обработчиков. Якорь #top должен существовать на странице (как id="top" в примере). Плавный скролл, если нужен, подключите стилями или скриптом отдельно. Путь к SVG замените.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Наверх. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<a href="#top">
  <img src="lucide-arrow-up.svg" width="20" height="20" alt="">
  Наверх
</a>
<div id="top"></div>

Частые вопросы

Нужна ли отдельная иконка для кнопки «наверх»?

Обычной arrow-up достаточно. Главное подпись или aria-label «Наверх», иначе останется безымянная стрелка.

Почему не брать upload?

upload про передачу файла на сервер. Здесь речь о прокрутке или порядке в списке, не о загрузке.