Pixmora

Иконка дома для главной и крошек

В каталоге Pixmora у темы home основной файл Lucide называется house: домик с дверью, не устаревший алиас home. Варианты с плюсом и сердцем меняют сценарий.

Как применить иконку «Дом»

Сценарий страницы: Главная и хлебные крошки. Основной вариант - lucide:house, набор Lucide, автор Lucide Contributors, лицензия ISC.

Дом (house): Контур дома с крышей и дверным проёмом. Пункт «Главная», крошки, возврат на стартовый экран.

Дом с плюсом (house-plus): Тот же дом и знак плюса: добавить жильё или объект. Создать объект недвижимости, адрес или «новое место».

Дом с сердцем (house-heart): Внутри дома сердце: избранное жильё или «домашний» акцент заботы. Избранные объекты, семейный профиль, блок ценностей. Не как простая «Главная».

В хлебных крошках 16 px. В нижней мобильной навигации 24. Не путайте с map-pin-house: там метка адреса, а не пункт «домой» в меню.

Это пример разметки без обработчиков. Файл именно lucide-house.svg: имя набора Lucide, даже при адресе страницы /icons/home. Замените URL главной и путь к SVG.

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

Файлы SVG

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

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

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

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

<nav aria-label="Хлебные крошки">
  <a href="/">
    <img src="lucide-house.svg" width="16" height="16" alt="">
    Главная
  </a>
</nav>

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

Почему файл не lucide-home.svg?

В актуальном Lucide иконка называется house. Страница /icons/home ведёт на этот asset. В разметке указывайте lucide-house.svg.

Дом или стрелка «назад» для возврата?

Стрелка возвращает на предыдущий экран. Дом всегда на корень раздела, даже если история длинная.