Blog · Dynamische SVGs
Die 11 besten dynamischen SVG-Motoren für WinCC Unified und WinCC V8 (kostenlos)
Wir haben jeden dynamischen SVG-Motor im HMIx-Katalog aufgemacht – 23 Motorzeichnungen, Stand November 2026 –, uns jedes Rendering aus nächster Nähe angesehen, jedes Produktblatt gelesen und die elf 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: realistische Elektromotoren, Motorsymbole mit Statusicons, zwei Servomotoren und ein Rührwerksantrieb.
- Dynamisches SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- Motorsymbole
- HMI-Grafiken
- SCADA-Symbole

Schnellauswahl
Wenig Zeit? Spring direkt zu dem Motor, den du brauchst.
- 01Bester AllrounderPressure Motor
- 02Realistischste MotorzeichnungRealistic Motor
- 03Bester klassischer Motor für ÜbersichtenIndustrial Motor
- 04Am besten für dunkle Leitwarten-ThemesElectric Motor
- 05Bester flacher Motor für High-Performance-BilderSimple Motor
- 06Bestes Motorsymbol mit StatusiconsFull motor Symbol
- 07Bestes kompaktes Symbol für MCC-ÜbersichtenMotor Symbol
- 08Bester ServomotorIndustrial Servomotor
- 09Am besten für die Anzeige der DrehrichtungServomotor Shaft Indicator
- 10Am besten für Verriegelung und gesperrte ZuständeMotor_Inv_V2
- 11Bester RührwerksantriebAgitator Motor
Warum ein Motorsymbol mehr verdient als ein graues Rechteck
Zähl mal die Motoren auf einem beliebigen Prozessbild. Förderbänder, Lüfter, Pumpen, Mischer, Schnecken, Brecher: Hinter fast jedem bewegten Anlagenteil steckt ein Elektromotor, und der Bediener will auf einen Blick drei Dinge über ihn wissen. Läuft er? Ist er gestört? Darf ich ran, oder ist er verriegelt, im Handbetrieb oder in Wartung?
Ein guter dynamischer SVG-Motor beantwortet diese Fragen ohne eine einzige Zahl. In WinCC Unified (TIA Portal) und in WinCC V8 ist ein dynamisches SVG – das .svghmi-Format – eine Vektorzeichnung, die Eigenschaften wie StatusColor oder ShaftRotation bereitstellt. Du ziehst es ins Bild, verbindest diese Eigenschaften mit HMI-Variablen, und die Zeichnung reagiert: Das Gehäuse wechselt die Farbe, eine Statusleuchte geht an, ein Schloss-Icon erscheint. Keine Skripte, kein JavaScript, und gestochen scharf in jeder Größe, vom Unified Comfort Panel mit 7 Zoll bis zur 4K-Videowand in der Leitwarte.
Was einen dynamischen SVG-Motor 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 Zustand, den man sieht. Mindestens eine Farbeigenschaft für das Gehäuse oder eine Statusleuchte, damit Betrieb, Stillstand und Störung quer durch den Raum klar sind. Eingebaute Icons für Alarm, Verriegelung, Handbetrieb und Wartung gibt es als Bonus.
- Ehrliche Bewegung. Drehung überzeugt, wenn die Welle auf den Betrachter zeigt, etwa bei der Frontansicht eines Servomotors. In der Seitenansicht eines Motors erzählen Farbe und Sichtbarkeit die Geschichte besser als eine rotierende Zeichnung.
- Eigenschaften, die im Produktblatt stehen. Wenn die Produktseite elf Eigenschaften ankündigt, wollen wir vor dem Download wissen, wie sie heißen. Blätter, die keine einzige nennen, haben es bestenfalls zu den lobenden Erwähnungen geschafft.
- Auch klein noch lesbar. MCC- und Anlagenübersichten schrumpfen Motoren auf Fingernagelgröße; ein Motor, der bei 60 Pixeln zu grauer Suppe wird, taugt dort nichts.
- Vielfalt. Statt elf Kopien desselben verrippten Zylinders haben wir einen Champion pro Disziplin gekürt: realistisch, flach, symbolisch, Servo, Verriegelung und Rührwerk.
Wie wir ausgewählt haben (und was wir nicht gemacht haben)
Wir haben den Katalog nach dynamischen SVGs mit „motor“, „servo“ oder „drive“ im Namen durchsucht: 33 Treffer im November 2026, davon 23 echte Motoren (der Rest waren Motorventile, eine Antriebspumpe, Mühlen, Antriebsschränke und ein Satz Taster). Bei jedem Motor 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 er bereitstellt. Downloads waren nur das Zünglein an der Waage, denn ein Motor, der letzten Monat veröffentlicht wurde, hatte noch keine Zeit, welche zu sammeln.
Aussortiert haben wir einen mit kaputter Vorschau, einen, dessen Produktblatt einen verrippten Stahlmotor beschreibt, während das Rendering ein rundes „M“-Symbol zeigt, Beinahe-Duplikate und ein paar Zeichnungen, aus denen wir nicht schlau wurden. Und eine faire Warnung: Für diesen Artikel haben wir Zeichnungen und Dokumentation bewertet; wir haben diese Motoren 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. Dasselbe würden wir über alles sagen, was du irgendwo herunterlädst.
Die 11 besten dynamischen SVG-Motoren 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 den Motor kostenlos herunterlädst.
01Bester Allrounder
Pressure Motor

