How to Embed Material Design Icons to Divi

How to Embed Material Design Icons to Divi - MayanSEO.com. Category: Wordpress Design with Divi, Tags: Divi Tutorial

How to Embed Material Design Icons to Divi

How to Embed Material Design Icons to Divi – MayanSEO.com

✅ Tutorial Link:

———

✅ WP and Divi Icons:
✅ Material Design Icons:

———

❤️ Get in touch with Divi Space:

https://www.facebook.com/divispacesite/

———

Video Transcript:

Hey everybody, David here from Divi Space. Google’s Material icons are beautiful and free to use personally or commercially. These icons are available in several formats and are suitable for different types of projects. Today I’m going to show you two ways you can start using these icons on your Divi Website. Alright, let’s go! The easiest way to set up icon fonts is through Google Web Fonts. All you need to do is include a single line of HTML In your WordPress dashboard, navigate to Divi and Theme Options and select the Integration tab. Make sure the header code is enabled and paste the code.
It’s easy to incorporate icons into your web page. Here’s a small example, create i tag, add a material- icons class and inside the tag, include the icon name. Find the icon names in the material icons library by selecting any icon and opening the panel. You can also stylize the icon with additional CSS as you would with fonts. Here is an example CSS code you can use to stylize the icon. There’s a link to the code in the video description. The second way to install Material Icons to your site is to use the wp and divi icons plugin which will add more than 2500 icons to WordPress and includes Font Awesome Icons, Material Icons, and 450 custom-designed icons. This plugin also has 48 multi-colored icons and a customizer so you can create your own library of color combinations. One of my favorite features of this plugin is that the icons are searchable and you can see them in the live preview. WP and Divi Icons Pro is available as a standalone purchase or if you are a Divi Space Annual or Lifetime Member, it’s included! You can find a link to the WP and Divi Icons in the video description. Thanks for joining me in this Divi Space Snippet Series, See you next time!

———

Track Info:

Title: Give Love by Nettson
Genre and Mood: Dance & Electronic + Calm

———

Thanks for watching!
Please subscribe! ❤️

…  

View our service SEO Temple Web Design

 

How to Embed Material Design Icons to Divi Description

How to Embed Material Design Icons to Divi – MayanSEO.com. Category: WordPress Design with Divi, Tags: Divi Tutorial

How to Embed Material Design Icons to Divi Tags

Divi Tutorial

Watch How to Embed Material Design Icons to Divi on YouTube

Related Posts on MayanSEO Blog

  • DIVI WORDPRESS THEME - MayanSEO.com
    DIVI WORDPRESS THEME - MayanSEO.com. Category: Wordpress Design with Divi, Tags: Divi Theme, Web Design, Wordpress
  • Wordpress Divi theme tutorial
    Wordpress Divi theme tutorial - MayanSEO.com. Category: Wordpress Design with Divi, Tags: Divi Design, Divi Theme, Divi Tutorial, Wordpress
  • Divi Sale Page Design - WhiteLabelSEO
    Divi Sale Page Design - WhiteLabelSEO. Category: Wordpress Design with Divi, Tags: No tags
  • How to Embed PowerPoint Embed on Divi Builder - MayanSEO
    How to Embed PowerPoint Embed on Divi Builder - MayanSEO. Category: Wordpress Design with Divi, Tags: Divi Builder, Divi Builder How To, Divi Builder Powerpoin
  • Design your website in WordPress with Divi - WhiteLabelSEO
    Design your website in WordPress with Divi - WhiteLabelSEO. Category: Wordpress Design with Divi, Tags: No tags
  • Divi Hosting - MayanSEO.com
    Divi Hosting - MayanSEO.com. Category: Wordpress Design with Divi, Tags: Divi 4.0, Divi 4.0 Tutorial, Divi Builder, Divi Builder Tutorial, Divi Theme Tutorial,

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

1 Comment

  1. Michael Burch

    You've really helped me get a handle on how to use these icons in my Divi sites. Thanks so much!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *