More icons for Divi: 300 free icons!

Posted on 10/09/2018 | 6 comments

In native, the Divi theme embeds 380 icons. That's not bad at all! But how about adding 300 more icons to Divi? And for FREE!

This would allow you to stand out from other sites built with Divi. Icons that are a little different will be welcome in your future projects or even in your current site.

This free resource for Divi will please you, I am sure!

exemple d'icônes suplémentaires

Example of additional icons

Announcement: this article contains affiliate links that you will easily recognize. The classic links are in purple and the sponsored links are in pink.

les 380 icônes de Divi

The 380 icons that Divi offers natively.

300 icônes gratuits pour Divi

The 300 free icons for Divi (Divi Icon Expansion Pack)

 

Discover all that the Divi theme has to offer

 

How do I get additional icons in Divi?

There are many sites that offer a lot of free or paid resources for the Divi theme. As this WordPress theme is widely used in the web world (by agencies or freelancers), its community is growing and very active.

So to get back to the point, to get additional icons for free, you can go to the dedicated page of the Divi Space website.

By clicking the "Donwload Now" button, you will be prompted to create a free account and then you can begin downloading the Divi Icon Expansion Pack.

 

What does the Divi Icon Expansion Pack consist of?

Once you have your download, you will see that the folder is composed of two other folders:

  1. The folder named "DIEP-Icon-Files.zip": it contains a set of 300 hand-drawn icons that can be used in both commercial and personal creative projects.
  2. The folder named "ds-icon-expansion-pack-1.0.0.zip": this is the plugin that adds the extra icons to Divi and that you can use with both the Divi Builder and the Visual Builder.

Also read: What are the differences between Divi and Divi Builder?

 

How do I install the Divi Icon Expansion Pack?

Divi Space has provided a plugin, it's pretty reassuring because in 2 clicks, you will benefit from the 300 additional icons in Divi. No need to put your hands in the code.

To install this free plugin, you have two solutions:

  1. From the WordPress administration: go to the Extensions tab > Add > Upload extension > Browse > Install. This will allow you to retrieve the plugin that is on your computer (the one you downloaded before). Be careful, this way you have to import the compressed folder (.zip).
  2. Via FTP : if you are comfortable with an FTP client like Filezilla for example, you can simply drop the plugin at www > wp-content > plugins. Be careful, this way, it is the unzipped folder that you will need.

 

How do I activate the new icon pack?

Once installed, you will find the plugin in the list of your extensions. You will just have to activate it, but that's not all, you will also have to activate your license. Even if it's a free plugin and you can use it in an unlimited number of projects, Divi Space has provided protection.

Here's how to get your API key:

Activer la clé API

 

First, you will see a message in the Installed Extensions tab: "activate your licence key". Click on it, it will take you to the tab for your API key.

 

Récupérer la clé API

 

To retrieve your API key, you will need :

  1. click on the Purchase History link in the email you received after downloading,
  2. click on View License,
  3. click on Key to get it,
  4. Go back to your site administration, to the Divi > Icon Expansion Packtab,
  5. enter your key and activate it.

 

Coller la clé API

 

Where are the new additional icons?

Now that the plugin is installed and your license has been activated, adding the new icons will be simple. Just use the Divi Builder as usual and a collection of over 300 icons will be displayed in compatible modules such as the SUMMARY module, BUTTON module etc.

I made a small demo for the occasion:

 

As you saw in the video, you can use these additional icons via the Divi Builder or via the Visual Builder.

More Divi icon tutorials - via the ElegantThemes blog

 

ajouter 300 icônes dans Divi

ajouter 300 icônes dans Divi

748 words

3

You should like it too:

6 Commentaires

  1. Bernard Clément

    Bonjour, je cherche à savoir où se trouve les icones natif de Divi ?
    Cordialement

  2. Lycia Diaz

    Bonsoir Bernard.
    Les icônes natifs sont déjà embarqués dans le code de Divi. Pour les utiliser dans le HTML, vous devrez utiliser les UNICODES. Mais je crois que cet article officiel répondra à toutes vos questions.

  3. Bernard Clément

    Bonjour Lycia, j’ai réussi à trouver les icones natifs dans le module Résumé et non dans le module texte.
    Peut-être n’y en a t-il que dans le module Résumé.
    D’après ton lien, j’ai réussi à télécharger les 360 icones Elegant thèmes, mais le résultat n’est pas bon, cela transforme les caractères d’un texte en icones, pas très lisible.
    Je te remercie

  4. Lycia Diaz

    Bonsoir Bernard,
    En effet, le module « résumé » (Blurb en anglais) embarque nativement les icônes de Divi. Par contre, si tu regardes le lien que je t’ai donné, il ne faut pas les télécharger mais seulement utiliser le code de l’icône que tu souhaites dans ta feuille CSS. Dit comme ça c’est pas très parlant… J’espère que tu y arriveras.
    A bientôt

  5. Franck

    Merci pour le tuto. Je viens de passer à Divi (alors que j’étais avec Elementor avant), et je dois avouer que sur la partie icones, Elementor est bien plus fourni. Heureusement que Divi est bien mieux pour la majorité des autres points !

  6. Lycia Diaz

    Salut Frank ! Merci.
    Effectivement, Elementor offre beaucoup de fonctionnalités… et qui dit beaucoup, dit « usine à gaz »… Divi est moins fourni, certes, mais son interface intuitive et facile nous offre une vraie expérience utilisateur, et ça vaut bien plus !

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This