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

  Автор:
  16

Если вы на этой странице, то наверняка тоже ищите контурные, красивые, тонкие, изящные иконки для 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)

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

P.S. На курсе «Elementor от новичка до профи»  мы подробно разбираем как работать с произвольными иконками: искать, скачивать, создавать шрифт и загружать в Elementor. И всем участникам курса Elementor PRO в подарок.

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:

Анфиса Бреус

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

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2021
Оставьте ваш комментарий или вопрос