Blog · Dynamische SVGs
Die 11 besten dynamischen SVG-Elektrosymbole für WinCC Unified und WinCC V8 (kostenlos)
Wir haben jedes elektrische Betriebsmittel im HMIx-Katalog aufgemacht – 25 dynamische SVG-Transformatoren, Leistungsschalter, Generatoren, Batterien, Wechselrichter, Solarmodule, Schaltanlagen und Messgeräte, Stand November 2026 –, uns jedes Rendering aus nächster Nähe angesehen, jedes Produktblatt gelesen und die elf dynamischen SVG-Elektrosymbole 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 und jedes mit Eigenschaften, die du mit einer Variablen verbinden kannst.
- Dynamisches SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- Elektrosymbole
- Energiemanagement
- SCADA-Symbole

Schnellauswahl
Wenig Zeit? Spring direkt zu dem Betriebsmittel, das du brauchst.
- 01Bester Leistungstransformator (Gesamtsieger)Power Transformer
- 02Am besten für EinliniendiagrammeCircuit Breaker Symbol
- 03Bester Lasttrennschalter (Drehgriff)Breaker Switch
- 04Beste Front eines offenen LeistungsschaltersCircuit Breaker
- 05Bester HochspannungstrennerElectrical Disconnector
- 06Bestes DieselaggregatDiesel Generator Unit
- 07Bester Generator für High-Performance-HMIGenerator Symbol
- 08Bestes Symbol für Batteriespeicher (BESS)Battery Bank
- 09Bester Wechselrichter mit Status-LEDsPower Inverter
- 10Bester Solartracker (Neigungswinkel)Photovoltaic Panel Profile
- 11Bestes Solarmodul (Frontansicht)Photovoltaic Panel
Warum Elektrobilder mehr verdienen als graue Kästchen
Jede Anlage läuft mit Strom, und trotzdem sind die Elektrobilder oft die hässlichsten im ganzen Projekt: ein Einliniendiagramm aus Rechtecken, ein Generator, der ein Kreis mit einem G ist, und eine Batterie, die – na ja – noch ein Rechteck ist. Dann löst um drei Uhr nachts ein Abgang aus, und der Bediener muss sich aus einer Wand grauer Kästchen zusammenreimen, welcher Leistungsschalter gefallen ist und was noch unter Spannung steht.
Dynamische SVG-Elektrosymbole lösen das mit wenig Aufwand. In WinCC Unified (TIA Portal) und in WinCC V8 ist ein dynamisches SVG – das .svghmi-Format – eine Vektorzeichnung, die Eigenschaften wie BladeAngle oder ChargeLevel bereitstellt. Du ziehst es ins Bild, verbindest diese Eigenschaften mit HMI-Variablen, und die Zeichnung reagiert: Das Schaltmesser klappt auf, der Ladebalken der Batterie sinkt, die Störungs-LED des Wechselrichters leuchtet. Keine Skripte, kein JavaScript, und gestochen scharf vom Unified Comfort Panel mit 7 Zoll bis zur 4K-Videowand in der Leitwarte.
Was ein dynamisches SVG-Elektrosymbol 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 ablesbarer Schaltzustand. Bei Leistungsschaltern und Trennern muss „offen“ oder „geschlossen“ an der Form erkennbar sein, nicht nur an der Farbe. Ein Schaltmesser, das sich bewegt, schlägt ein Kästchen, das die Farbe wechselt.
- Zustand in der Zeichnung. Ein Ladezustand, eine Betriebs- oder Störungs-LED, eine Phasenleuchte oder ein Lüfter, der sich dreht: etwas, das du mit einer Variablen verbindest, damit das Bild dem Bediener sagt, was das Betriebsmittel gerade macht.
- Eigenschaften, die im Produktblatt stehen. Du solltest vor dem Download wissen, was du verbindest. Blätter, die zehn Eigenschaften ankündigen und keine nennen, verlieren Punkte, egal wie hübsch die Zeichnung ist.
- Der richtige Stil für das richtige Bild. Einliniendiagramme wollen flache Symbole im IEC-Stil; Übersichten von Umspannwerken und Energieversorgern vertragen realistische Betriebsmittel. Wir haben beides behalten und sagen dir, was was ist.
- Vielfalt. Statt elf Transformatoren ein Champion pro Aufgabe: Transformator, Leistungsschalter, Lasttrennschalter, Hochspannungstrenner, Generatoren, Batteriespeicher, Wechselrichter und Solar.
Wie wir ausgewählt haben (und was wir nicht gemacht haben)
Wir haben den Katalog nach jedem Transformator, Leistungsschalter, Trenner, Generator, jeder Batterie, jedem Wechselrichter, Solarmodul, jeder Schaltanlage, jedem Schaltschrank und Messgerät durchsucht, das auf HMIx veröffentlicht ist, und kamen im November 2026 auf 25 dynamische SVG-Elektrosymbole (Motoren und Feldinstrumente haben ihre eigenen Artikel). Bei jedem haben wir uns das echte Rendering angesehen – die Zeichnung selbst, nicht das Katalog-Cover – und das Produktblatt gelesen, um zu sehen, welche Eigenschaften es bereitstellt. Downloads waren nur das Zünglein an der Waage, denn die meisten dieser Symbole sind jung und hatten noch keine Zeit, welche zu sammeln.
Aussortiert haben wir einen Trenner, dessen Vorschau nie gerendert hat, einen Umrichterschrank, der einer kommerziellen Marke nachempfunden ist, ein paar Gerätefronten (ein Schutzrelais und eine Generatorsteuerung), die eher Tastenfelder als Betriebsmittel sind, und zwei Messgeräte, die schon in unserem Instrumenten-Artikel vorkommen. Und eine faire Warnung: Für diesen Artikel haben wir Zeichnungen und Dokumentation bewertet; wir haben diese Symbole nicht 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. Bei Elektrobildern gilt dieser Rat doppelt: Die Zeichnung darf niemals behaupten, ein Leistungsschalter sei offen, wenn er es nicht ist.
Die 11 besten dynamischen SVG-Elektrosymbole 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 Symbol kostenlos herunterlädst.
01Bester Leistungstransformator (Gesamtsieger)
Power Transformer

