Elementor Tip n°2 :
Créez vos propres icônes personnalisées

Vous êtes webdesigner mais également un créatif jusqu’au bout des ongles ? Vous êtes lassé des mêmes icônes vues et revues sur internet ?

Alors n’hésitez plus et apportez votre touche personnelle à vos sites internet !

Elementor vous permet d’ajouter des icônes personnalisées en les convertissant en .svg. L’icône ne sera pas une image statique mais disposera des mêmes propriétés que les modules « Icones » d’Elementor ( style graphique, propriété avancées…).

Je vous indique ici comment procéder 😎

Créez votre super icône personnalisée sur votre logiciel préféré et enregistrez-la au format .svg

Attention, veillez bien à fusionner l’icône avec le Pathfinder avant de l’exporter !

Allez sur le site fontello.com, importez votre icône et attribuez-lui un nom et un préfixe css. Puis cliquez sur Download.

Je précise ici qu’il existe d’autres sites pour générer des icônes personnalisées, je vous présente ici celui avec lequel je suis le plus à l’aise.

creation-icone-personnalisée
creation-icone-personnalisée-etape2

Allez ensite sur votre dashboard Elementor > Icônes personnalisées et importez le fichier zip généré par Fontello.

creation-icone-personnalisée-etape4

Votre icône est enfin intégrée à votre site, il vous suffit de l’ajouter sur une de vos pages !

Insérez le module « Icône » dans une de vos sections de page, cliquez sur « Bibliothèque d’icônes » et abracadabra vous verrez votre icône prête à être utilisée !

creation-icone-personnalisée-etape5
creation-icone-personnalisée-etape3

Grâce à cette petite astuce, vous pourrez personnaliser votre site internet dans les moindres détails !