Blog · SVG dynamiques
Les 12 meilleures vannes SVG dynamiques pour WinCC Unified et WinCC V8 (gratuites)
Nous avons ouvert chaque vanne du catalogue HMIx — 28 SVG dynamiques en octobre 2026 —, examiné chaque rendu de près, lu chaque fiche produit et gardé les douze vannes SVG dynamiques que nous glisserions sans hésiter dans une vue WinCC Unified ou WinCC V8 dès demain. Toutes gratuites, toutes au format .svghmi, des symboles de vanne P&ID bien nets aux vannes réalistes : papillon, à boisseau sphérique, à opercule, électrovannes et vannes anti-mélange.
- SVG dynamique
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- Symboles de vannes
- Symboles P&ID
- Graphismes IHM

Nos choix express
Pas le temps ? Filez droit vers la vanne qu’il vous faut.
- 01Meilleur choix globalMotorized Valve Symbol
- 02Meilleure vanne minimaliste pour les synoptiques chargésWater Valve
- 03Meilleur symbole de vanne avec icônes d’étatActuated Valve Symbol
- 04Meilleur symbole de vanne 3 voiesModern 3-Way Valve Symbol
- 05Meilleure vanne 3 voies réaliste3-Way Valve
- 06Meilleure vanne papillon motoriséeButterfly Valve
- 07Meilleure vanne papillon manuelle (à levier)Butterfly Valve
- 08Meilleure vanne à boisseau sphériqueProcess Ball Valve
- 09Meilleur robinet-vanne manuelHandwheel Gate Valve
- 10Meilleure vanne de régulationProportional Valve
- 11Meilleure électrovanneSolenoid Valve
- 12Meilleure vanne hygiénique (anti-mélange)Double Seat Valve
Pourquoi les symboles de vannes méritent plus de soin qu’on ne leur en accorde
Comptez les objets d’une vue de process : les vannes l’emportent haut la main. Une station de traitement d’eau, un skid NEP (CIP) ou une modeste ligne de dosage en alignent facilement une trentaine, et l’opérateur doit les lire une par une : ouverte ou fermée, en auto ou en manuel, saine ou en défaut. Un symbole de vanne difficile à lire n’est pas un souci esthétique ; c’est une mauvaise décision qui n’attend que son heure.
C’est là qu’une vanne en SVG dynamique trouve sa place. Dans WinCC Unified (TIA Portal) comme dans WinCC V8, un SVG dynamique — le format .svghmi — est un dessin vectoriel qui expose des propriétés comme ValvePosition ou StatusColor. Vous le faites glisser sur la vue, vous reliez ces propriétés à des variables IHM et le dessin réagit : le papillon pivote, le levier bouge, le corps change de couleur et les icônes d’état apparaissent quand il le faut. Pas de script, pas de JavaScript, et il reste net à toutes les tailles, de l’Unified Comfort Panel 7 pouces au mur d’images de la salle de contrôle.
Ce qui fait qu’une vanne SVG dynamique mérite d’être téléchargée
Avant la liste, la grille d’évaluation. Voici ce que nous avons regardé, à peu près dans l’ordre de ce qui nous agace le plus quand ça manque :
- Un type reconnaissable. Un opérateur doit distinguer une vanne papillon d’une vanne à boisseau, et une vanne motorisée d’une vanne manuelle, sans lire d’étiquette. Les symboles schématiques doivent ressembler aux nœuds papillon que les ingénieurs connaissent par cœur sur les schémas P&ID.
- Un état que l’on peut relier. Une position, un angle d’ouverture ou une course, plus une couleur pour l’état. Une vanne qui n’a qu’une seule couleur n’est qu’une décoration.
- Lisible en petit. Les vannes sont les plus petits objets de la plupart des vues ; un symbole qui tourne à la bouillie grise à 40 pixels ne sert à rien.
- Un rendu honnête. Des formes propres, un fond transparent et des couleurs que l’on peut atténuer pour des vues haute performance dans l’esprit ISA-101.
- De la variété. Plutôt que douze versions du même nœud papillon, nous avons retenu un champion par usage : symboles P&ID, symboles d’état, vannes 3 voies, papillon, à boisseau, à opercule, de régulation, électrovannes et vannes hygiéniques.
Comment nous les avons choisies (et ce que nous n’avons pas fait)
Nous avons passé en revue les 28 vannes SVG dynamiques publiées sur HMIx en octobre 2026. Pour chacune, nous avons regardé son vrai rendu (le dessin lui-même, pas la couverture du catalogue avec son grand titre par-dessus) et lu sa fiche produit pour voir quelles propriétés elle expose. Les téléchargements et les avis n’ont servi qu’à départager les ex aequo, car une vanne publiée le mois dernier n’a encore eu le temps d’accumuler ni les uns ni les autres.
Nous avons écarté un quasi-doublon (deux vannes papillon partagent le même dessin), une quasi-jumelle du Control Valve Symbol dont la fiche décrit des icônes d’état qui ne correspondent pas à son rendu, et une dernière dont l’aperçu se résume à un petit nœud papillon avec une seule propriété de couleur. Une mise en garde, aussi : pour cet article, nous avons jugé des dessins et de la documentation ; nous n’avons pas fait tourner les 25 vannes dans un Runtime réel. Elles ont été générées par IA et chaque fiche produit rappelle de les tester dans votre propre projet TIA Portal avant la mise en production. Nous dirions la même chose de tout ce que vous téléchargez, d’où que ça vienne.
Les 12 meilleures vannes SVG dynamiques, une par une
Chaque fiche montre le vrai rendu SVG, ce que nous avons aimé, ce qu’il faut garder en tête et les propriétés à relier, puis la vignette du catalogue : cliquez dessus pour ouvrir la fiche produit et télécharger la vanne gratuitement.
01Meilleur choix global
Motorized Valve Symbol

