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.

Vom HMIx-Team12 Min. LesezeitAktualisiert
  • Dynamisches SVG
  • SVGHMI
  • WinCC Unified
  • WinCC V8
  • TIA Portal
  • Elektrosymbole
  • Energiemanagement
  • SCADA-Symbole
Sechs dynamische SVG-Elektrosymbole aus dem HMIx-Katalog im Raster: ein Leistungstransformator mit Radiatoren und Durchführungen, ein Dieselaggregat, ein einachsiger Solartracker, eine Batteriebank mit grünem Ladebalken, ein geöffneter Hochspannungstrenner und ein Wechselrichter mit Status-LEDs
Sechs der elf Elektrosymbole dieser Liste, genau so, wie ihre Ersteller sie veröffentlicht haben. Jede Kachel ist das echte Rendering.

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

Dynamischer SVG-Öltransformator mit Stahlkessel, Ausdehnungsgefäß obendrauf, drei Hochspannungsdurchführungen und Kühlradiatoren auf beiden Seiten
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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 BasicColor oder RadiatorColor über einen Zustand oder ergänze eine Anzeige
  • VibrationLevel und Orientation sind Kuriositäten: Prüf, wie sie in deiner Runtime aussehen

Dynamisierbare Eigenschaften

  • BasicColor
  • RadiatorColor
  • BushingColor
  • ShowRadiators
  • ShowConservator
  • ShowPhaseA
  • ShowPhaseB
  • ShowPhaseC
  • VibrationLevel
  • Orientation
Power Transformer: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Power Transformer

Kostenlos · WinCC Unified & V8 · .svghmi

02Am besten für Einliniendiagramme

Circuit Breaker Symbol

Dynamisches SVG-Leistungsschaltersymbol nach IEC für Einliniendiagramme mit senkrechtem Leiter, kippendem Schaltmesser mit Drehpunktring und Kreuz am Festkontakt auf grauem Kästchen
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Circuit Breaker Symbol: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Circuit Breaker Symbol

Kostenlos · WinCC Unified & V8 · .svghmi

03Bester Lasttrennschalter (Drehgriff)

Breaker Switch

Dynamischer dreipoliger SVG-Lasttrennschalter mit schwarzen Polmodulen, silbernen Anschlüssen oben und unten und grauer Bedienplatte mit Drehgriff zwischen 0 OFF und I ON
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Breaker Switch: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Breaker Switch

Kostenlos · WinCC Unified & V8 · .svghmi

04Beste Front eines offenen Leistungsschalters

Circuit Breaker

Dynamische SVG-Front eines offenen Leistungsschalters mit Stahlgehäuse, dunklem Auslöser mit kleinem Display, roter AUS- und grüner EIN-Drucktaste, Anzeigefenstern und Einschuböffnung
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Circuit Breaker: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Circuit Breaker

Kostenlos · WinCC Unified & V8 · .svghmi

05Bester Hochspannungstrenner

Electrical Disconnector

Dynamischer SVG-Hochspannungstrenner mit zwei gerippten Isolatorsäulen auf einem Stahlsockel und einem in Offenstellung angehobenen Kupfermesser
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Electrical Disconnector: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Electrical Disconnector

Kostenlos · WinCC Unified & V8 · .svghmi

06Bestes Dieselaggregat

Diesel Generator Unit

Dynamisches SVG-Dieselaggregat mit Kühlerlüfter, dunklem Motorblock, Abgasrohr, Generatorgehäuse mit kleinem Bedienfeld und Stahlrahmen
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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 FuelLevel gezeichnet 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
Diesel Generator Unit: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Diesel Generator Unit

Kostenlos · WinCC Unified & V8 · .svghmi

07Bester Generator für High-Performance-HMI

Generator Symbol

Dynamisches rundes SVG-Generatorsymbol mit großem G auf einer Stahlscheibe und vier Statusicons darunter: Alarm, Verriegelung, Handbetrieb und Wartung
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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)
  • GeneratorRotation dreht die ganze Scheibe samt Buchstabe G: Setz es sparsam ein

