Help Center / Editor V4 / Elements / Élément SVG

Élément SVG

Dernière mise à jour : septembre 3, 2025

Ajouter et supprimer l'élément

Pour accéder et utiliser un élément :

  1. Dans l’éditeur Elementor, cliquez sur +.
    Tous les éléments disponibles sont affichés.

  2. Cliquez ou faites glisser l’élément sur le canevas. Pour plus d’informations, consultez Ajouter des éléments à une page.

Pour supprimer l’élément :

  1. Sur le canevas, sélectionnez l’élément en cliquant dessus.
  2. Appuyez sur la touche de suppression de votre clavier. Pour plus d’informations, consultez Supprimer des éléments d’une page.

Qu'est-ce que l'élément SVG ?

SVG (Scalable Vector Graphics) est un format d’image basé sur XML utilisé pour créer des graphiques vectoriels en deux dimensions. Les graphiques SVG peuvent être redimensionnés sans perte de qualité, ce qui les rend idéaux pour les graphiques de sites web, les icônes et les illustrations.

Le widget SVG vous permet d’incorporer des graphiques SVG dans votre page web en tant qu’élément distinct.

Voir toutes les options disponibles avec l’élément SVG.

Cas d'utilisation courant

Hunter crée une section d’appel à l’action et souhaite utiliser des illustrations SVG comme icônes.

Cas d’utilisation supplémentaires

  • Infographies.
  • Images simples et légères qui permettent à votre page de se charger plus rapidement.

Ajouter un élément SVG : étape par étape

  1. Sur le canevas, créez un conteneur de grille avec une ligne et trois colonnes. Pour plus de détails, voir Créer un conteneur de grille.

    Vous pouvez ajouter les éléments à la grille.

  2. Ajoutez un widget SVG à la colonne la plus à gauche. Pour plus de détails, voir Ajouter des éléments à une page.

  3. Dans le panneau, cliquez sur le champ d’image.

  4. Ajoutez une image SVG au widget. Pour plus de détails, voir Ajouter des images et des icônes.
  5. Répétez pour chacun des widgets.

    Rendons les icônes cliquables pour faciliter l’utilisation.

  6. Cliquez sur l’icône de l’enveloppe.

  7. Dans le panneau, cliquez sur le symbole plus à côté de Lien.

  8. Saisissez le lien mailto dans la zone de texte.

  9. (Facultatif) Activez Ouvrir dans un nouvel onglet si vous souhaitez que le lien s’ouvre dans un nouvel onglet.

    La section d’appel à l’action est prête.

Paramètres de l'élément SVG

Vous pouvez personnaliser vos éléments en utilisant le contenu et le style, vous offrant une grande flexibilité pour les adapter à vos besoins. Cliquez sur les onglets ci-dessous pour voir tous les paramètres disponibles pour cet élément.

Onglet Général

Cliquez pour ajouter un fichier SVG. Pour plus de détails, voir Ajouter des images et des icônes.

Cliquez sur le signe plus pour saisir un lien. Les visiteurs cliquant sur le fichier SVG ouvriront le lien.

Permet d’étiqueter des éléments individuels sur une page. De cette façon, vous pouvez créer un lien vers cet élément spécifique.

Onglet Style

Consultez les articles individuels sur les options de Style :

Note
Le widget SVG vous permet d’ajouter de la couleur à vos fichiers SVG. Cependant, le fichier doit être correctement formaté. La couleur de remplissage doit être définie sur noir pur (#000000) et exportée sans propriété de remplissage. Vous pourrez ensuite ajouter votre propre couleur de remplissage en utilisant le champ de couleur de la section Typographie dans l’onglet Style.

Sur cette page

Partager cet article

Hosted with