S’il ne fallait en garder qu’une, ce serait celle-ci. C’est le symbole que tout ingénieur connaît par les schémas P&ID : un corps en nœud papillon aux contours sombres et épais et un actionneur circulaire avec un M bien gras. Sa fiche indique qu’il suit ISA-101 et ISA 5.1, et ça se voit : sobre, très contrasté et lisible d’un coup d’œil.
Cinq propriétés font tout le travail. ValveState reçoit un entier de l’automate pour l’état du process, BasicColor et MotorColor portent les couleurs, StrokeColor adapte le contour aux vues sombres ou claires, et ShowMotor transforme le même symbole en simple vanne manuelle. Un seul téléchargement couvre les deux types de vannes de votre P&ID.
Ce qu’on aime
- Le look P&ID standard, parfait pour les synoptiques
- Vannes manuelles et motorisées avec un seul symbole grâce à
ShowMotor - La couleur du contour s’adapte aux thèmes sombres et clairs
À garder en tête
- Vérifiez quelles valeurs de
ValveStatele fichier associe à ouvert, fermé et en transition avant de relier quoi que ce soit - Pas d’icônes d’état : ajoutez un voyant d’alarme à côté si vous en avez besoin
Propriétés à relier
- ValveState
- BasicColor
- MotorColor
- ShowMotor
- StrokeColor
02Meilleure vanne minimaliste pour les synoptiques chargés
Water Valve

Parfois, moins c’est mieux. Voici la vanne la plus épurée de la liste : deux triangles ardoise aux dégradés subtils qui se rejoignent sur un petit anneau. Sur un synoptique d’usine avec quarante vannes, cette sobriété est exactement ce qu’il faut.
Elle n’a que quatre propriétés, mais bien choisies. LeftTriangleColor et RightTriangleColor colorent chaque moitié séparément, ce qui permet d’afficher l’état ou le fluide de chaque côté, BasicColor colore l’anneau central, et Rotation fait pivoter le symbole pour le poser sur une tuyauterie verticale ou en biais.
Ce qu’on aime
- Encombrement visuel minuscule, idéal pour les synoptiques surchargés
- Chaque moitié peut porter sa propre couleur
Rotationl’adapte aux lignes verticales
À garder en tête
- Le gris ardoise par défaut se fond dans les fonds sombres : choisissez des couleurs plus vives
- Ni actionneur ni position : c’est un symbole d’état, rien de plus
Propriétés à relier
- LeftTriangleColor
- RightTriangleColor
- BasicColor
- Rotation
03Meilleur symbole de vanne avec icônes d’état
Actuated Valve Symbol