Dürften wir nur einen behalten, wäre es dieser – trotz seines seltsamen Namens (gemessen wird an ihm kein Druck). Ein gut proportionierter Asynchronmotor: poliertes Stahlgehäuse mit senkrechten Rippen und weichem Glanzlicht, eine Abdeckung auf der B-Seite, zwei Füße, eine verchromte Welle und oben ein Klemmenkasten mit einer kleinen runden Statusleuchte.
Genau diese Leuchte holt ihm den Titel. StatusColor färbt sie im Motorzustand ein, und ShowStatusIndicator blendet sie aus, wenn du sie nicht brauchst. So bleibt die Zeichnung realistisch und sagt dem Bediener trotzdem, ob der Motor läuft, steht oder ausgelöst hat. Die übrigen fünf Eigenschaften sind ebenfalls genannt: BasicColor, ShaftColor, TerminalBoxColor, MountingFootColor und ShowTerminalBox.
Was uns gefällt
- Ein realistischer Motor mit eingebauter Statusleuchte
- Alle sieben Eigenschaften im Produktblatt genannt
- Farben für Gehäuse, Welle, Klemmenkasten und Füße
Gut zu wissen
- Die Leuchte ist klein: Färb auf einer Anlagenübersicht zusätzlich das Gehäuse ein
- Der Name sagt „Pressure“ (Druck), was Kollegen beim Durchstöbern deiner Bibliothek verwirren kann: Benenn das Bildobjekt um
Dynamisierbare Eigenschaften
- StatusColor
- ShowStatusIndicator
- BasicColor
- ShaftColor
- TerminalBoxColor
- MountingFootColor
- ShowTerminalBox
02Realistischste Motorzeichnung
Realistic Motor

Wenn der Kunde will, dass die HMI aussieht wie die Anlage, ist das dein Motor. Ein Motor aus gebürstetem Aluminium mit tiefen waagerechten Kühlrippen, abgerundeten Lagerschilden, Klemmenkasten oben, breiten Füßen und schlanker Welle, mit sauberen Glanzlichtern gerendert. Es ist die überzeugendste Zeichnung der Gruppe, und auch verkleinert liest sie sich noch gut.
Er hält es mit fünf Eigenschaften schlicht, alle genannt: BasicColor für das Gehäuse, TerminalBoxColor und BaseColor für Klemmenkasten und Füße und zwei Schalter, ShowTerminalBox und ShowBase, für eine aufgeräumtere Silhouette.
Was uns gefällt
- Der realistischste Look unter den Motoren
- Nur fünf Eigenschaften: in einer Minute verbunden
- Sieht auf dunklem wie auf hellem Hintergrund gut aus
Gut zu wissen
- Keine Betriebs- oder Statuseigenschaft: Der Zustand muss über
BasicColorlaufen - Sehr hell: Auf grauen High-Performance-Bildern wird er das lauteste Objekt sein
Dynamisierbare Eigenschaften
- BasicColor
- TerminalBoxColor
- BaseColor
- ShowTerminalBox
- ShowBase
03Bester klassischer Motor für Übersichten
Industrial Motor