Dürften wir nur einen behalten, wäre es dieser. Ein sauberer ölgefüllter Leistungstransformator: ein Kessel aus gebürstetem Stahl mit Typenschild, das Ausdehnungsgefäß obendrauf, drei weiße Hochspannungsdurchführungen und Kühlradiatoren auf beiden Seiten. In jeder Größe als Transformator erkennbar – mehr, als die meisten Transformator-Cliparts schaffen.
Er ist außerdem das am besten dokumentierte Symbol der Liste: Das Produktblatt nennt alle zehn Eigenschaften. BasicColor, RadiatorColor und BushingColor teilen die Farbpalette auf; ShowRadiators und ShowConservator specken die Zeichnung für Übersichten ab; und ShowPhaseA, ShowPhaseB und ShowPhaseC blenden einzelne Durchführungen aus, was das Produktblatt für Wartung oder Außerbetriebnahme vorschlägt.
Die beiden ungewöhnlichen sind VibrationLevel und Orientation, die das Produktblatt als Transformationen beschreibt, um Bewegung und Einbauwinkel zu simulieren. Wir würden sie als Extras betrachten und testen, bevor wir einem Kunden irgendetwas davon zeigen.
Was uns gefällt
- Alle zehn Eigenschaften im Produktblatt genannt
- Radiatoren und Ausdehnungsgefäß für eine schlichtere Optik ausblendbar
- Durchführungen pro Phase ein- und ausblendbar
Gut zu wissen
- Keine eingebaute Statusleuchte: Steuer
BasicColoroderRadiatorColorüber einen Zustand oder ergänze eine Anzeige VibrationLevelundOrientationsind Kuriositäten: Prüf, wie sie in deiner Runtime aussehen
Dynamisierbare Eigenschaften
- BasicColor
- RadiatorColor
- BushingColor
- ShowRadiators
- ShowConservator
- ShowPhaseA
- ShowPhaseB
- ShowPhaseC
- VibrationLevel
- Orientation
02Am besten für Einliniendiagramme
Circuit Breaker Symbol