Pour des synoptiques bâtis sur les principes de l’IHM haute performance, ce symbole concentre beaucoup de choses dans un seul objet : un boîtier d’actionneur sombre avec un voyant d’état vert, un corps rond entre des bouts de tuyauterie coniques à brides et, en dessous, quatre icônes d’état pour l’alarme, le verrouillage, le mode manuel et la maintenance.
Sa fiche annonce onze propriétés et en nomme neuf. StatusIndicatorColor colore le voyant, BasicColor et ActuatorColor gèrent le dessin, ShowIconAlarm, ShowIconManual, ShowIconLock et ShowIconMaintenance affichent ou masquent les icônes, et ColorAlarm et ColorMaintenance les colorent. Un opérateur qui balaie un collecteur du regard voit immédiatement quelle vanne est en manuel ou verrouillée.
Ce qu’on aime
- L’état de l’équipement d’un coup d’œil, sans symboles supplémentaires
- Un style propre et semi-réaliste qui reste lisible en petit
- Couleurs entièrement configurables
À garder en tête
- Aucune propriété de position dans sa fiche : ouvert et fermé s’affichent par la couleur
- Les couleurs d’icônes par défaut sont criardes sur des palettes de gris
Propriétés à relier
- BasicColor
- ActuatorColor
- StatusIndicatorColor
- ShowIconAlarm
- ShowIconManual
- ShowIconLock
- ShowIconMaintenance
- ColorAlarm
- ColorMaintenance
04Meilleur symbole de vanne 3 voies
Modern 3-Way Valve Symbol

Les vannes de répartition et de mélange sont partout : aiguillages NEP, circuits de chauffage, by-pass… et la plupart des bibliothèques ne proposent qu’un nœud papillon avec un troisième triangle collé dessus. Celle-ci est dessinée dans les règles : trois triangles métalliques qui se rejoignent sur un centre cerclé avec un indicateur vert, un actionneur en barre sur le dessus et, en dessous, la rangée bien connue de quatre icônes d’état. En octobre 2026, c’était aussi l’une des vannes les plus téléchargées du catalogue.
Sa fiche annonce douze propriétés et en nomme dix. ValveRotation reflète la position du clapet, BasicColor, ActuatorColor et IndicatorColor gèrent l’apparence, et ShowIconAlarm, ShowIconManual, ShowIconLock et ShowIconMaintenance affichent ou masquent les icônes d’état, avec leurs propres couleurs comme ColorLock et ColorMaintenance.
Ce qu’on aime
- Une vraie forme 3 voies, lisible d’un coup d’œil
- États alarme, verrouillage, manuel et maintenance dans le même objet
- Couleurs séparées pour le corps, l’actionneur et l’indicateur
À garder en tête
- Vérifiez dans TIA Portal ce que fait pivoter
ValveRotationavant de promettre une animation du trajet du fluide - La rangée d’icônes demande de la place sous le symbole
Propriétés à relier
- ValveRotation
- BasicColor
- ActuatorColor
- IndicatorColor
- ShowIconAlarm
- ShowIconManual
- ShowIconLock
- ShowIconMaintenance
- ColorLock
- ColorMaintenance
05Meilleure vanne 3 voies réaliste
3-Way Valve

