Тонкие иконки для Elementor

  Автор:
  Комментариев нет
  1907

Если вы на этой странице, то наверняка тоже ищите контурные, красивые, тонкие, изящные иконки для Elementor. Да, в Elementor есть набор иконок Font Awesome, но согласитесь, они немного топорные, грубые на мой взгляд. Хотя в некоторых дизайнах смотрятся хорошо.

Напомню, в Elementor иконки SVG можно загружать 2мя способами.

1 способ

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

Если загруженные иконки выглядят как черные точки, нужно в настройках стиля убрать цвет иконки.

2 способ

Создать из набора иконок шрифт и загрузить его в разделе Elementor  -> Пользовательские иконки. В этом случае вы сможете выбирать нужные иконки прямо в Elementor. Загрузка пользовательских иконок доступна в Elementor PRO

В первом способе есть один недостаток. Для того, чтобы загружать SVG иконки необходимо дать разрешение на загрузки таких файлов. А это небезопасно для сайта.

Поэтому мне нравится 2 вариант. Но здесь тоже есть один нюанс. Не все иконки SVG можно превратить в шрифты. В частности контурные иконки, иконки без фона внутри. А это как раз то, что нам нужно.

Потратила немало времени, чтобы найти подходящие наборы иконок. В этой статье вы найдете ссылки на скачивание иконок. Дальше вам нужно будет пропустить эти иконки в SVG формате через сервис icomoon или fontello, чтобы сформировать шрифты. И затем установить эти шрифты в Elementor.

Контурные шрифты для Elementor PRO

 

Icon Works 

 

Themify Icons (320+ иконок, SVG и Webfont)

Pixeden Icon Font Pack (170 иконок, Webfont)

Stroke Icons (80 иконок, PSD, AI, Webfont)

Outlined Icons (150 иконок, PSD, SVG, AI, Webfont)

Stroke Gap Icons (200 иконок, AI, PSD, SVG, Webfont)

 

Elegant Icons (360 иконок, Webfont)

 

Tonicons (500 иконок, EPS, Sketch, Webfont)

 

Helium (100 иконок, AI, EPS, SVG, Webfont)

 

Dripicons (95 иконок, Webfont)

Twig (100+ иконок, SVG, Webfont)

 

Simple Line Icons (160 иконок Webfont)

Если есть вопросы, не стесняйтесь, задавайте в комментариях.


 

Хотите быстро прийти к заработку в интернете. Освойте сначала бесплатный курс «Elementor для начинающих«, и затем платный курс «Elementor — от новичка до профи» для создания красивых сайтов. Результат гарантирован!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

 

Тонкие иконки для Elementor

   0 голосов
Средняя оценка: 0 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Ваш адрес email не будет опубликован. Обязательные поля помечены *