Additional icons for Divi: 300 free icons!

Published on 10/09/2018 | 6 comments

Natively, the Divi theme has 380 icons. That's not bad enough! But how about adding 300 additional icons to Divi? And for FREE!

This would allow you to stand out from other sites built with Divi. Slightly different icons will be welcome in your future projects or even in your current site.

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

exemple d'icônes suplémentaires

Example of additional icons

Advertisement: This article contains affiliate links that you will easily recognize. Classic links are in purple and 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 to get additional icons in Divi?

There are many sites that offer a variety of free or paid resources for the Divi theme. 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 our sheep, to get additional icons for free, you can go to the dedicated page of the Divi Space website.

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

 

What is the Divi Icon Expansion Pack made of?

As soon as you have your download, you will see that the file consists of two other files:

  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.0.0.zip": it is the plugin that adds the additional icons in Divi and that you can use with both the Divi Builder and the Visual Builder.

Also to be read: what are the differences between Divi and Divi Builder?

 

How to install the Divi Icon Expansion Pack?

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

To install this free plugin, you have two solutions:

  1. From WordPress administration: go to the Extensions tab > Add > Upload an extension > Browse > Install. This will allow you to retrieve the plugin that is on your computer (the one previously downloaded). Be careful, this way, you must 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 uncompressed folder that you will need.

 

How to activate the new icon pack?

Once installed, you will find the plugin in the list of your extensions. It will just have to be activated, but that's not all, you will also have to activate your license. Even if it is 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 back:

Activer la clé API

 

First, you will see a message in the Installed Extensions tab: "activate your license key". Click on it, this will take you to the tab to host 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 received after your download,
  2. click on View License,
  3. Click Key to get it,
  4. return to the administration of your site, to the Divi > Icon Expansion Pack tab,
  5. enter your key and activate it.

 

Coller la clé API

 

Where are the new additional icons located?

Now that the plugin is installed and your license has been activated, adding its new icons will be simple. All you have to do is use the Divi Builder as usual and a collection of more than 300 icons will be displayed in compatible modules such as the SUMMARY module, the BUTTON module etc.

I made a little demo for the occasion:

 

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

More tutorials on Divi's icons - via the ElegantThemes blog

 

ajouter 300 icônes dans Divi

ajouter 300 icônes dans Divi

748 words

3

You should like it too:

Vidéo mise en avant dans les articles Divi avec ACF

Video highlighted in Divi articles with ACF

This step-by-step tutorial shows you how to create a new custom field in your Divi Articles to add highlighted YouTube videos. You can do this easily with the Theme Builder and ACF.

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 de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

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