Pictogrammes & Illustrations

Les pictogrammes illustrent des thématiques et concepts administratifs de manière moderne, lisible et harmonieuse.

Structure & Couches de couleur

Les pictogrammes DSML sont conçus en SVG multi-couches. Chaque élément SVG utilise des classes CSS standardisées permettant de personnaliser ou d'animer dynamiquement les aplats et contours selon l'identité visuelle de votre service.

.ml-artwork-background
Fond d'illustration
Formes d'arrière-plan douces (par défaut Vert 50 / Or 50)
.ml-artwork-major
Contours principaux
Lignes directrices et structure de l'icône (Gris neutre 900)
.ml-artwork-minor
Accents officiels
Sceaux de validation, détails d'attention (Or Sahel 500)
.ml-artwork-decorative
Détails secondaires
Points de focalisation et motifs secondaires (Vert Menthe)

Exemple d'intégration

Insérez directement le SVG dans votre markup HTML ou intégrez-le au sein d'un composant d'information :

Style Standard

Services d'Accessibilité

Accès garanti aux démarches administratives pour tous les citoyens.

HTML 
<div class="ml-pictogram">
  <svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
    <use class="ml-artwork-decorative" href="#picto-id-decorative"/>
    <use class="ml-artwork-minor" href="#picto-id-minor"/>
    <use class="ml-artwork-major" href="#picto-id-major"/>
  </svg>
</div>

Catalogue des pictogrammes

Filtrez le catalogue par mot-clé ou par catégorie. Cliquez sur n'importe quelle carte pour copier l'intégralité du code SVG.

Affichage de 102 pictogrammes
✓ Code SVG copié dans le presse-papier !

Recherche dans la documentation

🔍
Recherches fréquentes