Начало
Большая коллекция иконок RemixIcon — svg, png и иконки css

Большая коллекция иконок RemixIcon — svg, png и иконки css

Иконки
, ,

Большая коллекция иконок RemixIcon содержит наборы по 17 популярным темам. Все иконки бесплатные и представлены в форматах PNG, SVG и шрифтов иконок css. Иконки в формате PNG, SVG можно скачать непосредственно на сайте RemixIcon, выбрав необходимый для вашего проекта цвет.

Иконки RemixIcon в цвете

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

Распределение иконок по тематическим группам, сделает подбор нужных иконок более быстрым и удобным.
коллекция иконок RemixIcon

Установка шрифта иконок CSS

Для установки RemixIcon на сайт воспользуйтесь инструкцией разработчика на Github.

После этого вы сможете размещать иконки в дизайне или статьях используя конструкцию класса: ri-{name}-{style}
Пример:

<i class="ri-admin-line"></i>
<i class="ri-admin-fill"></i>

Используя стили remixicon.css с помощью класса css можно задавать нужный размер иконок.
Пример:

<i class="ri-admin-line ri-fw"></i> <!-- fixed width -->
<i class="ri-admin-line ri-xxs"></i> <!-- 0.5em -->
<i class="ri-admin-line ri-1x"></i> <!-- 1em -->
<i class="ri-admin-line ri-xl"></i> <!-- 1.5em -->
<i class="ri-admin-line ri-2x"></i> <!-- 2em -->
<i class="ri-admin-line ri-3x"></i> <!-- 3em -->

Кроме озвученных вариантов, можно использовать SVG Спрайт. Это изображение в формате SVG на котором размещены все иконки коллекции. Чтобы начать использовать спрайт, необходимо скачать спрайт и изучить раздел инструкции SVG Sprite Usage.

Поделиться

Статьи по теме:

Комментировать