Blog · Dynamische SVGs
Die 12 besten dynamischen SVG-Ventile für WinCC Unified und WinCC V8 (kostenlos)
Wir haben jedes Ventil im HMIx-Katalog aufgemacht – 28 dynamische SVGs, Stand Oktober 2026 –, uns jedes Rendering aus nächster Nähe angesehen, jedes Produktblatt gelesen und die zwölf dynamischen SVG-Ventile behalten, die wir morgen früh ohne Bauchschmerzen in ein Bild unter WinCC Unified oder WinCC V8 ziehen würden. Alle kostenlos, alle im .svghmi-Format, von sauberen P&ID-Ventilsymbolen bis zu realistischen Absperrklappen, Kugelhähnen, Schiebern, Magnetventilen und Doppelsitzventilen.
- Dynamisches SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- Ventilsymbole
- P&ID-Symbole
- HMI-Grafiken
Schnellauswahl
Wenig Zeit? Spring direkt zu dem Ventil, das du brauchst.
- 01Bester AllrounderMotorized Valve Symbol
- 02Bestes minimalistisches Ventil für dichte ÜbersichtenWater Valve
- 03Bestes Ventilsymbol mit StatusiconsActuated Valve Symbol
- 04Bestes 3-Wege-VentilsymbolModern 3-Way Valve Symbol
- 05Bestes realistisches 3-Wege-Ventil3-Way Valve
- 06Beste automatisierte AbsperrklappeButterfly Valve
- 07Beste Handklappe (mit Hebel)Butterfly Valve
- 08Bester KugelhahnProcess Ball Valve
- 09Bester HandschieberHandwheel Gate Valve
- 10Bestes Regelventil (stetig)Proportional Valve
- 11Bestes MagnetventilSolenoid Valve
- 12Bestes Hygieneventil (Doppelsitz)Double Seat Valve
Warum Ventilsymbole mehr Sorgfalt verdienen, als sie bekommen
Zähl die Objekte auf einem beliebigen Prozessbild, und die Ventile gewinnen mit Abstand. Ein Wasserwerk, ein CIP-Skid oder eine unscheinbare Dosierlinie kommen locker auf dreißig Stück, und der Bediener muss jedes einzelne lesen: auf oder zu, Automatik oder Hand, in Ordnung oder gestört. Ein schwer lesbares Ventilsymbol ist kein kosmetisches Problem, sondern eine Fehlentscheidung, die nur auf ihren Moment wartet.
Genau hier verdient sich ein dynamisches SVG-Ventil seinen Platz. In WinCC Unified (TIA Portal) und in WinCC V8 ist ein dynamisches SVG – das .svghmi-Format – eine Vektorzeichnung, die Eigenschaften wie ValvePosition oder StatusColor bereitstellt. Du ziehst es ins Bild, verbindest diese Eigenschaften mit HMI-Variablen, und die Zeichnung reagiert: Die Klappe dreht sich, der Hebel bewegt sich, der Körper wechselt die Farbe, und die Statusicons erscheinen genau dann, wenn sie gebraucht werden. Keine Skripte, kein JavaScript, und gestochen scharf in jeder Größe, vom Unified Comfort Panel mit 7 Zoll bis zur Videowand in der Leitwarte.
Was ein dynamisches SVG-Ventil downloadwürdig macht
Bevor es losgeht, der Maßstab. Danach haben wir gesucht, grob sortiert danach, wie sehr es uns nervt, wenn es fehlt:
- Ein erkennbarer Typ. Ein Bediener sollte eine Absperrklappe von einem Kugelhahn und ein motorisches Ventil von einem Handventil unterscheiden können, ohne eine Beschriftung zu lesen. Schematische Symbole sollten wie das Doppeldreieck aussehen, das Ingenieure aus P&ID-Zeichnungen kennen.
- Ein verbindbarer Zustand. Eine Stellung, ein Öffnungswinkel oder ein Hub, dazu eine Farbe für den Status. Ein Ventil, das nur eine Farbe kennt, ist reine Deko.
- Auch klein noch lesbar. Ventile sind auf den meisten Bildern die kleinsten Objekte; ein Symbol, das bei 40 Pixeln zu grauem Rauschen wird, taugt nichts.
- Ehrliche Optik. Saubere Formen, ein transparenter Hintergrund und Farben, die du für High-Performance-Bilder im Geist von ISA-101 zurücknehmen kannst.
- Vielfalt. Statt zwölf Varianten desselben Doppeldreiecks haben wir einen Champion pro Disziplin gekürt: P&ID-Symbole, Statussymbole, 3-Wege-Ventile, Absperrklappen, Kugelhähne, Schieber, Regel-, Magnet- und Hygieneventile.
Wie wir ausgewählt haben (und was wir nicht gemacht haben)
Wir sind die 28 dynamischen SVG-Ventile durchgegangen, die im Oktober 2026 bei HMIx veröffentlicht waren. Bei jedem haben wir uns das echte Rendering angesehen (die Zeichnung selbst, nicht das Katalog-Cover mit dem großen Titel obendrauf) und das Produktblatt gelesen, um zu sehen, welche Eigenschaften es bereitstellt. Downloads und Bewertungen waren nur das Zünglein an der Waage, denn ein Ventil, das letzten Monat erschienen ist, hatte schlicht noch keine Zeit, das eine oder das andere zu sammeln.
Aussortiert haben wir ein Beinahe-Duplikat (zwei Absperrklappen teilen sich dieselbe Zeichnung), einen Beinahe-Zwilling des Control Valve Symbol, dessen Produktblatt Statusicons beschreibt, die nicht zum Rendering passen, und eines, dessen Vorschau ein kleines Doppeldreieck mit einer einzigen Farbeigenschaft ist. Und eine faire Warnung: Für diesen Artikel haben wir Zeichnungen und Dokumentation bewertet; wir haben nicht alle 25 Ventile in einer laufenden Runtime betrieben. Sie wurden mit KI erstellt, und jede Produktseite erinnert dich daran, sie vor dem Produktiveinsatz in deinem eigenen Projekt in TIA Portal zu testen. Dasselbe würden wir über alles sagen, was du irgendwo herunterlädst.
Die 12 besten dynamischen SVG-Ventile im Einzelnen
Jeder Eintrag zeigt das echte SVG-Rendering, was uns gefällt, was du wissen solltest und welche Eigenschaften du verbinden kannst, gefolgt vom Vorschaubild aus dem Katalog: Ein Klick darauf öffnet die Produktseite, auf der du das Ventil kostenlos herunterlädst.
01Bester Allrounder
Motorized Valve Symbol
Dürften wir nur eines behalten, wäre es dieses. Es ist das Symbol, das jeder Ingenieur aus P&ID-Zeichnungen kennt: ein Doppeldreieck mit kräftigen dunklen Konturen und ein runder Antrieb mit fettem M. Laut Produktblatt folgt es ISA-101 und ISA 5.1, und genau so sieht es auch aus: ruhig, kontrastreich und auf einen Blick lesbar.
Fünf Eigenschaften erledigen alles. ValveState übernimmt eine Ganzzahl aus der SPS für den Prozesszustand, BasicColor und MotorColor tragen die Farben, StrokeColor passt die Kontur an dunkle oder helle Bilder an, und ShowMotor macht aus demselben Symbol ein schlichtes Handventil. Ein Download deckt beide Ventilarten auf deinem P&ID ab.
Was uns gefällt
- Der Standard-Look aus dem P&ID, perfekt für Übersichten
- Hand- und Motorventile aus einem Symbol, dank
ShowMotor - Konturfarbe passt sich an dunkle und helle Themes an
Gut zu wissen
- Prüf vor dem Verbinden, welche
ValveState-Werte die Datei auf Auf, Zu und Übergang abbildet - Keine Statusicons: Setz eine Alarmanzeige daneben, wenn du eine brauchst
Dynamisierbare Eigenschaften
- ValveState
- BasicColor
- MotorColor
- ShowMotor
- StrokeColor
Motorized Valve Symbol
Kostenlos · WinCC Unified & V8 · .svghmi
02Bestes minimalistisches Ventil für dichte Übersichten
Water Valve
Manchmal ist weniger mehr. Das ist das schlankeste Ventil der Liste: zwei schiefergraue Dreiecke mit dezenten Verläufen, die sich an einem kleinen Ring treffen. Auf einer Anlagenübersicht mit vierzig Ventilen ist genau diese Zurückhaltung das, was du willst.
Es hat nur vier Eigenschaften, und die sind gut gewählt. LeftTriangleColor und RightTriangleColor färben jede Hälfte getrennt, so kannst du auf jeder Seite einen Zustand oder ein Medium zeigen, BasicColor färbt den Mittelring, und Rotation dreht das Symbol für senkrechte Leitungen oder schräge Einbaulagen.
Was uns gefällt
- Winziger visueller Fußabdruck, ideal für volle Übersichten
- Jede Hälfte kann ihre eigene Farbe tragen
Rotationpasst es an senkrechte Leitungen an
Gut zu wissen
- Das voreingestellte Schiefergrau geht auf dunklem Hintergrund unter: Setz hellere Farben
- Kein Antrieb und keine Stellung: Es ist ein Zustandssymbol, nicht mehr
Dynamisierbare Eigenschaften
- LeftTriangleColor
- RightTriangleColor
- BasicColor
- Rotation
03Bestes Ventilsymbol mit Statusicons
Actuated Valve Symbol
Für Übersichten nach den Ideen des High-Performance-HMI packt dieses Symbol eine Menge in ein Objekt: einen dunklen Antriebskasten mit grüner Statuslampe, einen runden Körper zwischen konischen Rohrstutzen mit Flanschen und darunter vier Statusicons für Alarm, Verriegelung, Handbetrieb und Wartung.
Sein Produktblatt kündigt elf Eigenschaften an und nennt neun davon. StatusIndicatorColor färbt die Lampe, BasicColor und ActuatorColor kümmern sich um die Zeichnung, ShowIconAlarm, ShowIconManual, ShowIconLock und ShowIconMaintenance schalten die Icons, und ColorAlarm und ColorMaintenance färben sie ein. Ein Bediener, der einen Ventilknoten überfliegt, sieht sofort, welches Ventil im Handbetrieb oder verriegelt ist.
Was uns gefällt
- Anlagenzustand auf einen Blick, ohne zusätzliche Symbole
- Sauberer, halbrealistischer Stil, der auch klein gut lesbar bleibt
- Farben komplett konfigurierbar
Gut zu wissen
- Im Produktblatt ist keine Stellungseigenschaft aufgeführt: Auf und Zu werden über die Farbe gezeigt
- Die Standardfarben der Icons sind auf Graupaletten laut
Dynamisierbare Eigenschaften
- BasicColor
- ActuatorColor
- StatusIndicatorColor
- ShowIconAlarm
- ShowIconManual
- ShowIconLock
- ShowIconMaintenance
- ColorAlarm
- ColorMaintenance
Actuated Valve Symbol
Kostenlos · WinCC Unified & V8 · .svghmi
04Bestes 3-Wege-Ventilsymbol
Modern 3-Way Valve Symbol
Verteil- und Mischventile stecken überall drin, in CIP-Wegen, Heizkreisen und Bypässen, und die meisten Bibliotheken bieten nur ein Doppeldreieck mit einem angeklebten dritten Dreieck. Dieses hier ist ordentlich gezeichnet: drei metallische Dreiecke, die sich an einem beringten Zentrum mit grüner Anzeige treffen, oben ein Balkenantrieb und darunter die vertraute Reihe aus vier Statusicons. Im Oktober 2026 gehörte es außerdem zu den meistgeladenen Ventilen im Katalog.
Sein Produktblatt kündigt zwölf Eigenschaften an und nennt zehn davon. ValveRotation gibt die Stellung des Kegels wieder, BasicColor, ActuatorColor und IndicatorColor kümmern sich um die Optik, und ShowIconAlarm, ShowIconManual, ShowIconLock und ShowIconMaintenance schalten die Statusicons, mit eigenen Farben wie ColorLock und ColorMaintenance.
Was uns gefällt
- Eine echte 3-Wege-Form, auf einen Blick lesbar
- Alarm, Verriegelung, Hand- und Wartungszustand in einem Objekt
- Getrennte Farben für Körper, Antrieb und Anzeige
Gut zu wissen
- Prüf in TIA Portal, was
ValveRotationtatsächlich dreht, bevor du eine animierte Strömungsrichtung versprichst - Die Iconleiste braucht Platz unter dem Symbol
Dynamisierbare Eigenschaften
- ValveRotation
- BasicColor
- ActuatorColor
- IndicatorColor
- ShowIconAlarm
- ShowIconManual
- ShowIconLock
- ShowIconMaintenance
- ColorLock
- ColorMaintenance
Modern 3-Way Valve Symbol
Kostenlos · WinCC Unified & V8 · .svghmi
05Bestes realistisches 3-Wege-Ventil
3-Way Valve
Ist das Symbol weiter oben schematisch, ist das hier echte Hardware: ein T-förmiger Körper aus gebürstetem Stahl mit verschraubten Flanschen an drei Seiten, ein flacher Antrieb obendrauf und ein rundes dunkles Fenster mit einem blauen Pfeil, der zeigt, wohin es fließt.
Seine fünf Eigenschaften drehen sich ganz um die Wegführung. FlowDirection dreht den inneren Umlenker, FlowColor färbt das Medium, ShowIndicator blendet den Pfeil aus, und BasicColor und FlangeColor passen es an deinen Rohrleitungsstandard an. Auf einem Misch- oder Bypassbild sagt der Pfeil mehr als jede Beschriftung.
Was uns gefällt
- Strömungsrichtung auf einen Blick
- Mediumfarbe getrennt vom Körper
- Solide, realistische Metalloberfläche
Gut zu wissen
- Der Pfeil ist der einzige Hinweis auf die Stellung: In deiner Größe muss er lesbar bleiben
- Ein weicher Schatten unter dem Körper kann auf flachen Bildern seltsam wirken
Dynamisierbare Eigenschaften
- FlowDirection
- FlowColor
- ShowIndicator
- BasicColor
- FlangeColor
06Beste automatisierte Absperrklappe
Butterfly Valve
Die Absperrklappe, die du auf einem Bild für Wasseraufbereitung oder Gebäudetechnik haben willst: ein dunkler Elektroantrieb mit runder Anzeige und seitlichem Kasten, eine kurze Welle, ein geflanschtes Gehäuse zwischen zwei Rohrstücken und innen die Klappenscheibe, von der Kante her zu sehen. Sieht aus wie das Original, ohne überladen zu wirken.
Alle sieben Eigenschaften sind im Produktblatt mit Namen genannt, und das lieben wir. ValvePosition dreht die Scheibe, StatusColor steuert die Statusleuchte, ShowActuator entfernt den Antrieb, wenn deine Klappe handbetätigt ist, und mit BasicColor, PipeColor, DiscColor und ActuatorColor passt du sie an die Farben deiner Anlage an.
Was uns gefällt
- Jede Eigenschaft mit Namen dokumentiert
- Statusfarbe gleich eingebaut
- Antrieb ausblendbar für Handklappen
Gut zu wissen
- Die Scheibe ist von der Kante her zu sehen, Stellungsänderungen fallen also dezent aus: Teste sie in der Größe, die du tatsächlich verwendest
- Die Rohrstutzen machen sie breiter als ein schematisches Symbol
Dynamisierbare Eigenschaften
- ValvePosition
- StatusColor
- ShowActuator
- BasicColor
- PipeColor
- DiscColor
- ActuatorColor
07Beste Handklappe (mit Hebel)
Butterfly Valve
Werden deine Absperrklappen von Hand betätigt, ist das hier deine. Ein geflanschtes Gehäuse mit Schraubenlöchern, eine dunkle runde Klappenscheibe mit Schnitteffekt und oben ein Stahlhebel, gezeichnet in sauberen Metalltönen.
Sie teilt die Bewegung auf zwei Eigenschaften auf: DiscOpeningAngle (0 bis 100 %) für die Scheibe und LeverRotation für den Hebel. So kannst du beide im Gleichschritt halten oder einen Hebel zeigen, der nicht zur Scheibe passt. ShowLever blendet den Hebel für Klappen mit Getriebe aus, und BasicColor und DiscColor legen die Palette fest.
Was uns gefällt
- Die Scheibenöffnung ist ein einfacher Wert von 0–100 %
- Hebel ausblendbar
- Kompakt und aufgeräumt, gut für dichte Bilder
Gut zu wissen
- Zwei Eigenschaften für eine Bewegung: Verbinde beide, sonst sind sich Hebel und Scheibe uneinig
- Keine eigene Statusfarbe
Dynamisierbare Eigenschaften
- DiscOpeningAngle
- LeverRotation
- ShowLever
- BasicColor
- DiscColor
08Bester Kugelhahn
Process Ball Valve
Ein Kugelhahn, der wie ein Kugelhahn aussieht: ein runder Chromkörper, wuchtige geflanschte Enden, eine Spindel und oben ein roter Handhebel. Ein grüner Statuskreis in der Mitte des Körpers verrät seinen Zustand quer durch den Raum.
Fünf Eigenschaften, alle mit Namen. ValvePosition dreht den Hebel von 0° bis 90°, die natürliche Vierteldrehung eines Kugelhahns; StatusColor und ShowStatus steuern die Anzeige, und BasicColor und HandleColor runden die Optik ab.
Was uns gefällt
- Vierteldrehung wie beim echten Kugelhahn
- Statusanzeige direkt im Körper
- Nur fünf Eigenschaften: In einer Minute ist alles verbunden
Gut zu wissen
- Ein roter Hebel kann auf ISA-101-Bildern wie ein Alarm wirken: Ändere
HandleColor - Der Hebel dreht sich in der Frontansicht, nimm die Bewegung also als Hinweis, nicht als Messwert
Dynamisierbare Eigenschaften
- ValvePosition
- StatusColor
- ShowStatus
- BasicColor
- HandleColor
09Bester Handschieber
Handwheel Gate Valve
Handbetätigte Absperrarmaturen bekommen selten eine gute Zeichnung, und diese hier ist eine angenehme Überraschung: ein Stahlkörper von vorne, zwei breite Flansche und ein großes rotes Handrad mit vier Speichen, das man nicht übersehen kann. Das ist das Ventil, das du neben die Saugseite einer Pumpe setzt, um alle daran zu erinnern, dass da jemand hinlaufen und kurbeln muss.
Das Handrad zeigt zum Betrachter, also dreht ValveRotation es in der Bildebene, genau so, wie sich ein echtes Handrad bewegt. Mit neun Eigenschaften lässt es sich auch sehr fein anpassen: HandleColor, FlangeColor, SealColor, AdapterColor und BasicColor für die Optik sowie ShowFlanges, PipeVisibility und ReflectionVisibility, um es für dichtere Bilder abzuspecken.
Was uns gefällt
- Die Drehung des Handrads ist physikalisch glaubwürdig
- Reichlich Sichtbarkeitsschalter für detaillierte oder schlichte Ansichten
- In jeder Größe unverwechselbar
Gut zu wissen
- Auf einem senkrechten Rohrstück gezeichnet, passt also am besten in senkrechte Leitungen
- Das knallrote Handrad schreit auf grauen ISA-101-Bildern: Nimm es mit
HandleColorzurück
Dynamisierbare Eigenschaften
- ValveRotation
- BasicColor
- HandleColor
- AdapterColor
- SealColor
- FlangeColor
- ShowFlanges
- PipeVisibility
- ReflectionVisibility
10Bestes Regelventil (stetig)
Proportional Valve
Regelventile behalten Bediener am genauesten im Auge, denn ihre Stellung verrät, was der Regelkreis gerade macht. Das hier ist das klassische Bild: ein schwarzer Membranantrieb samt Schrauben, eine lange Spindel und ein schlanker Doppeldreieck-Körper zwischen zwei Flanschen.
ValvePosition bewegt die Spindelbaugruppe, der Hub folgt also deinem Reglerausgang. ShowActuator blendet das Oberteil für ein schlichteres Ventil aus, und mit BasicColor, ActuatorColor, StemColor und BoltColor färbst du jedes Teil einzeln ein.
Was uns gefällt
- Die Regelventil-Silhouette wie aus dem Lehrbuch
- Hubanimation über einen einzigen Wert
- Eine Farbe für jedes Teil, Schrauben inklusive
Gut zu wissen
- Der schwarze Antrieb verschwindet auf dunklen Themes: Hell ihn mit
ActuatorColorauf - Der Körper ist neben dem Antrieb klein, der Hub liest sich daher auf Detailbildern besser
Dynamisierbare Eigenschaften
- ValvePosition
- ShowActuator
- BasicColor
- ActuatorColor
- StemColor
- BoltColor
11Bestes Magnetventil
Solenoid Valve
Auf-Zu-Magnetventile in Dosier-, Druckluft- und Kühlleitungen verdienen einen eigenen Look, und das hier ist das beste, das wir gefunden haben: oben ein dunkles Spulengehäuse, ein Stecker im DIN-Stil mit grüner LED und ein waagerechter Metallkörper mit geflanschten Enden.
StatusLedColor steuert die LED, bestromt und stromlos sind also sofort klar; ValvePosition animiert den Antrieb; ShowConnector entfernt den Stecker für eine schlichtere Form; und BasicColor und ActuatorColor färben Körper und Spule.
Was uns gefällt
- Sofort als Magnetventil erkennbar
- LED-Farbe für den bestromten Zustand
- Stecker ausblendbar für dichte Bilder
Gut zu wissen
- Ein Magnetventil ist auf oder zu: Prüf den Bereich von
ValvePositionin TIA Portal und steuere es mit zwei Werten - Die dunkle Spule braucht auf dunklem Hintergrund eine hellere
ActuatorColor
Dynamisierbare Eigenschaften
- ValvePosition
- StatusLedColor
- ShowConnector
- BasicColor
- ActuatorColor
12Bestes Hygieneventil (Doppelsitz)
Double Seat Valve
Molkereien, Brauereien und Saftbetriebe leben von Doppelsitzventilen, und als fertige Grafik findet man sie fast nie. Dieses hier trifft die Silhouette genau: ein Kuppelantrieb, ein senkrechter Edelstahlkörper mit zwei dunklen Bändern für die Sitze, zwei geflanschte Anschlüsse auf unterschiedlicher Höhe und ein weicher Schatten darunter.
ValveStroke bewegt die Spindel mit deinem SPS-Wert, während ShowInternalView, ShowActuator und ShowDetails bestimmen, wie viel vom Ventil du siehst. Mit PortColor und InternalSeatColor färbst du den Produktweg ein – praktisch, wenn derselbe Ventilknoten mal Produkt und mal Reinigungslösung führt.
Was uns gefällt
- Eine seltene, gut erkennbare Doppelsitzform
- Innenansicht und Details nach Bedarf
- Anschluss- und Sitzfarben für die Produktwegführung
Gut zu wissen
- Laut Produktblatt treibt ein einziges
ValveStrokedie Spindel an: Sitzlüftungsstellungen für die Reinigung sind keine eigenen Eigenschaften - Der Bodenschatten kann sich mit sehr flachen Bildern beißen
Dynamisierbare Eigenschaften
- ValveStroke
- ShowInternalView
- ShowActuator
- ShowDetails
- BasicColor
- ActuatorColor
- PortColor
- InternalSeatColor
Lobende Erwähnungen: 13 weitere Ventile, die einen Blick wert sind
In die Top Zwölf haben sie es nicht geschafft, meist weil ein besserer Verwandter ihnen den Platz weggeschnappt hat, aber jedes von ihnen hat seine Daseinsberechtigung. Ein Klick auf ein Vorschaubild öffnet die Produktseite.
Control Valve Symbol
Im Oktober 2026 das meistgeladene Ventil im Katalog: ein Doppeldreieck mit grüner Statusscheibe, einem Balken oben und den vier Statusicons. Sein Produktblatt beschreibt elf Eigenschaften, ohne sie zu nennen, also prüf die Schnittstelle in TIA Portal.
Zum Produkt
Motorized Valve
Das Geschwister des Actuated Valve Symbol mit M-Antriebskasten,
Zum ProduktValveRotationund dreizehn Eigenschaften, Statusicons inklusive.
3-Way Valve Symbol
Ein 3-Wege-Symbol mit Membranoberteil und der Statusiconleiste, mit zehn Eigenschaften. Eine pneumatische Alternative zu unserem Lieblings-3-Wege-Symbol.
Zum Produkt
Pneumatic Valve Symbol
Ein Membranantrieb über einem Doppeldreieck, mit
Zum ProduktShowActuatorund den vier Statusicons. Passt gut zu pneumatischen Auf-Zu-Ventilen.
Electrical Valve Symbol
Ein Doppeldreieck unter einem Antriebskasten mit Blitz und LED, dazu Statusicons. Zwölf Eigenschaften, die im Produktblatt nicht einzeln genannt werden.
Zum Produkt
Three Way Valve
Ein Elektroantrieb mit kleiner Skala, deren Zeiger
Zum ProduktValvePositionfolgt, dazu eine Status-LED undFlowIndicatorOpacity.
Three Way Valve
Ein gut sichtbarer gelber T-Körper mit rotem Pfeil, den
Zum ProduktValvePositiondreht, und optionalem Schatten.
Globe Valve Symbol
Ein Symbol im 3-Wege-Stil mit Kuppeloberteil und vierzehn Eigenschaften, darunter getrennte Farben pro Dreieck und Anzeigen für die Sicherheitsstellung.
Zum Produkt
Hand Valve
Ein poliertes Handventil aus Chrom mit runder Griffkappe,
Zum ProduktShowFlangesund sogar einerWeldSeamColor. Elegant auf Detailbildern.
Pressure Hand Valve
Ein großer geflanschter Körper mit frontalem Handrad, das
Zum ProduktHandleRotationvon 0 bis 360 Grad dreht, undShowHandle, um es auszublenden.
Butterfly Control Valve
Ein Antrieb im flachen Stil mit Typenschild über einer frontal gesehenen Klappenscheibe, mit
Zum ProduktHandwheelRotationundShowNameplate. Es gibt einen fast identischen Zwilling, Produkt 629.
Double Seat Valve
Ein schlankeres Doppelsitzventil zwischen zwei waagerechten Rohren, mit
Zum ProduktValvePosition,SeatColorundShowSheen.
Piston Valve
Ein Linearantriebsrahmen über einem Doppeldreieck;
Zum ProduktValvePositionbewegt die Spindel. Leicht und schematisch.
Nicht das passende Ventil gefunden? Bau dir dein eigenes (oder remixe eines) mit KI, kostenlos
Ein Geständnis: Jedes Ventil in diesem Artikel wurde mit dem KI-Generator von HMIx erstellt. Deshalb können wir das sagen, ohne rot zu werden: Wenn keines davon genau das ist, was deine Anlage braucht, generierst du dir in wenigen Minuten dein eigenes.
Beschreib die Armatur in einfachen Worten (zum Beispiel „pneumatisches Schrägsitzventil, grau nach ISA-101, mit Lampen für die Endlagenschalter Auf und Zu“), und der Generator führt dich Schritt für Schritt durch: die Zeichnung, die Eigenschaften, die du in WinCC verbindest, eine Simulation zum Ausprobieren von Werten und das fertige .svghmi-Paket für WinCC Unified und WinCC V8. Dasselbe Werkzeug baut auch Custom Web Controls, wenn du Zahlen, Schaltflächen oder Logik brauchst, die ein SVG nicht liefern kann.
- Remixe jedes Ventil dieser Liste: Auf seiner Produktseite öffnet es die Schaltfläche „Im KI-Generator bearbeiten“ direkt im Generator, bereit für Änderungswünsche wie „mach es grau nach ISA-101“, „gib dem Antrieb eine Störungsfarbe“ oder „zeichne es auf einem senkrechten Rohr“. Die Links „Mit KI bearbeiten“ in diesem Artikel machen dasselbe.
- Kostenlos ausprobieren: Du kannst ohne Konto loslegen, mit einem kleinen täglichen Kontingent an Credits, und der Community-Plan ist kostenlos.
- Das Ergebnis kannst du direkt nutzen: Lade das Paket herunter und bring es in dein Projekt in TIA Portal, wie jedes andere Ventil auf dieser Seite.
So verwendest du ein dynamisches SVG-Ventil in WinCC Unified (und WinCC V8)
Die Kurzfassung für alle, die ihr Ventil schon gewählt haben. Unsere Anleitung zu dynamischen SVGs erklärt jeden Schritt mit Schemazeichnungen und Screenshots.
Die .svghmi-Datei herunterladen
Öffne die Produktseite, melde dich mit deinem kostenlosen Konto an und lade die Datei herunter. Alle Ventile in diesem Artikel sind kostenlos.
In dein Projekt in TIA Portal kopieren
Leg die Datei bei WinCC Unified in deinem Projektordner unter
UserFiles\SVGControlsab (leg beide Ordner an, falls sie noch nicht existieren). Zurück in TIA Portal aktualisierst du in der Task Card Werkzeuge die Palette Dynamische Widgets und ziehst das Ventil ins Bild.Die Eigenschaften verbinden
Wähle das Ventil aus, such im Inspektorfenster seine Stellungs- und Statuseigenschaften (
ValvePosition,DiscOpeningAngle,ValveState,StatusColor… jedes Ventil nennt sie anders) und verbinde sie mit deinen HMI-Variablen. Mit Farben und Schaltern machst du es genauso, falls du sie brauchst.Testen, bevor die SPS dran ist
Verbinde die Stellung mit einer internen Variablen, füge ein EA-Feld für dieselbe Variable hinzu und starte Runtime: Tipp ein paar Werte ein und sieh zu, wie sich Scheibe, Hebel oder Spindel bewegen. Erst dann wechselst du auf die echte SPS-Variable.
Unter WinCC V8
Auch WinCC V8 unterstützt dynamische SVGHMI-Grafiken, die du im Graphics Designer projektierst. Die Datei ist dieselbe; die Engineering-Schritte sind die dieser Umgebung.
Profi-Tipp: Die Stellungseigenschaften verwenden nicht alle dieselbe Skala. Laut Produktblatt läuft DiscOpeningAngle der Handklappe von 0 bis 100 %, ValvePosition des Kugelhahns von 0° bis 90° und HandleRotation des Pressure Hand Valve von 0 bis 360 Grad. Prüf den Bereich des Ventils, das du gewählt hast, und skaliere deinen SPS-Wert darauf – sonst zeigt die Zeichnung ein halb offenes Ventil, obwohl es ganz offen ist.
Häufige Fragen
Sind diese dynamischen SVG-Ventile wirklich kostenlos?
Ja. Jedes Ventil in diesem Artikel ist bei HMIx als kostenloses Produkt veröffentlicht. Zum Herunterladen brauchst du nur ein kostenloses Konto.
Funktionieren sie auf WinCC Unified Comfort Panels und unter WinCC V8?
Auf ihren Produktseiten ist die Kompatibilität mit WinCC Unified und mit WinCC V8 angegeben. Wie bei jeder mit KI erzeugten Grafik gilt: Teste das Verhalten in deinem eigenen Projekt und auf deinem Zielgerät, etwa einem Unified Comfort Panel, bevor du in Produktion gehst.
Sollte ich auf meiner HMI P&ID-Ventilsymbole oder realistische Ventile verwenden?
Für Anlagenübersichten lassen sich schematische Symbole im P&ID-Stil wie das Motorized Valve Symbol oder das Water Valve schneller erfassen, und sie passen zu den Leitlinien des High-Performance-HMI. Realistische Ventile glänzen auf Detailbildern und bei Bedienern, die die Anlage vom Sehen kennen. Viele Projekte mischen beides: Symbole in der Übersicht, realistische Ventile im Teilanlagenbild.
Wie zeige ich mit einem dynamischen SVG-Ventil die Zustände Auf, Zu und Störung?
Verbinde die Stellungseigenschaft des Ventils mit der Rückmeldung aus der SPS und seine Farbeigenschaften mit dem Zustand. Ein gängiger Ansatz: StatusColor oder BasicColor über eine Variable steuern, die sich mit dem Zustand ändert, und die Statusicons (Alarm, Verriegelung, Handbetrieb, Wartung) nutzen, wo das Symbol sie hat.
Was ist bei einem Ventil der Unterschied zwischen einem dynamischen SVG und einem Custom Web Control?
Ein dynamisches SVG ist eine schlanke Zeichnung, deren Eigenschaften (Stellung, Farben, Sichtbarkeit) du mit Variablen verbindest; es kann keine wechselnden Texte anzeigen und keine Logik enthalten. Ein Custom Web Control ist eine kleine Webanwendung (HTML, CSS und JavaScript), die Zahlen anzeigen, auf Klicks reagieren und Logik ausführen kann, zum Beispiel ein Bedienfeld zum Öffnen und Schließen. Für ein Ventil, das nur Stellung und Zustand zeigen soll, ist das SVG einfacher und leichtgewichtiger. Unsere Anleitung zu Custom Web Controls erklärt, wie sie funktionieren.
Kann ich eines dieser Ventile verändern?
Na klar. Du kannst die .svghmi-Datei in jedem Text- oder Vektoreditor öffnen oder auf der Produktseite auf „Im KI-Generator bearbeiten“ klicken und die Änderungen in ganz normaler Sprache beschreiben. Die zweite Variante ist meist schneller, weil sich der Generator um die Eigenschaften und die Paketierung kümmert.
Unser Fazit
Wenn du nur eines herunterlädst, dann das Motorized Valve Symbol: Es ist das P&ID-Ventil, das jeder Bediener schon kennt, und ShowMotor deckt auch deine Handventile ab. Für volle Übersichten das Water Valve, für den Status auf einen Blick das Actuated Valve Symbol, für die Wegführung das Modern 3-Way Valve Symbol oder das 3-Way Valve und für Detailbilder das Butterfly Valve, das Process Ball Valve und das Double Seat Valve.
Und falls dein Ventil schräger ist als all diese (Schrägsitzventile, Quetschventile, diese eine Lüftungsklappe, die noch nie jemand gezeichnet hat), denk daran: Der Generator, der sie gezeichnet hat, ist nur einen Klick entfernt.