Der Motor, den du vor Augen hast, wenn jemand „Motor“ sagt: ein abgerundetes stahlblaues Gehäuse mit senkrechten Rippen, ein Klemmenkasten mit zwei Kabelverschraubungen, eine flache Grundplatte und eine Welle mit Kupplungsende. Klare Linien, kein Schnickschnack und eine Silhouette, die man in jeder Größe erkennt – genau das, was du auf einer Übersicht mit vierzig Antrieben willst.
Sein Produktblatt listet sechs Eigenschaften: MotorRotation für die Drehrückmeldung, BasicColor, TerminalBoxColor und MountingBaseColor für die Farben sowie ShowCoolingFins und ShaftVisibility, um die Zeichnung zu vereinfachen. Es spricht außerdem von fünf Farbzuständen (Stillstand, Betrieb, Warnung, Alarm) und einem blinkenden Alarm bei „Zustand 5“, aber keine der sechs Eigenschaften ist eine Zustandsnummer.
Was uns gefällt
- Auch in kleinen Größen sehr gut lesbar
- Rippen und Welle lassen sich für einen schematischen Look ausblenden
- Drei getrennte Farbbereiche
Gut zu wissen
- Die im Produktblatt beschriebenen Farbzustände und der blinkende Alarm passen nicht zu den aufgeführten Eigenschaften: Prüf die Schnittstelle in TIA Portal
- Seitenansicht: Teste
MotorRotation, bevor du dich darauf verlässt
Dynamisierbare Eigenschaften
- MotorRotation
- BasicColor
- TerminalBoxColor
- MountingBaseColor
- ShowCoolingFins
- ShaftVisibility
04Am besten für dunkle Leitwarten-Themes
Electric Motor

Die meisten Motoren im Katalog sind aus poliertem Stahl. Dieser hier ist dunkel: ein blaugrauer Asynchronmotor mit verripptem Gehäuse, abgerundeter Lüfterhaube, Klemmenkasten oben, massiver Grundplatte und zwei gebogenen Pfeilen um das Wellenende, die Drehung andeuten. Auf einem dunklen Bedien-Theme wirkt er zu Hause, statt wie ein Chromspielzeug zu leuchten.
Alle sieben Eigenschaften stehen im Produktblatt. Mit BasicColor, TerminalBoxColor und FanCowlColor färbst du die Teile getrennt, ShowLiftingEye, ShowMountingBase und ShaftVisibility entscheiden, wie viel Hardware zu sehen ist, und ShaftRotation steuert die Welle, beschrieben als Drehzahl und Richtung der angezeigten Drehung.
Was uns gefällt
- Nüchterner Look, der zu dunklen Bedien-Themes passt
- Drei getrennte Farbbereiche, inklusive Lüfterhaube
- Grundplatte, Ringschraube und Welle lassen sich ausblenden
Gut zu wissen
- Kontrastarm auf dunklem Hintergrund: Mach
BasicColorheller oder gib ihm eine hellere Fläche - Die Drehpfeile sind fest eingezeichnet, er deutet also immer Bewegung an
Dynamisierbare Eigenschaften
- ShaftRotation
- BasicColor
- TerminalBoxColor
- FanCowlColor
- ShowLiftingEye
- ShowMountingBase
- ShaftVisibility
05Bester flacher Motor für High-Performance-Bilder
Simple Motor