Das ist das Symbol für Einliniendiagramme. Ein Leistungsschalter im Stil von IEC 60617: ein senkrechter Leiter, ein kippendes Schaltmesser mit Drehpunktring und das Kreuz am Festkontakt. In der Vorschau sitzt er auf dem grauen Kästchen, das das Produktblatt dem offenen Zustand zuordnet.
Es ist das am besten durchdachte Symbol der Gruppe. BladeAngle schwenkt das Messer, und laut Produktblatt bewegt es sich beim Schließen mit einem kurzen Ease-out und einem kleinen Überschwingen. Der offene Zustand zeigt sich als sichtbare Trennstrecke, ist also auch ohne Farbsehen lesbar, und BoxOpenColor und BoxClosedColor verstärken ihn (standardmäßig grau und grün; Anlagen mit umgekehrter Konvention tauschen sie einfach). BladeColor, ContactMarkColor, PivotRingColor und BasicColor machen die sieben Eigenschaften komplett.
Es enthält weder Text noch Hintergrund, du kannst es also mit einem WinCC-Textfeld als Q1 oder CB-101 beschriften und entlang einer Sammelschiene wiederholen.
Was uns gefällt
- Offener Zustand an Form und Farbe ablesbar
- Sieben Eigenschaften, alle genannt und gut erklärt
- Kein Text in der Zeichnung: deine Variablen, deine Beschriftungen
Gut zu wissen
- Bewusst schematisch: Auf einer Übersicht eines Umspannwerks beeindruckt es niemanden
- Das graue Kästchen hinter dem Messer ist standardmäßig kräftig: Wähl auf einem dunklen Diagramm ein dezenteres
BoxOpenColor
Dynamisierbare Eigenschaften
- BladeAngle
- BladeColor
- ContactMarkColor
- PivotRingColor
- BasicColor
- BoxOpenColor
- BoxClosedColor
03Bester Lasttrennschalter (Drehgriff)
Breaker Switch

Ein dreipoliger Lasttrennschalter, wie du ihn in einer Hauptverteilung findest: drei schwarze Polmodule mit silbernen Anschlüssen oben und unten und eine graue Bedienplatte mit Drehgriff, beschriftet mit 0 OFF und I ON. Das Produktblatt beschreibt ihn als 630-A-Gerät.
Nur drei Eigenschaften, aber die richtigen. SwitchPosition dreht den Griff (negative Werte drehen ihn laut Produktblatt nach links), Status ist eine Farbe für Zustand oder Spannungsanwesenheit, und BasicColor legt das Gehäuse fest. Für einen Einspeiseschalter oder einen Abgangstrenner auf einem MCC-Bild ist das alles, was du brauchst.
Was uns gefällt
- Die Griffstellung zeigt den Schaltzustand
- Drei Eigenschaften: in einer Minute verbunden
- Realistischer dreipoliger Aufbau mit Anschlüssen
Gut zu wissen
- Auf der Bedienplatte sitzt ein Herstellerlogo: Blende es aus oder bearbeite die Datei, bevor du sie in einem Kundenprojekt einsetzt
- Die Beschriftungen 0 OFF und I ON sind fester Text
Dynamisierbare Eigenschaften
- SwitchPosition
- Status
- BasicColor
04Beste Front eines offenen Leistungsschalters
Circuit Breaker

