Перейти к содержанию
CMSTOOLS.org - форум поддержки и развития CMS

alpha cms / другие иконки, вместо стандартных font awesome


Рекомендуемые сообщения

Всем привет. Я новичок в теме программирования и поэтому не знаю, как можно подключить какие-либо иконки вместо font awesome. Помогите пожалуйста подключить какие-либо из этих: ikonate, css.gg, feather. Буду очень благодарен, если поможете)

Ссылка на комментарий
Поделиться на другие сайты

  • 1 год спустя...

Библиотека ikonate:

ikonate:

  1. Перейди на сайт ikonate (https://ikonate.com/).

  2. Выбери нужные иконки, кликнув на них.

  3. Скопируй сгенерированный HTML-код для иконок.

  4. Вставь этот код внутрь тега <body> на своей HTML-странице.

Вот пример:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Подключение иконок ikonate</title>
</head>
<body>
    <!-- Вставь сгенерированный код для иконок здесь -->
    
    <script src="https://unpkg.com/ikonate"></script>
</body>
</html>

 

Библиотека css.gg:

css.gg:

  1. Перейди на сайт css.gg (https://css.gg/).

  2. Выбери нужные иконки, кликнув на них.

  3. Скопируй сгенерированный HTML-код для иконок.

  4. Вставь этот код внутрь тега <body> на своей HTML-странице.

Вот пример:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Подключение иконок css.gg</title>
    <link href="https://cdn.jsdelivr.net/npm/css.gg/icons-all.css" rel="stylesheet">
</head>
<body>
    <!-- Вставь сгенерированный код для иконок здесь -->
</body>
</html>

 

Библиотека Feather:

Feather:

  1. Перейди на сайт Feather (https://feathericons.com/).

  2. Выбери нужные иконки, кликнув на них.

  3. Скопируй сгенерированный HTML-код для иконок.

  4. Вставь этот код внутрь тега <body> на своей HTML-странице.

Вот пример:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Подключение иконок Feather</title>
</head>
<body>
    <!-- Вставь сгенерированный код для иконок здесь -->
    
    <script src="https://cdn.jsdelivr.net/npm/feather-icons"></script>
</body>
</html>

 

Обрати внимание, что для каждой библиотеки у тебя будет генерироваться HTML-код для каждой отдельной иконки. Ты можешь использовать этот код внутри твоего HTML для их размещения на странице.

Проверь актуальные документации на сайтах библиотек, чтобы убедиться, что ты подключаешь иконки правильно.

Изменено пользователем 6hr3d3r
Ссылка на комментарий
Поделиться на другие сайты

×
×
  • Создать...