Là où le symbole précédent est schématique, celle-ci est un vrai équipement : un corps en T en acier brossé avec des brides boulonnées sur trois côtés, un actionneur plat sur le dessus et une fenêtre ronde sombre avec une flèche bleue qui montre où part le fluide.
Ses cinq propriétés tournent toutes autour de l’aiguillage. FlowDirection fait pivoter le déviateur interne, FlowColor colore le fluide, ShowIndicator masque la flèche, et BasicColor et FlangeColor l’accordent à votre standard de tuyauterie. Sur une vue de mélange ou de by-pass, la flèche en dit plus que n’importe quelle étiquette.
Ce qu’on aime
- Sens d’écoulement visible d’un coup d’œil
- Couleur du fluide séparée de celle du corps
- Finition métallique solide et réaliste
À garder en tête
- La flèche est le seul repère de position : elle doit rester lisible à la taille choisie
- L’ombre douce sous le corps peut faire bizarre sur des vues plates
Propriétés à relier
- FlowDirection
- FlowColor
- ShowIndicator
- BasicColor
- FlangeColor
06Meilleure vanne papillon motorisée
Butterfly Valve

La vanne papillon qu’il vous faut sur une vue de traitement d’eau ou de CVC : un actionneur électrique sombre avec un indicateur rond et un boîtier latéral, une tige courte, un corps à brides entre deux tronçons de tuyauterie et le papillon visible de profil à l’intérieur. On dirait le vrai matériel, sans la moindre surcharge.
Ses sept propriétés sont toutes nommées dans sa fiche, et ça, on adore. ValvePosition fait pivoter le papillon, StatusColor pilote le voyant d’état, ShowActuator retire l’actionneur si votre vanne est manuelle, et BasicColor, PipeColor, DiscColor et ActuatorColor l’accordent aux couleurs de votre installation.
Ce qu’on aime
- Chaque propriété documentée par son nom
- Couleur d’état intégrée
- Actionneur masquable pour les vannes manuelles
À garder en tête
- Le papillon est vu de profil, donc les changements de position sont discrets : testez-les à la taille que vous utiliserez
- Les bouts de tuyauterie la rendent plus large qu’un symbole schématique
Propriétés à relier
- ValvePosition
- StatusColor
- ShowActuator
- BasicColor
- PipeColor
- DiscColor
- ActuatorColor
07Meilleure vanne papillon manuelle (à levier)
Butterfly Valve

Si vos vannes papillon se manœuvrent à la main, c’est celle-ci qu’il vous faut. Un corps à brides avec ses trous de boulons, un papillon circulaire sombre avec un effet de coupe et un levier en acier sur le dessus, le tout dans des tons métalliques soignés.
Elle répartit le mouvement sur deux propriétés : DiscOpeningAngle (de 0 à 100 %) pour le papillon et LeverRotation pour le levier, ce qui permet de les synchroniser ou de montrer un levier qui ne correspond pas au papillon. ShowLever masque le levier pour les vannes à réducteur, et BasicColor et DiscColor fixent la palette.
Ce qu’on aime
- L’ouverture du papillon est une simple valeur de 0 à 100 %
- Levier masquable
- Compacte et soignée, parfaite pour les vues chargées
À garder en tête
- Deux propriétés pour un seul mouvement : reliez les deux, sinon le levier et le papillon ne seront pas d’accord
- Pas de couleur d’état propre
Propriétés à relier
- DiscOpeningAngle
- LeverRotation
- ShowLever
- BasicColor
- DiscColor
08Meilleure vanne à boisseau sphérique
Process Ball Valve

