Jump to content
CMSTOOLS.org - форум поддержки и развития CMS

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


Recommended Posts

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

Link to comment
Share on other sites

  • 1 year later...

Библиотека 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 для их размещения на странице.

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

Edited by 6hr3d3r
Link to comment
Share on other sites

×
×
  • Create New...