Die Front eines offenen Leistungsschalters in Einschubtechnik (ACB): ein Stahlgehäuse mit Lüftungsschlitz oben, ein Auslöser mit kleinem grünem Display, große rote AUS- und grüne EIN-Drucktasten, zwei Anzeigefenster und unten die Öffnung für die Einschubkurbel. Genau das sieht ein Elektriker, wenn er die Tür der Niederspannungsschaltanlage öffnet.
Seine fünf Eigenschaften sind Farben: BasicColor und ChassisFrameColor für Gehäuse und Rahmen, OpenButtonColor und CloseButtonColor für die beiden Drucktasten und DisplayBacklightColor für das Display des Auslösers. Damit ist er ideal für ein Detailbild der Schaltanlage, auf dem die Zeichnung selbst das Bedienfeld ist.
Was uns gefällt
- Der detaillierteste Leistungsschalter der Liste
- Getrennte Farben für die AUS- und die EIN-Taste
- Ideal für Detail- und Bedienbilder von Schaltanlagen
Gut zu wissen
- Keine Eigenschaft für offen/geschlossen: Zeig den Zustand, indem du die Tasten umfärbst, oder mit einem Symbol daneben
- Zu detailliert für ein Einliniendiagramm
Dynamisierbare Eigenschaften
- BasicColor
- ChassisFrameColor
- OpenButtonColor
- CloseButtonColor
- DisplayBacklightColor
05Bester Hochspannungstrenner
Electrical Disconnector

Der Klassiker aus dem Freiluft-Umspannwerk: zwei gerippte Isolatorsäulen auf einem Stahlsockel, rechts ein fester Kupferkontakt und links ein angelenktes Kupfermesser. In der Vorschau steht das Messer schräg nach oben, der Trenner ist also eindeutig offen, und die Trennstrecke siehst du quer durch den Raum.
DisconnectorAngle bewegt das Messer, und genau diese Eigenschaft willst du haben: Verbinde sie mit der Stellungsrückmeldung (oder mit zwei festen Winkeln für offen und geschlossen), und die Zeichnung zeigt den echten Zustand über die Form, nicht nur über die Farbe. Mit InsulatorColor, ContactColor und TerminalColor trennst du Porzellan, Kupfer und Anschlüsse, und ShowShadow entfernt auf flachen Bildern den Bodenschatten.
Was uns gefällt
- Offen und geschlossen allein an der Messerstellung ablesbar
- Sechs Eigenschaften, alle im Produktblatt genannt
- Sofort erkennbar auf Bildern von Umspannwerken und Energieversorgern
Gut zu wissen
- Das Messer endet in einer Pfeilspitze und wirkt eher wie ein Zeiger als wie ein Kontakt
- Zu realistisch für ein dichtes Einliniendiagramm: Nimm dort den Stil des Circuit Breaker Symbol
Dynamisierbare Eigenschaften
- DisconnectorAngle
- BasicColor
- ShowShadow
- InsulatorColor
- ContactColor
- TerminalColor
06Bestes Dieselaggregat
Diesel Generator Unit

Das Notstromaggregat, das jedes Krankenhaus, jedes Rechenzentrum und jedes Wasserwerk hinterm Gebäude stehen hat: links ein Kühlerlüfter, ein dunkler gerippter Motorblock mit Abgasrohr, ein Generatorgehäuse mit kleinem Bedienfeld und drei LEDs, alles auf einem langen Stahlrahmen.
Seine sechs Eigenschaften sind praxisnah. FanRotation dreht den Kühlerlüfter, und hier ergibt die Drehung Sinn, weil der Lüfter zu dir zeigt. FuelLevel ergänzt den Tankfüllstand, ShowExhaust und ShowControlPanel räumen die Zeichnung auf, und mit BasicColor und EngineColor färbst du den Motor nach Betriebs- oder Störungszustand ein.
Was uns gefällt
- Ein Lüfter, der wirklich zum Betrachter zeigt, sodass die Drehung stimmt
- Kraftstofffüllstand und Motorfarbe in einem Symbol
- Breite, flache Form, die gut unter eine Sammelschiene passt
Gut zu wissen
- Wo
FuelLevelgezeichnet wird, konnten wir in der Vorschau nicht erkennen: Teste es, bevor du es versprichst - Die LEDs am Bedienfeld haben feste Farben, keine Zustände
Dynamisierbare Eigenschaften
- FanRotation
- FuelLevel
- ShowExhaust
- ShowControlPanel
- BasicColor
- EngineColor
07Bester Generator für High-Performance-HMI
Generator Symbol

