Pixmora

Иконка часов для времени работы

Круглый циферблат Lucide для часов работы и сроков. Это не календарь: сценарий про время суток или длительность ожидания.

Как применить иконку «Циферблат»

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

Циферблат (clock): Круг и стрелки без доп. статуса. Часы работы, «ответим за N минут», ETA.

Срок под угрозой (clock-alert): Циферблат и «!» сбоку: время на исходе. Просрочка, дедлайн близко, задержка.

Срок соблюдён (clock-check): Часы и галочка: уложились во время. Доставка вовремя, слот подтверждён по времени.

В строке контактов 16–20 px. В карточке «срок до» 24. Не подменяйте clock иконкой calendar, если речь о часах, а не о дне.

Это пример разметки без обработчиков. Подставьте свои часы работы и путь к SVG. Декоративное img с пустым alt: смысл в тексте интервала.

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

Файлы SVG

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

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

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

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

<p>
  <img src="lucide-clock.svg" width="20" height="20" alt="">
  <span>Пн–Пт, 10:00–19:00</span>
</p>

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

Когда брать timer вместо clock?

timer - отсчёт длительности с «кнопкой» сверху. clock - время суток или общий знак «время» без секундомера.

Можно ли вписать текущее время в SVG?

Для живых часов надёжнее текст или свой компонент. Файлы на странице - статичные пиктограммы без текущего времени.