High-Performance-HMI im Sinne von ISA-101 verlangt graue Anlagenteile und Farbe nur dann, wenn etwas Aufmerksamkeit braucht. Dieser Motor spricht genau diese Sprache: ein flaches dunkelgraues Gehäuse mit schwarzen Konturen, waagerechten Rippen, einem Klemmenkasten mit zwei Verschraubungen und einem Flansch am Wellenende. Keine Verläufe, kein Glanz.
Fünf genannte Eigenschaften halten ihn schlank: RunningState ändert die Füllung der Kernelemente, um den Betrieb anzuzeigen, BasicColor und SecondaryColor legen die Palette fest, FinColor die Kontur der Rippen, und MotorVisible blendet ihn komplett aus.
Was uns gefällt
- Flacher Stil für graue, ablenkungsarme Bilder
- Eine eigene Eigenschaft
RunningState - Winzig und schnell verbunden
Gut zu wissen
- Dunkelgrau auf dunklem Hintergrund verschwindet fast: Setz ihn auf hellgraue Bilder oder mach
BasicColorheller - Sehr schematisch: Wer Realismus sucht, den wird er nicht beeindrucken
Dynamisierbare Eigenschaften
- RunningState
- BasicColor
- SecondaryColor
- FinColor
- MotorVisible
06Bestes Motorsymbol mit Statusicons
Full motor Symbol

Halb Zeichnung, halb P&ID-Symbol: ein verrippter Motor mit Klemmenkasten, Füßen und Welle, mit kräftigen Konturen umrissen und mit einem runden „M“-Emblem in der Mitte. Darunter eine Statusleiste mit vier Icons: Alarm, Verriegelung, Handbetrieb und Wartung. Ein einziges Objekt sagt dem Bediener, was das Aggregat ist und in welchem Zustand es sich befindet.
Sein Produktblatt kündigt elf Eigenschaften an und nennt sieben: BasicColor für das Gehäuse, FanColor für die Kühleinheit und ShaftColor für die Antriebsseite, dazu Sichtbarkeitsschalter wie ShowIconAlarm und ShowIconMaintenance und Farben wie ColorAlarm und ColorLock. Dieselbe Familie von Statusicons gibt es im Katalog auch für Ventile und Tanks, sodass ein ganzes Bild eine gemeinsame Bildsprache sprechen kann.
Was uns gefällt
- Motor und vier Anlagenzustände in einem einzigen Objekt
- Kräftige Konturen, die auch klein lesbar bleiben
- Farben für Gehäuse, Lüfter und Welle
Gut zu wissen
- Das Produktblatt nennt sieben seiner elf Eigenschaften: Den Rest prüfst du in TIA Portal
- Die Standardfarben der Icons sind auf grauen Bildern laut
Dynamisierbare Eigenschaften
- BasicColor
- FanColor
- ShaftColor
- ShowIconAlarm
- ShowIconMaintenance
- ColorAlarm
- ColorLock
07Bestes kompaktes Symbol für MCC-Übersichten
Motor Symbol

Für die Übersicht eines Motor Control Centers (MCC) mit Dutzenden Antrieben willst du keine Zeichnung, sondern das klassische runde „M“. Dieses hier macht daraus eine glänzende Kuppel, die laut Produktblatt von Schiefergrau im Stillstand zu Smaragdgrün im Betrieb wechselt, mit denselben vier Statusicons darunter (Alarm, Verriegelung, Handbetrieb und Wartung).
Insgesamt zehn Eigenschaften. MotorState steuert die Kuppel, BasicColor den Rahmen, und jedes Icon hat seine eigene Farbe (ColorAlarm, ColorLock, ColorManual und ColorMaintenance) und seinen eigenen Sichtbarkeitsschalter. Kompakt und quer durch die Leitwarte lesbar.
Was uns gefällt
- Kompakt und auf vollen Übersichten sofort lesbar
- Ein eigener Betriebszustand auf der Kuppel
- Individuelle Farben für jedes Statusicon
Gut zu wissen
- Das graue „M“ hat auf der grünen Kuppel wenig Kontrast
- Das Produktblatt nennt die genauen Namen der vier Icon-Schalter nicht
Dynamisierbare Eigenschaften
- MotorState
- BasicColor
- ColorAlarm
- ColorLock
- ColorManual
- ColorMaintenance
08Bester Servomotor
Industrial Servomotor