Une vanne à boisseau sphérique qui ressemble à une vanne à boisseau sphérique : un corps rond chromé, des extrémités à brides bien costaudes, une tige et un levier rouge sur le dessus. Un cercle d’état vert au milieu du corps indique son état depuis l’autre bout de la salle.
Cinq propriétés, toutes nommées. ValvePosition fait pivoter le levier de 0° à 90°, le quart de tour naturel d’une vanne à boisseau ; StatusColor et ShowStatus gèrent l’indicateur, et BasicColor et HandleColor complètent l’apparence.
Ce qu’on aime
- Une plage quart de tour fidèle à la vraie vanne
- Indicateur d’état intégré au corps
- Seulement cinq propriétés : reliée en une minute
À garder en tête
- Un levier rouge peut passer pour une alarme sur les vues ISA-101 : changez
HandleColor - Le levier tourne dans une vue de face : prenez le mouvement comme une indication, pas comme une mesure
Propriétés à relier
- ValvePosition
- StatusColor
- ShowStatus
- BasicColor
- HandleColor
09Meilleur robinet-vanne manuel
Handwheel Gate Valve

Les vannes d’isolement manuelles ont rarement droit à un beau dessin, et celle-ci est une bonne surprise : un corps en acier vu de face, deux larges brides et un gros volant rouge à quatre rayons impossible à rater. C’est la vanne que l’on place à côté de l’aspiration d’une pompe pour rappeler à tout le monde que quelqu’un devra se déplacer pour la tourner.
Le volant fait face à l’observateur : ValveRotation le fait donc tourner dans le plan de l’écran, exactement comme bouge un vrai volant. Avec neuf propriétés, elle se règle aussi très finement : HandleColor, FlangeColor, SealColor, AdapterColor et BasicColor pour l’apparence, et ShowFlanges, PipeVisibility et ReflectionVisibility pour l’alléger sur les vues plus chargées.
Ce qu’on aime
- La rotation du volant est physiquement crédible
- Plein de commutateurs de visibilité pour une vue détaillée ou simplifiée
- Impossible à confondre, quelle que soit la taille
À garder en tête
- Dessinée sur un tronçon de tuyauterie vertical : elle convient surtout aux lignes verticales
- Le volant rouge vif crie sur les vues grises ISA-101 : atténuez-le avec
HandleColor
Propriétés à relier
- ValveRotation
- BasicColor
- HandleColor
- AdapterColor
- SealColor
- FlangeColor
- ShowFlanges
- PipeVisibility
- ReflectionVisibility
10Meilleure vanne de régulation
Proportional Valve

Les vannes de régulation sont celles que les opérateurs surveillent de plus près, parce que leur position dit ce que fait la boucle. Voici l’image classique : un servomoteur à membrane noir avec ses boulons, une longue tige et un corps fin en nœud papillon entre deux brides.
ValvePosition déplace l’ensemble de la tige, si bien que la course suit la sortie de votre régulateur. ShowActuator masque la partie haute pour une vanne plus sobre, et BasicColor, ActuatorColor, StemColor et BoltColor permettent de colorer chaque pièce séparément.
Ce qu’on aime
- La silhouette de vanne de régulation des manuels
- Animation de la course pilotée par une seule valeur
- Une couleur pour chaque pièce, boulons compris
À garder en tête
- L’actionneur noir disparaît sur les thèmes sombres : éclaircissez-le avec
ActuatorColor - Le corps est petit à côté de l’actionneur : la course se lit mieux sur les vues de détail
Propriétés à relier
- ValvePosition
- ShowActuator
- BasicColor
- ActuatorColor
- StemColor
- BoltColor
11Meilleure électrovanne
Solenoid Valve

Les électrovannes tout-ou-rien des lignes de dosage, d’air et de refroidissement méritent leur propre look, et voici la meilleure que nous ayons trouvée : un boîtier de bobine sombre sur le dessus, un connecteur de type DIN avec une LED verte et un corps métallique horizontal à extrémités à brides.
StatusLedColor pilote la LED, si bien que l’état excité ou désexcité saute aux yeux ; ValvePosition anime l’actionneur ; ShowConnector retire le connecteur pour une forme plus simple ; et BasicColor et ActuatorColor colorent le corps et la bobine.
Ce qu’on aime
- Reconnaissable immédiatement comme une électrovanne
- Couleur de LED pour l’état excité
- Connecteur masquable pour les vues chargées
À garder en tête
- Une électrovanne, c’est ouvert ou fermé : vérifiez la plage de
ValvePositiondans TIA Portal et pilotez-la avec deux valeurs - La bobine sombre demande une
ActuatorColorplus claire sur fond sombre
Propriétés à relier
- ValvePosition
- StatusLedColor
- ShowConnector
- BasicColor
- ActuatorColor
12Meilleure vanne hygiénique (anti-mélange)
Double Seat Valve

