Pixmora

Иконка терминала для командной строки

Три знака Lucide для CLI: открытый промпт, консоль в рамке и документ с приглашением. Ниже статическая разметка вкладки «Терминал».

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

Три знака Lucide для CLI: открытый промпт, консоль в рамке и документ с приглашением. Ниже статическая разметка вкладки «Терминал».

Сценарий страницы: Вкладка CLI и документация команд. Основной вариант - lucide:terminal, набор Lucide, автор Lucide Contributors, лицензия ISC.

Промпт (terminal): Шеврон и курсорная линия без рамки окна. Команда, shell, пункт «Открыть терминал».

Окно консоли (square-terminal): Промпт внутри квадратной рамки: акцент на панели терминала. Вкладка или виджет консоли в интерфейсе.

Файл с промптом (file-terminal): Документ с шевроном: сценарий скрипта или лога команд. Файл .sh, инструкция по запуску, лог CLI.

Во вкладках IDE-подобного интерфейса 16–20 px. В карточке инструмента CLI удобны 24. Крупный PNG нужен только как иллюстрация в статье, не внутри панели вкладок.

Это пример разметки без обработчиков. Якорь #terminal-panel должен быть на той же странице. Замените путь к SVG; декоративное img с пустым alt, смысл даёт текст «Терминал».

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

Файлы SVG

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

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

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

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

<a href="#terminal-panel" class="dev-tab">
  <img src="lucide-terminal.svg" width="20" height="20" alt="">
  Терминал
</a>
<section id="terminal-panel">
  <h2>Команды</h2>
</section>

Это пример разметки без обработчиков. Якорь #terminal-panel должен быть на той же странице. Замените путь к SVG; декоративное img с пустым alt, смысл даёт текст «Терминал».

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

Чем terminal отличается от code?

code - угловые скобки исходника. terminal - приглашение командной строки и выполнение к shell.

Нужен ли отдельный цвет для «тёмной» консоли?

Через img цвет родителя не наследуется. Скачайте SVG нужного цвета или вставьте inline и переопределите root color.

Соседние темы

Другие инструменты