Dynamisierbare Eigenschaften

  • BasicColor
  • GeneratorRotation
  • ShowStatusBar
  • ShowIconAlarm
  • ShowIconLock
  • ShowIconManual
  • ShowIconMaintenance
  • ColorAlarm
  • ColorMaintenance
Generator Symbol: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Generator Symbol

Kostenlos · WinCC Unified & V8 · .svghmi

08Bestes Symbol für Batteriespeicher (BESS)

Battery Bank

Dynamische SVG-Batteriebank in einem Stahlgehäuse mit sechs dunklen Zellen hinter Glas, rotem Plus- und blauem Minuspol und grünem senkrechtem Ladebalken
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Battery Bank: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Battery Bank

Kostenlos · WinCC Unified & V8 · .svghmi

09Bester Wechselrichter mit Status-LEDs

Power Inverter

Dynamischer SVG-Wechselrichter in einem Gehäuse aus gebürstetem Aluminium mit seitlichen Kühlrippen, dunklem Glasdisplay, grüner, gelber und roter LED und Klemmenleisten unten
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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 BasicColor ein

Dynamisierbare Eigenschaften

  • PowerOn
  • RunActive
  • FaultActive
  • BasicColor
  • FinColor
  • ScreenColor
  • TerminalColor
Power Inverter: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Power Inverter

Kostenlos · WinCC Unified & V8 · .svghmi

10Bester Solartracker (Neigungswinkel)

Photovoltaic Panel Profile

Dynamisches SVG eines Solarmoduls auf einem einachsigen Tracker in Seitenansicht: ein geneigtes blaues Modul auf einem Drehpunkt oben auf einem Stahlpfosten mit rundem Fuß
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
Photovoltaic Panel Profile: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Photovoltaic Panel Profile

Kostenlos · WinCC Unified & V8 · .svghmi

11Bestes Solarmodul (Frontansicht)

Photovoltaic Panel

Dynamisches SVG-Photovoltaikmodul in Frontansicht mit silbernem Aluminiumrahmen, dunklen monokristallinen Zellen, einem Raster aus Busbars und einer Glasspiegelung
Das echte SVG-Rendering, so wie es im Katalog veröffentlicht ist. Ein Klick öffnet die Produktseite.

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
  • PanelOpacity liefert 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
Photovoltaic Panel: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

Photovoltaic Panel

Kostenlos · WinCC Unified & V8 · .svghmi

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: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    Power Transformer

    Der hübscheste Transformator der Runde, mit braunen Porzellandurchführungen und einer Anzeige am Ausdehnungsgefäß. Sein Produktblatt nennt nur BasicColor.

    Zum Produkt
  • Electrical Power Transformer: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    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: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    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: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    Power Generator

    Ein großes eingehaustes Stromaggregat mit Kühler, Motor und Steuerschrank. Drei Eigenschaften: BasicColor, StatusColor und Status.

    Zum Produkt
  • Power Factor Panel: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    Power Factor Panel

    Ein Kondensatorschrank für die Blindleistungskompensation mit PhaseL1Status, PhaseL2Status und PhaseL3Status.

    Zum Produkt
  • Power Distribution Panel: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    Power Distribution Panel

    Eine zweitürige Schaltanlage mit Leuchten, Messgeräten und Not-Halt, dazu PhaseRStatus, PhaseSStatus und PhaseTStatus. Das Produktblatt erwähnt einen MCCB-Griff und Abgangsschalter, die wir in der Vorschau nicht sehen konnten.

    Zum Produkt
  • Industrial UPS Cabinet: kostenloses dynamisches SVG-Elektrosymbol für WinCC Unified und WinCC V8, Vorschaubild aus dem Katalog

    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.

  1. 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.

  2. In dein Projekt in TIA Portal kopieren

    Leg die Datei bei WinCC Unified in deinem Projektordner unter UserFiles\SVGControls ab (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.

  3. 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.

  4. 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.

  5. 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.

Zur vollständigen Anleitung für dynamische SVGs

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.