Made with the HMIx AI Generator
This resource was created with AI on ai.hmix.tech. Describe what you need and generate your own HMI controls in minutes — free.
Dynamic SVG
About Circuit Breaker Symbol
Circuit Breaker Symbol is a Dynamic SVG that draws a circuit breaker in the IEC 60617 single-line diagram style. A single tilting blade swings between the closed and open positions on a vertical conductor, so operators can read the breaker state at a glance on a dense electrical diagram. The symbol is purely graphic, with no text or background, so your diagram can carry its own breaker tag such as Q1 or CB-101.
Key Features
- Animated blade: The blade rotates about its pivot with a short ease-out motion and a slight overshoot when it closes.
- Shape and colour state: The visible air gap shows the open state even without colour vision, and colour reinforces it.
- Polished depth: A copper-style blade sheen, steel terminal studs and a soft shadow under the moving parts give a clean frontal 2D look.
- Neutral line work: Incoming and outgoing stubs stay grey in both states, so the moving parts draw the eye.
Customization
Seven bindable properties adapt the symbol to your project without editing the artwork. BladeAngle controls the blade rotation, BladeColor sets the blade fill, ContactMarkColor sets the cross on the fixed contact, and PivotRingColor sets the pivot ring. BasicColor defines the base colour of the element, while BoxOpenColor and BoxClosedColor supply the grey open and green closed fill colours. Sites that use the inverse IEC colour convention can rebind these colours without changing the drawing.
Use Cases
Ideal for single-line diagram screens, switchgear overview pages, feeder mimics and protection schemes where breaker position must be readable at a distance.
Compatibility
Works with WinCC Unified and WinCC V8. Import the .svghmi file into your project and bind the properties to your breaker position and colour tags.
AI-Generated: This Dynamic SVG was generated with AI. Test it against your own electrical drawing standards and validate it before production use.
⚠️ AI-Generated: This dynamic svg was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.