Servos sehen nicht aus wie Asynchronmotoren, und eine Anlage voller Roboter und CNC-Achsen verdient die richtige Silhouette. Das hier ist ein langer, verrippter Servomotor mit quadratischem Frontflansch und Abtriebswelle, hinten dem Gebergehäuse und oben zwei Steckverbindern für Leistung und Signal mit orangefarbener und blauer Kappe. Ein weicher Schatten darunter gibt ihm etwas Tiefe.
Sein Produktblatt nennt neun seiner zehn Eigenschaften, und alle drehen sich darum, die Hardware nachzubilden: ShowConnectors, ShowShaft und EncoderVisibility blenden diese Teile ein oder aus, BasicColor, FlangeColor und ConnectorColor färben sie um, FinIntensity bestimmt, wie stark die Rippen wirken, und ShowShadow entfernt den Schatten auf flachen Bildern. ShaftRotation wird als 360-Grad-Anzeige für Position oder Drehzahl beschrieben.
Was uns gefällt
- Die einzige realistische Servo-Silhouette unter den Besten
- Sehr modular: Steckverbinder, Welle, Geber und Schatten sind optional
- Eigene Farben für Gehäuse, Flansch und Steckverbinder
Gut zu wissen
- Seitenansicht: Prüf, wie
ShaftRotationin deinem Bild aussieht, bevor du es versprichst - Keine eigene Statusleuchte: Zeig den Zustand über
BasicColoroder ergänze eine Anzeige
Dynamisierbare Eigenschaften
- ShaftRotation
- BasicColor
- FlangeColor
- ConnectorColor
- FinIntensity
- ShowShadow
- ShowConnectors
- ShowShaft
- EncoderVisibility
09Am besten für die Anzeige der Drehrichtung
Servomotor Shaft Indicator

Das ist der eine Fall, in dem Drehung voll und ganz Sinn ergibt, denn du schaust direkt auf die Welle. Ein quadratischer Servoflansch mit vier Schrauben, ein rundes Gehäuse, eine Welle mit Passfeder in der Mitte und zwei leuchtende Pfeile drumherum, einer im und einer gegen den Uhrzeigersinn. Es sieht aus wie ein hochwertiges Motion-Control-Icon.
Alle sieben Eigenschaften sind genannt: ShaftRotation stellt den Wellenwinkel von 0 bis 360° ein, ShowClockwise und ShowCounterClockwise schalten die Pfeile, IndicatorColorCW und IndicatorColorCCW färben sie, und BasicColor und FlangeColor übernehmen das Gehäuse. Verbinde die beiden Pfeile mit Rechts- und Linkslauf, und der Bediener sieht die Drehrichtung sofort.
Was uns gefällt
- Frontansicht: Der Wellenwinkel ist ehrliche Bewegung
- Drehrichtung mit getrennten Pfeilen und Farben
- Sehr edler Look für Motion-Control-Bilder
Gut zu wissen
- Der Neon-Glow ist kräftig; nimm die Farben auf grauen Bildern zurück
- Kein kompletter Motor: Kombinier ihn auf Detailbildern mit einer Seitenansicht
Dynamisierbare Eigenschaften
- ShaftRotation
- ShowClockwise
- ShowCounterClockwise
- IndicatorColorCW
- IndicatorColorCCW
- BasicColor
- FlangeColor
10Am besten für Verriegelung und gesperrte Zustände
Motor_Inv_V2

Der Name ist ein typischer Ingenieurs-Arbeitstitel, aber die Idee ist gut. Ein realistischer verrippter Motor mit Klemmenkasten trägt drei Overlays: ein gelbes Vorhängeschloss, ein Warndreieck und ein großes rotes Verbotszeichen quer über dem Gehäuse. Die Vorschau zeigt alle drei gleichzeitig, was ziemlich alarmierend aussieht; in deinem Bild schaltest du nur das ein, das gerade zutrifft.
Alle sieben Eigenschaften sind genannt: ShowSafetyLock, ShowWarningSign und ShowProhibitionSign für die Overlays, WarningSignColor für das Dreieck und – das Detail, das uns am besten gefallen hat – WarningSignBlink, das die Warnung bei Alarmzuständen blinken lässt. BasicColor und FinColor kümmern sich um den Motor selbst. Freischalten und Sichern (Lockout-Tagout), durch Verriegelung gesperrt, wartet auf Instandhaltung: Alles ist direkt an der Zeichnung zu sehen.
Was uns gefällt
- Schloss, Warnung und Verbot als Overlays in einem Symbol
- Eingebaute blinkende Warnung mit
WarningSignBlink - Jede Eigenschaft ist im Produktblatt genannt
Gut zu wissen
- Mit allen Overlays sieht er aus wie ein Verkehrsschild: Zeig immer nur eines
- Schloss und Dreieck ragen über den Motor hinaus, lass also etwas Platz drumherum
Dynamisierbare Eigenschaften
- WarningSignBlink
- WarningSignColor
- ShowWarningSign
- ShowSafetyLock
- ShowProhibitionSign
- BasicColor
- FinColor
11Bester Rührwerksantrieb
Agitator Motor