Nicht jedes Bild will ein fotorealistisches Aggregat. Das hier ist das Generatorsymbol im IEC-Stil, ein Kreis mit einem großen G, in gebürstetem Stahl, kombiniert mit den vier Statusicons, die HMIx in seinen Symbolfamilien verwendet: Alarm, Verriegelung, Handbetrieb und Wartung.
ShowStatusBar blendet die ganze Iconleiste ein oder aus, ShowIconAlarm, ShowIconLock, ShowIconManual und ShowIconMaintenance schalten die einzelnen Icons, und Farbeigenschaften wie ColorAlarm und ColorMaintenance färben sie ein. Auf der Übersicht eines Kraftwerks mit sechs Aggregaten sieht der Bediener auf einen Blick, welches im Handbetrieb läuft.
Was uns gefällt
- Gerätezustand auf einen Blick, ohne zusätzliche Symbole
- Dieselbe Icon-Sprache wie die Tank-, Ventil- und Motorsymbole von HMIx
- Auch in kleinen Größen gut lesbar
Gut zu wissen
- Das Produktblatt kündigt 11 Eigenschaften an und nennt 9 (nur zwei der vier Iconfarben)
GeneratorRotationdreht die ganze Scheibe samt Buchstabe G: Setz es sparsam ein
Dynamisierbare Eigenschaften
- BasicColor
- GeneratorRotation
- ShowStatusBar
- ShowIconAlarm
- ShowIconLock
- ShowIconManual
- ShowIconMaintenance
- ColorAlarm
- ColorMaintenance
08Bestes Symbol für Batteriespeicher (BESS)
Battery Bank

Ein Batterieschrank, den man lesen kann: ein Stahlgehäuse mit sechs dunklen Zellen hinter einer Glasfront, oben rote und blaue Pole und in der Mitte ein senkrechter Ladebalken. In der Vorschau steht er bei etwa zwei Dritteln, in beruhigendem Grün.
ChargeLevel nimmt 0 bis 100 und steuert den Balken, und mit LevelColor schaltest du ihn auf Gelb oder Rot, wenn der Ladezustand niedrig wird, oder auf eine andere Farbe während des Ladens. CellColor, TerminalColor und BasicColor decken den Rest ab, und ShowGlass schaltet die spiegelnde Front ein oder aus.
Was uns gefällt
- Ladezustand von 0 bis 100 mit eigener Farbe
- Als Batterie erkennbar, nicht als Tank
- Passt auf Bilder für BESS, USV und Solarspeicher
Gut zu wissen
- Der Ladebalken ist im Verhältnis zum Gehäuse schmal
- Keine Skala und keine Teilstriche: Ergänze den Prozentwert mit einem WinCC-EA-Feld
Dynamisierbare Eigenschaften
- ChargeLevel
- LevelColor
- BasicColor
- TerminalColor
- CellColor
- ShowGlass
09Bester Wechselrichter mit Status-LEDs
Power Inverter