Laiteries, brasseries et usines de jus vivent au rythme des vannes anti-mélange, et elles sont presque introuvables en graphismes prêts à l’emploi. Celle-ci a la silhouette parfaite : un actionneur en dôme, un corps vertical en inox avec deux bandes sombres qui marquent les sièges, deux orifices à brides à des hauteurs différentes et une ombre douce en dessous.
ValveStroke déplace la tige selon la valeur de votre automate, tandis que ShowInternalView, ShowActuator et ShowDetails décident de ce que l’on voit de la vanne. PortColor et InternalSeatColor permettent de colorer le trajet du produit, bien pratique quand le même collecteur transporte du produit et de la solution de nettoyage.
Ce qu’on aime
- Une forme anti-mélange rare et reconnaissable
- Vue interne et détails à la demande
- Couleurs d’orifices et de sièges pour l’aiguillage du produit
À garder en tête
- D’après sa fiche, une seule propriété
ValveStrokepilote la tige : les positions de levée de siège pour le nettoyage ne sont pas des propriétés séparées - L’ombre au sol peut détonner sur des vues très plates
Propriétés à relier
- ValveStroke
- ShowInternalView
- ShowActuator
- ShowDetails
- BasicColor
- ActuatorColor
- PortColor
- InternalSeatColor
Mentions honorables : 13 autres vannes qui valent le coup d’œil
Elles n’ont pas intégré le top 12, le plus souvent parce qu’une sœur mieux réussie leur a pris la place, mais chacune a une bonne raison d’exister. Cliquez sur une vignette pour ouvrir sa fiche produit.

