ajouter des icones dans Divi

More icons for Divi: 300 free icons!

Published on 10/09/2018 | 8 comments

748 words

3

The Divi theme has 380 native icons. That's already quite a lot! 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 I'm sure you'll like it!

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 back to the point, to get extra 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 made up 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 called "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.

Read also: What are the differences between Divi and Divi Builder?

 

How do I install the Divi Icon Expansion Pack?

Divi Space has provided a plugin, which is quite reassuring because in 2 clicks, you will benefit from the 300 additional icons in Divi. No need to get 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 such as 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 to activate the new icon pack?

Once installed, you will find the plugin in the list of your extensions. All you have to do is activate it, but that's not all, you 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 licence key". Click on it and 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 have seen 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

obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

8 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 !

  7. Desnos-Cosse

    Bonjour,
    J’ai cliqué sur le lien, créer un compte mais il me semble que ce plugin n’est plus proposé en version gratuite, pouvez-vous me le confirmer ?
    Cordialement,
    Douglas.

  8. Lycia Diaz

    Ah c’est bizarre, il faut que je vérifie cela, je ne suis pas au courant qu’il est passé en full Premium

Soumettre un commentaire

Votre adresse e-mail 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.