Mischer und Reaktoren brauchen einen senkrechten Antrieb, und das ist der sauberste, den wir gefunden haben. Ein verrippter Motor mit Ringschraube oben, ein Befestigungsflansch, eine lange Welle und unten ein dreiflügeliges Rührorgan. Setz ihn auf einen beliebigen Behälter, und das Rührwerk erklärt sich von selbst.
Vier genannte Eigenschaften: ImpellerSpeed nimmt eine Zahl entgegen und skaliert laut Produktblatt die Animation des Rührorgans mit der Drehzahl deines Antriebs; ImpellerColor und BasicColor färben Flügel und Motor; und ShowMotor blendet den Motor aus, wenn die Behälterzeichnung schon einen hat.
Was uns gefällt
- Ein sauberer senkrechter Antrieb, der auf jeden Tank passt
- Animation des Rührorgans über einen Drehzahlwert
- Mit
ShowMotorkombinierst du ihn mit Tanks, die schon einen Motor haben
Gut zu wissen
- Nur vier Eigenschaften: keine Statusleuchte, der Zustand läuft also über
BasicColor - Schmal und hoch: Lass über deinem Behälter Platz
Dynamisierbare Eigenschaften
- ImpellerSpeed
- ImpellerColor
- BasicColor
- ShowMotor
Lobende Erwähnungen: 6 weitere Motoren, die einen Blick wert sind
In die Top Elf haben sie es nicht geschafft, meist weil ein besseres Geschwister ihnen den Platz weggeschnappt hat, aber jeder von ihnen hat seine Daseinsberechtigung. Ein Klick auf ein Vorschaubild öffnet die Produktseite.

