Pixmora

Иконка ссылки для URL и шаринга

Цепочка Lucide обозначает гиперссылку или копирование адреса. Это не знак внешней вкладки: для ухода на другой сайт смотрите external-link.

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

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

Цепочка (link): Два овальных звена под углом. Вставить ссылку, скопировать URL, поле «ссылка на объект».

Прямая связь (link-2): Два звена и прямая черта между ними: проще силуэт. Компактная панель редактора, где нужен узнаваемый «линк».

Разорвать связь (unlink): Звенья с разрывом: снять гиперссылку. Команда «убрать ссылку» в текстовом редакторе.

В панели «поделиться» 20–24 px. В редакторе ссылок у поля ввода 16. Крупный PNG имеет смысл только как иллюстрация в справке.

Это пример разметки без обработчиков. Запись в буфер обмена подключите в своём коде (clipboard API или fallback). Путь к SVG замените. Без текста на кнопке обязателен aria-label.

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

Файлы SVG

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

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

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

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

<button type="button" aria-label="Скопировать ссылку">
  <img src="lucide-link.svg" width="20" height="20" alt="">
</button>

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

link или external-link?

link про наличие URL или копирование. external-link про открытие чужого ресурса с уходом из текущего контекста.

Нужно ли подтверждение «ссылка скопирована»?

Да, короткое сообщение или toast. Одна смена иконки без текста для скринридера недостаточна.