Control Valve Symbol
En octobre 2026, la vanne la plus téléchargée du catalogue : un nœud papillon avec un disque d’état vert, une barre sur le dessus et les quatre icônes d’état. Sa fiche décrit onze propriétés sans les nommer : vérifiez l’interface dans TIA Portal.
Voir le produit
Motorized Valve
La sœur de l’Actuated Valve Symbol, avec un boîtier d’actionneur marqué M,
Voir le produitValveRotationet treize propriétés, icônes d’état comprises.
3-Way Valve Symbol
Un symbole 3 voies avec une tête à membrane et la barre d’icônes d’état, avec dix propriétés. Une alternative pneumatique à notre symbole 3 voies préféré.
Voir le produit
Pneumatic Valve Symbol
Un servomoteur à membrane au-dessus d’un nœud papillon, avec
Voir le produitShowActuatoret les quatre icônes d’état. Un bon choix pour les vannes pneumatiques tout-ou-rien.
Electrical Valve Symbol
Un nœud papillon sous un boîtier d’actionneur avec un éclair et une LED, plus les icônes d’état. Douze propriétés, que sa fiche ne nomme pas une par une.
Voir le produit
Three Way Valve
Un entraînement électrique avec un petit cadran dont l’aiguille suit
Voir le produitValvePosition, une LED d’état etFlowIndicatorOpacity.
Three Way Valve
Un corps en T jaune haute visibilité avec un indicateur à flèche rouge que fait pivoter
Voir le produitValvePosition, et une ombre optionnelle.
Globe Valve Symbol
Un symbole de style 3 voies surmonté d’un dôme, avec quatorze propriétés, dont des couleurs séparées par triangle et des indicateurs de retour en position de sécurité.
Voir le produit
Hand Valve
Une vanne manuelle en chrome poli avec une poignée ronde,
Voir le produitShowFlangeset même uneWeldSeamColor. Élégante sur les vues de détail.
Pressure Hand Valve
Un gros corps à brides avec un volant de face que
Voir le produitHandleRotationfait tourner de 0 à 360 degrés, etShowHandlepour le masquer.
Butterfly Control Valve
Un actionneur au style plat avec plaque signalétique au-dessus d’un papillon vu de face, avec
Voir le produitHandwheelRotationetShowNameplate. Elle a une jumelle presque identique, le produit 629.
Double Seat Valve
Une vanne anti-mélange plus fine entre deux tuyauteries horizontales, avec
Voir le produitValvePosition,SeatColoretShowSheen.
Piston Valve
Un cadre d’actionneur linéaire au-dessus d’un corps en nœud papillon ;
Voir le produitValvePositiondéplace la tige. Légère et schématique.
Vous n’avez pas trouvé votre vanne ? Créez la vôtre (ou remixez-en une) avec l’IA, gratuitement
Un aveu : toutes les vannes de cet article ont été créées avec le générateur IA de HMIx. C’est pour ça que nous pouvons le dire sans rougir : si aucune ne colle exactement à ce dont votre installation a besoin, vous pouvez générer la vôtre en quelques minutes.
Décrivez l’équipement avec vos mots (par exemple, « vanne pneumatique à siège incliné, gris ISA-101, avec voyants de fin de course ouvert et fermé ») et le générateur vous guide pas à pas : le dessin, les propriétés que vous relierez dans WinCC, une simulation pour essayer des valeurs et le paquet .svghmi final pour WinCC Unified et WinCC V8. Le même outil crée des Custom Web Controls quand il vous faut des chiffres, des boutons ou une logique qu’un SVG ne peut pas offrir.
- Remixez n’importe quelle vanne de cette liste : sur sa fiche produit, le bouton « Modifier dans le générateur IA » l’ouvre directement dans le générateur, prête à recevoir vos demandes, comme « passe-la en gris ISA-101 », « ajoute une couleur de défaut à l’actionneur » ou « dessine-la sur une tuyauterie verticale ». Les liens « Modifier avec l’IA » de cet article font la même chose.
- Gratuit pour essayer : vous pouvez commencer sans compte, avec une petite allocation quotidienne de crédits, et le plan Community est gratuit.
- Le résultat est à vous : téléchargez le paquet et déposez-le dans votre projet TIA Portal comme n’importe quelle autre vanne de cette page.
Comment utiliser une vanne SVG dynamique dans WinCC Unified (et WinCC V8)
La version courte, pour quand vous avez déjà choisi votre vanne. Notre guide des SVG dynamiques détaille chaque étape avec schémas et captures d’écran.
Téléchargez le fichier .svghmi
Ouvrez la fiche produit, connectez-vous avec votre compte gratuit et téléchargez le fichier. Toutes les vannes de cet article sont gratuites.
Copiez-le dans votre projet TIA Portal
Dans WinCC Unified, placez le fichier dans le dossier de votre projet, sous
UserFiles\SVGControls(créez les deux dossiers s’ils n’existent pas). De retour dans TIA Portal, actualisez Widgets dynamiques dans la task card Outils et faites glisser la vanne sur votre vue.Reliez les propriétés
Sélectionnez la vanne et, dans la fenêtre d’inspection, trouvez ses propriétés de position et d’état (
ValvePosition,DiscOpeningAngle,ValveState,StatusColor… chaque vanne les nomme à sa façon) et reliez-les à vos variables IHM. Faites de même avec les couleurs et les commutateurs si vous en avez besoin.Testez avant de brancher l’automate
Reliez la position à une variable interne, ajoutez un champ E/S pour cette même variable et lancez Runtime : saisissez quelques valeurs et regardez bouger le papillon, le levier ou la tige. Ensuite seulement, passez à la vraie variable de l’automate.
Sous WinCC V8
WinCC V8 prend aussi en charge les graphiques dynamiques SVGHMI, que l’on configure dans Graphics Designer. Le fichier est le même ; les étapes d’ingénierie sont celles de cet environnement.
Astuce de pro : les propriétés de position n’utilisent pas toutes la même échelle. D’après leurs fiches, la DiscOpeningAngle de la vanne papillon à levier va de 0 à 100 %, la ValvePosition de la vanne à boisseau de 0° à 90° et la HandleRotation de la Pressure Hand Valve de 0 à 360 degrés. Vérifiez la plage de la vanne choisie et mettez votre valeur automate à l’échelle, sinon le dessin montrera une vanne à moitié ouverte alors qu’elle l’est complètement.
Questions fréquentes
Ces vannes SVG dynamiques sont-elles vraiment gratuites ?
Oui. Chaque vanne de cet article est publiée comme produit gratuit sur HMIx. Il vous suffit d’un compte gratuit pour les télécharger.
Fonctionnent-elles sur les WinCC Unified Comfort Panels et sur WinCC V8 ?
Leurs fiches produit indiquent une compatibilité avec WinCC Unified et avec WinCC V8. Comme pour tout graphisme généré par IA, testez le comportement dans votre propre projet et sur votre appareil cible, par exemple un Unified Comfort Panel, avant la mise en production.
Faut-il utiliser des symboles de vannes P&ID ou des vannes réalistes sur mon IHM ?
Pour les synoptiques d’usine, les symboles schématiques de style P&ID comme le Motorized Valve Symbol ou la Water Valve se lisent plus vite et respectent les recommandations de l’IHM haute performance. Les vannes réalistes brillent sur les vues de détail et auprès des opérateurs qui reconnaissent le matériel au premier coup d’œil. Beaucoup de projets mélangent les deux : des symboles sur le synoptique, des vannes réalistes sur la vue de l’unité.
Comment afficher les états ouvert, fermé et défaut avec une vanne SVG dynamique ?
Reliez la propriété de position de la vanne au retour de l’automate et ses propriétés de couleur à l’état. Une approche courante consiste à piloter StatusColor ou BasicColor depuis une variable qui change avec l’état, et à utiliser les icônes d’état (alarme, verrouillage, manuel, maintenance) quand le symbole en possède.
Quelle différence entre un SVG dynamique et un Custom Web Control pour une vanne ?
Un SVG dynamique est un dessin léger dont vous reliez les propriétés (position, couleurs, visibilité) à des variables ; il ne peut ni afficher de texte variable ni contenir de logique. Un Custom Web Control est une petite application web (HTML, CSS et JavaScript) capable d’afficher des chiffres, de réagir aux clics et d’exécuter de la logique, par exemple un panneau d’ouverture/fermeture. Pour une vanne qui doit seulement montrer sa position et son état, le SVG est plus simple et plus léger. Notre guide des Custom Web Controls explique leur fonctionnement.
Puis-je modifier l’une de ces vannes ?
Bien sûr. Vous pouvez ouvrir le fichier .svghmi dans n’importe quel éditeur de texte ou de dessin vectoriel, ou cliquer sur « Modifier dans le générateur IA » sur la fiche produit et demander les modifications en langage courant. La seconde option est généralement plus rapide, car le générateur s’occupe des propriétés et du paquet.
Notre verdict
Si vous n’en téléchargez qu’une, prenez le Motorized Valve Symbol : c’est la vanne P&ID que tous les opérateurs connaissent déjà, et ShowMotor couvre aussi vos vannes manuelles. Pour les synoptiques surchargés, la Water Valve ; pour l’état d’un coup d’œil, l’Actuated Valve Symbol ; pour l’aiguillage, le Modern 3-Way Valve Symbol ou la 3-Way Valve ; et pour les vues de détail, la Butterfly Valve, la Process Ball Valve et la Double Seat Valve.
Et si votre vanne est plus exotique que toutes celles-là (vannes à siège incliné, vannes à manchon, ce fameux registre que personne n’a encore dessiné), n’oubliez pas que le générateur qui les a dessinées n’est qu’à un clic.