Motor Symbol
Ein Geschwister des Full motor Symbol mit runder Betriebsanzeige auf dem Gehäuse (
Zum ProduktStatusIndicatorColor),ShaftRotationund denselben vier Statusicons.
Motor Symbol
Der ursprüngliche Motor mit Statusicons vom Februar 2026 und der meistgeladene Motor unserer Suche. Sein Produktblatt kündigt 15 Eigenschaften an, nennt sie aber nicht.
Zum Produkt
Electric Motor
Der leichtere Cousin von Motor_Inv_V2: ein Vorhängeschloss und ein Warndreieck (
Zum ProduktShowLock,ShowWarning) undMotorColorfür den Stator, insgesamt vier Eigenschaften.
Motor Shaft Assembly
Ein verrippter Motor mit einem vierflügeligen Lüfterrad, das über das Gehäuse gezeichnet ist, und
Zum ProduktRotationAnglefür die Welle. Auffällig, wenn auch etwas ungewöhnlich.
Vertical Motor
Ein kleiner blauer Vertikalmotor auf einem grauen Pumpengehäuse, mit
Zum ProduktShaftRotation,PumpColorundShowFins. Nützlich für vertikale Pumpen, in der Vorschau aber winzig.
Mixer Motor
Ein senkrechter Mischerantrieb mit vierflügeligem Propeller,
Zum ProduktMixerSpeedfür die Flügel undMotorPosition, um die Einheit an deinem Behälter auszurichten.
Nicht den passenden Motor gefunden? Bau dir deinen eigenen (oder remixe einen) mit KI, kostenlos
Ein Geständnis: Jeder Motor in diesem Artikel wurde mit dem KI-Generator von HMIx erstellt. Deshalb können wir das sagen, ohne rot zu werden: Wenn keiner davon genau das ist, was deine Anlage braucht, generierst du dir in wenigen Minuten deinen eigenen.
Beschreib das Aggregat in einfachen Worten (zum Beispiel „Flansch-Getriebemotor in RAL 7035 mit Statusleuchte am Klemmenkasten und Schloss-Icon für die Verriegelung“), 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, etwa ein Motor-Faceplate mit Drehzahl und Strom.
- Remixe jeden Motor dieser Liste: Auf seiner Produktseite öffnet ihn die Schaltfläche „Im KI-Generator bearbeiten“ direkt im Generator, bereit für Änderungswünsche wie „mach ihn grau nach ISA-101“, „füg ein Icon für Handbetrieb hinzu“ oder „dreh ihn nach links“. 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 jeden anderen Motor auf dieser Seite.
So verwendest du einen dynamischen SVG-Motor in WinCC Unified (und WinCC V8)
Die Kurzfassung für alle, die ihren Motor 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 Motoren 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 den Motor ins Bild.Die Eigenschaften verbinden
Wähle den Motor aus, such im Inspektorfenster seine Zustandseigenschaft (
StatusColor,RunningState,MotorState… jeder Motor nennt sie anders) und verbinde sie mit einer HMI-Variablen. Mit den Statusicons und Farben, die du brauchst, machst du es genauso.Testen, bevor die SPS dran ist
Verbinde den Zustand mit einer internen Variablen, füge ein EA-Feld für dieselbe Variable hinzu und starte Runtime: Schalte zwischen Stillstand, Betrieb und Störung um und schau zu, wie der Motor reagiert. 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 meisten SPSen liefern den Motorzustand als Bits oder Statuswort, während viele dieser Motoren eine Farbe erwarten. Leg deinen Farbcode einmal fest (zum Beispiel grau für Stillstand, grün für Betrieb, rot für Störung, gelb für Wartung), bilde den Status an einer einzigen Stelle in WinCC auf Farben ab und verwende das für jeden Motor wieder. Und widersteh der drehenden Welle in Seitenansichten: Eine ruhige Farbe liest sich leichter als eine Zeichnung, die nur so tut, als würde sie sich drehen.
Zur vollständigen Anleitung für dynamische SVGsHäufige Fragen
Sind diese dynamischen SVG-Motoren wirklich kostenlos?
Ja. Jeder Motor 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, 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.
Kann ein dynamischer SVG-Motor die Drehzahl in U/min oder den Strom in Ampere anzeigen?
Nicht als Text. Ein dynamisches SVG kann Farben, Sichtbarkeit und Positionen ändern, aber keine wechselnden Zahlen anzeigen. Setz ein WinCC-EA-Feld neben den Motor oder nimm ein Custom Web Control, wenn du ein komplettes Motor-Faceplate mit Werten, Schaltflächen und Logik willst.
Welchen Motor nehme ich für ein High-Performance-Bild (ISA-101)?
Einen flachen, grauen Motor wie den Simple Motor oder ein Symbol, dessen Farben du zurücknimmst, etwa das Full motor Symbol. Lass den Motor grau, solange alles in Ordnung ist, und setz Farbe nur für Zustände ein, die Aufmerksamkeit brauchen.
Sollte sich ein Motorsymbol drehen, wenn der Motor läuft?
Nur wenn du frontal auf die Welle schaust, wie beim Servomotor Shaft Indicator. In der Seitenansicht ist eine drehende Zeichnung nur eine Annäherung; ein klarer Farbwechsel oder eine Statusleuchte ist leichter zu lesen und lenkt weniger ab.
Kann ich einen dieser Motoren 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 einen herunterlädst, dann den Pressure Motor: realistisch, mit Statusleuchte und jeder Eigenschaft dokumentiert. Für Realismus um jeden Preis der Realistic Motor, für graue High-Performance-Bilder der Simple Motor, für MCC-Übersichten das runde Motor Symbol, für Servoachsen der Industrial Servomotor und der Servomotor Shaft Indicator und für Mischer der Agitator Motor.
Und falls dein Motor schräger ist als alle diese (Getriebemotoren, Bremsmotoren, Motoren mit aufgebautem Umrichter: Irgendwas ist immer), denk daran: Der Generator, der sie gezeichnet hat, ist nur einen Klick entfernt.