Ein Wechselrichter für die Wandmontage in einem Gehäuse aus gebürstetem Aluminium: Kühlrippen auf beiden Seiten, ein dunkles Glasdisplay, eine Reihe mit drei LEDs und unten die Klemmenleisten. Passt zu PV-Wechselrichtern, Batteriewechselrichtern und notfalls auch zu Frequenzumrichtern im Elektroraum.
Der Reiz liegt in seinen drei booleschen Zustandseigenschaften: PowerOn, RunActive und FaultActive lassen die grüne, gelbe und rote LED leuchten. Das passt eins zu eins auf die Zustandswörter, die die meisten Wechselrichter ohnehin an die SPS schicken. ScreenColor, FinColor, TerminalColor und BasicColor kümmern sich um die Optik.
Was uns gefällt
- Ein-, Betriebs- und Störungszustand als einfache Booleans
- Sieben Eigenschaften, alle genannt
- Kompakt und aufgeräumt auf Übersichten
Gut zu wissen
- Das Display ist ein dunkles Fenster: Leg für Leistung oder Frequenz ein WinCC-EA-Feld darüber
- Die LEDs sind klein: Färb auf einer vollen Übersicht bei Störung zusätzlich
BasicColorein
Dynamisierbare Eigenschaften
- PowerOn
- RunActive
- FaultActive
- BasicColor
- FinColor
- ScreenColor
- TerminalColor
10Bester Solartracker (Neigungswinkel)
Photovoltaic Panel Profile

Dieses Symbol zeigt etwas, das kein anderes hier kann: den Winkel. Ein Solarmodul von der Seite, auf einem Drehpunkt oben auf einem Stahlpfosten – genau so, wie ein einachsiger Tracker vom Ende einer Reihe aus aussieht.
PanelAngle dreht das Modul um seinen Drehpunkt, und weil die Zeichnung eine Seitenansicht ist, bei der die Achse zu dir zeigt, ist die Drehung hier die ehrliche Darstellung. Verbinde sie mit der Winkelrückmeldung des Trackers, und der Bediener sieht, welche Reihen wegen Wind in Schutzstellung stehen oder im falschen Winkel hängen. ShowSupport und ShowPivot blenden die Konstruktion aus, und CellColor und BasicColor kümmern sich um die Farben.
Was uns gefällt
- Das einzige Symbol der Liste, das den Trackerwinkel zeigt
- Drehung dort eingesetzt, wo sie physikalisch stimmt
- Schlank genug, um eine ganze Reihe Tracker damit aufzubauen
Gut zu wissen
- Keine Zustandsfarbe außer der Zellfarbe
- Kleine Details in Übersichtsgröße: Gib ihm etwas Platz
Dynamisierbare Eigenschaften
- PanelAngle
- CellColor
- BasicColor
- ShowSupport
- ShowPivot
11Bestes Solarmodul (Frontansicht)
Photovoltaic Panel

Ein monokristallines Solarmodul von vorne: ein eloxierter Aluminiumrahmen, dunkle blauschwarze Zellen, getrennt durch ein feines Raster, und eine diagonale Glasspiegelung. Schlicht, aufgeräumt und auf der Übersicht einer Dachanlage oder eines Solarparks sofort als PV-Modul erkennbar.
Seine sechs Eigenschaften drehen sich alle um die Optik, und genau da liegt sein Nutzen: SurfaceColor und PanelOpacity lassen sich an die Leistung koppeln, sodass ein String verblasst, wenn er nichts mehr erzeugt; GridColor und BusbarColor treffen den Look eines Herstellers; ShowGlassReflection schaltet auf einen flachen Stil um; und BasicColor kümmert sich um den Rahmen.
Was uns gefällt
- Sauberes, gut erkennbares Modul in jeder Größe
PanelOpacityliefert einen einfachen Effekt für „erzeugt“ oder „erzeugt nicht“- Flaches oder glänzendes Finish nach Wunsch
Gut zu wissen
- Keine Statusleuchte und keine Störungsmarkierung: Steuer eine Farbe über eine Variable oder ergänze eine Anzeige
- Sechs identische Zellspalten: Ein Feld aus vielen Modulen kann unruhig wirken
Dynamisierbare Eigenschaften
- SurfaceColor
- PanelOpacity
- GridColor
- BusbarColor
- ShowGlassReflection
- BasicColor
Lobende Erwähnungen: 7 weitere Elektrosymbole, die einen Blick wert sind
In die Top Elf haben sie es nicht geschafft, meist weil das Produktblatt zu viel offenlässt oder ein Geschwister den Job besser macht, aber jedes hat seine Daseinsberechtigung. Ein Klick auf ein Vorschaubild öffnet die Produktseite.

