Чтобы импортировать значок кнопки в HTML, вы можете использовать различные методы. Вот некоторые из наиболее распространенных подходов:

1. Font Awesome: Font Awesome — это популярная библиотека значков, предоставляющая широкий выбор значков. Вы можете импортировать его, добавив следующий код в заголовок вашего HTML-документа:

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

   После импорта вы можете использовать значки Font Awesome, добавив соответствующий класс к элементу кнопки. Например:

   <button class="fas fa-heart">Like</button>

2. Значки SVG. Вы также можете использовать значки SVG, загрузив их или используя библиотеку, например Material Icons или Ionicons. Чтобы импортировать значок SVG, вы можете добавить элемент непосредственно в код кнопки. Например:

   <button>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path d="M12 2L1 21h22L12 2zm0 4.8L18.2 19H5.8L12 6.8z"/>
   </svg>
   Like
   </button>

3. Пользовательские шрифты значков. Если у вас есть собственный шрифт значков, вы можете импортировать его аналогично Font Awesome. Добавьте файл шрифта в свой проект и используйте правило @font-faceв своем CSS, чтобы импортировать его. Затем назначьте соответствующий класс элементу кнопки.

4. Встроенный SVG. Вместо импорта библиотеки значков вы также можете использовать встроенный SVG непосредственно в HTML. Вы можете создать элемент SVG и включить в него данные пути для нужного значка. Например:

   <button>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path d="M12 2L1 21h22L12 2zm0 4.8L18.2 19H5.8L12 6.8z"/>
   </svg>
   Like
   </button>