Перейти к содержанию
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
Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...