Power Transformer
Der hübscheste Transformator der Runde, mit braunen Porzellandurchführungen und einer Anzeige am Ausdehnungsgefäß. Sein Produktblatt nennt nur
Zum ProduktBasicColor.
Electrical Power Transformer
Ein Verteiltransformator mit kupferbraunen Durchführungen, einem Ausdehnungsgefäß mit Anzeige und gerippten Radiatoren. Er kündigt zehn Eigenschaften an, ohne sie zu nennen.
Zum Produkt
Industrial Generator
Ein auffälliger runder Generator, bei dem man den Läufer durch das Gehäuse sieht. Vier Eigenschaften, keine davon im Produktblatt genannt.
Zum Produkt
Power Generator
Ein großes eingehaustes Stromaggregat mit Kühler, Motor und Steuerschrank. Drei Eigenschaften:
Zum ProduktBasicColor,StatusColorundStatus.
Power Factor Panel
Ein Kondensatorschrank für die Blindleistungskompensation mit
Zum ProduktPhaseL1Status,PhaseL2StatusundPhaseL3Status.
Power Distribution Panel
Eine zweitürige Schaltanlage mit Leuchten, Messgeräten und Not-Halt, dazu
Zum ProduktPhaseRStatus,PhaseSStatusundPhaseTStatus. Das Produktblatt erwähnt einen MCCB-Griff und Abgangsschalter, die wir in der Vorschau nicht sehen konnten.
Industrial UPS Cabinet
Ein USV-Schrank mit Statusdisplay und vier Moduleinschüben. Sein Produktblatt kündigt neun Eigenschaften an, nennt sie aber nicht.
Zum Produkt
Nicht das passende Betriebsmittel gefunden? Bau dir dein eigenes (oder remixe eins) mit KI, kostenlos
Ein Geständnis: Jedes Symbol in diesem Artikel wurde mit dem KI-Generator von HMIx erstellt. Deshalb können wir das sagen, ohne rot zu werden: Wenn keins davon genau das Betriebsmittel aus deinem Einliniendiagramm ist, generierst du dir in wenigen Minuten dein eigenes.
Beschreib es in einfachen Worten (zum Beispiel „IEC-Einliniensymbol eines Leistungsschalters in Einschubtechnik, Betriebs- und Trennstellung, grau wenn offen und grün wenn geschlossen“), 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 Live-Zahlen, Energietrends oder Schaltflächen brauchst, die ein SVG nicht liefern kann.
- Remixe jedes Symbol 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“, „entfern das Logo von der Bedienplatte“ oder „gib dem Transformator eine Statusleuchte“. 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 Symbol auf dieser Seite.
So verwendest du ein dynamisches SVG-Elektrosymbol in WinCC Unified (und WinCC V8)
Die Kurzfassung für alle, die ihr Symbol 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 Symbole 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 Symbol ins Bild.Die Eigenschaften verbinden
Wähle das Symbol aus, such im Inspektorfenster seine Zustandseigenschaften (
BladeAngle,ChargeLevel,FaultActive… jedes Symbol nennt sie anders) und verbinde sie mit HMI-Variablen. Mit Farben und Sichtbarkeitsschaltern machst du es genauso, wenn du sie brauchst.Testen, bevor die SPS dran ist
Verbinde eine Zustandseigenschaft mit einer internen Variablen, füge ein EA-Feld für dieselbe Variable hinzu und starte Runtime: Ändere den Wert und schau zu, wie das Messer schwenkt, der Balken wandert oder die LED aufleuchtet. 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: Steuere Leistungsschalter- und Trennersymbole über die Stellungsrückmeldung (die Hilfskontakte), niemals über den Befehl, den du gesendet hast. Wenn die SPS nur „offen“ und „geschlossen“ kennt, wandle das in zwei feste Winkel für BladeAngle oder DisconnectorAngle um und zeig einen Zwischen- oder Störungszustand, wenn sich beide Rückmeldungen widersprechen. Ein Symbol, das einen Leistungsschalter als offen zeigt, nur weil jemand die Taste gedrückt hat, ist schlimmer als gar kein Symbol.
Häufige Fragen
Sind diese dynamischen SVG-Elektrosymbole wirklich kostenlos?
Ja. Jedes Symbol in diesem Artikel ist bei HMIx als kostenloses Produkt veröffentlicht. Zum Herunterladen brauchst du nur ein kostenloses Konto.
Kann ich in WinCC Unified mit dynamischen SVGs ein Einliniendiagramm aufbauen?
Ja. Nimm flache, schematische Symbole wie das Circuit Breaker Symbol für Leistungsschalter, zeichne Sammelschienen und Leiter mit WinCC-Linien und verbinde die Zustandseigenschaft jedes Symbols mit der Stellungsrückmeldung des Schalters. Realistische Betriebsmittel wie der Power Transformer passen besser auf Übersichts- und Detailbilder als in ein dichtes Einliniendiagramm.
Kann ein dynamisches SVG Spannung, Strom oder Leistung anzeigen?
Nicht von sich aus. Ein dynamisches SVG kann Farben, Sichtbarkeit, Positionen, Winkel und Größen ändern, aber keinen Text umschreiben. Setz ein WinCC-EA-Feld neben oder über das Symbol und verbinde es mit dem Messwert. Für Energie-Dashboards mit Live-Zahlen und Trends ist ein Custom Web Control das bessere Werkzeug.
Funktionieren sie auf WinCC Unified Comfort Panels und unter WinCC V8?
Auf ihren Produktseiten ist die Kompatibilität mit WinCC Unified, einschließlich Unified Comfort Panels, 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, bevor du in Produktion gehst.
Was ist bei Elektrobildern der Unterschied zwischen einem dynamischen SVG und einem Custom Web Control?
Ein dynamisches SVG ist eine leichtgewichtige Zeichnung, deren Eigenschaften (Farben, Sichtbarkeit, Winkel) du mit Variablen verbindest; es kann keinen wechselnden Text zeigen und enthält keine Logik. Ein Custom Web Control ist eine kleine Webanwendung (HTML, CSS und JavaScript), die Zahlen, Sankey-Diagramme, Trends und Zeigerinstrumente darstellen und auf Klicks reagieren kann. Für einen Leistungsschalter oder einen Transformator, der nur seinen Zustand zeigen muss, ist das SVG einfacher und leichter. Unsere Anleitung zu Custom Web Controls erklärt, wie sie funktionieren.
Kann ich eines dieser Elektrosymbole 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 eins herunterlädst, dann den Power Transformer: Er sieht überall richtig aus, und sein Produktblatt sagt dir genau, was jede Eigenschaft macht. Für Einliniendiagramme das Circuit Breaker Symbol, für Umspannwerke der Electrical Disconnector, für Notstrom die Diesel Generator Unit und für Solar und Speicher die Battery Bank, der Power Inverter und das Photovoltaic Panel Profile.
Und falls dein Betriebsmittel schräger ist als alle diese (eine Ringkabelstation, ein Stufenschalter, diese eine Schaltanlage, die noch niemand gezeichnet hat), denk daran: Der Generator, der sie gezeichnet hat, ist nur einen Klick entfernt.