博客 · 动态 SVG
11 款最佳 WinCC Unified 与 WinCC V8 动态 SVG 电气符号（免费）
动态 SVG 电气符号怎么选？我们把 HMIx 目录里的电气和电力设备挨个打开了一遍——2026 年 11 月共有 25 个动态 SVG 变压器、断路器、发电机、电池、逆变器、光伏板、配电柜和电能表——凑近看了每一张渲染图，读完了每一份产品说明，最后留下 11 款：明天一早就敢直接拖进 WinCC Unified 或 WinCC V8 画面的那种。全部免费，全部是 .svghmi 格式，而且每一款都有可以绑定到变量的属性。
- 动态 SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- 电气符号
- 能源管理
- SCADA 图标
速览清单
时间紧？直接跳到你需要的那台设备。
- 01最佳电力变压器（综合冠军）Power Transformer
- 02单线图首选Circuit Breaker Symbol
- 03最佳负荷隔离开关（旋转手柄）Breaker Switch
- 04最佳框架断路器正面图Circuit Breaker
- 05最佳高压隔离开关Electrical Disconnector
- 06最佳柴油发电机组Diesel Generator Unit
- 07高性能 HMI 最佳发电机符号Generator Symbol
- 08最佳储能电池（BESS）符号Battery Bank
- 09带状态 LED 的最佳逆变器Power Inverter
- 10最佳光伏跟踪支架（倾角）Photovoltaic Panel Profile
- 11最佳光伏板（正视图）Photovoltaic Panel
为什么电气画面不该只是一堆灰色方框
每座工厂都离不开电，可电气画面往往是整个项目里最难看的：单线图用矩形拼出来，发电机是一个写着 G 的圆圈，电池嘛，又是一个矩形。等到凌晨三点某条馈线跳闸，操作员只能对着满屏灰色方框，琢磨到底是哪台断路器分开了、哪些地方还带着电。
动态 SVG 电气符号能以很低的成本解决这个问题。在 WinCC Unified（TIA Portal）和 WinCC V8 中，动态 SVG（也就是 .svghmi 格式）是一幅矢量图，它会开放 BladeAngle、ChargeLevel 这样的属性。把它拖到画面上，把这些属性绑定到 HMI 变量，图形就会跟着反应：断路器的刀闸摆开，电池的电量条下降，逆变器的故障 LED 亮起。不用脚本，不用 JavaScript，而且放多大都清清楚楚，从 7 英寸的 Unified Comfort Panel 到中控室的 4K 大屏都一样。
什么样的动态 SVG 电气符号才值得下载
上榜单之前，先亮出我们的标尺。下面是我们看重的几点，大致按“缺了它有多让人抓狂”排序：
- 开关状态一眼可读。 断路器和隔离开关的分合状态必须从形状上就能看出来，而不只靠颜色。一把会动的刀闸，胜过一个只会变色的方框。
- 状态要画在图里。 电量、运行或故障 LED、相位指示灯、会转的风扇，能绑定到变量就行，让图形告诉操作员这台设备正在干什么。
- 属性要写进说明。 下载之前，你就应该知道自己要绑定的是什么。说明里宣称有十个属性、却一个名字都不列的，图画得再漂亮也要扣分。
- 画面对路，风格才对路。 单线图需要扁平的 IEC 风格符号；变电站和公用事业总览画面则可以用写实的设备图。两种我们都留了，并且会告诉你哪个是哪个。
- 种类要丰富。 与其挑十一个变压器，我们宁可每种用途只选一位冠军：变压器、断路器、负荷隔离开关、高压隔离开关、发电机、储能电池、逆变器和光伏。
我们是怎么挑的（以及我们没做什么）
我们在目录中搜索了 HMIx 上发布的所有变压器、断路器、隔离开关、发电机、电池、逆变器、光伏板、配电柜、机柜和电能表，2026 年 11 月共得到 25 个动态 SVG 电气设备（电机和现场仪表另有专文）。每一款都看了它的真实渲染图（是图形本身，不是目录封面），并读了产品说明，看它开放了哪些属性。下载量只在难分高下时才拿来参考，因为这些符号大多刚发布不久，还没来得及攒下下载量。
我们剔除了一个预览图始终渲染不出来的隔离开关、一个照着某商业品牌画的变频器柜、几块其实更像按键面板而不是设备的面板正面（一台保护继电器和一台发电机控制器），以及两块已在仪表那篇文章里介绍过的电能表。也得先说句实话：写这篇文章时，我们评判的是图形和文档，并没有把这些符号放进真实的 Runtime 里跑。它们都是用 AI 生成的，每个产品页面都会提醒你：上生产之前，先在你自己的 TIA Portal 项目里测试。放在电气画面上，这条建议更要加倍重视：图形绝不能在断路器没分开时显示它已经分开。
11 款最佳动态 SVG 电气符号，逐一点评
每一款都附上真实的 SVG 渲染图、我们喜欢的地方、需要留意的地方，以及可以绑定的属性，最后是目录缩略图：点击即可打开产品页面，免费下载这个符号。
01最佳电力变压器（综合冠军）
Power Transformer
如果只能留一个，那就是它。一台干净利落的油浸式电力变压器：拉丝钢油箱上挂着铭牌，顶上是储油柜，三支白色高压套管，两侧是成排的散热器。放多大都能一眼认出是变压器，这一点大多数变压器剪贴画都做不到。
它也是榜单上文档最完善的符号：说明里十个属性全部列出了名字。BasicColor、RadiatorColor 和 BushingColor 分开管理配色；ShowRadiators 和 ShowConservator 能为总览画面精简图形；ShowPhaseA、ShowPhaseB 和 ShowPhaseC 可以单独隐藏某一相的套管，说明里建议用于检修或停运状态。
比较特别的是 VibrationLevel 和 Orientation，说明里把它们描述为模拟振动和安装角度的变换。我们会把它们当作附加功能，给客户看之前先测一测。
我们喜欢的
- 十个属性，说明里全部列出
- 散热器和储油柜都能隐藏，画面更简洁
- 可按相控制套管的显示
需要留意
- 没有内置状态灯：用状态去驱动
BasicColor或RadiatorColor，或者另加一个指示器 VibrationLevel和Orientation只是噱头：先在你的 Runtime 里看看效果
可绑定属性
- BasicColor
- RadiatorColor
- BushingColor
- ShowRadiators
- ShowConservator
- ShowPhaseA
- ShowPhaseB
- ShowPhaseC
- VibrationLevel
- Orientation
02单线图首选
Circuit Breaker Symbol
单线图就用它。一个按 IEC 60617 风格绘制的断路器符号：竖直的导线，带转轴圆环的倾斜刀闸，固定触头上画着叉。预览图里它衬在一个灰色方框上，说明里把灰色指定为分闸状态。
它是这一组里设计得最好的符号。BladeAngle 让刀闸摆动，说明里写着合闸时会有一段短促的缓出动画和轻微的过冲。分闸状态表现为一段看得见的空气间隙，所以色觉障碍者也能读懂，BoxOpenColor 和 BoxClosedColor 再加一层强调（默认灰色和绿色；采用相反约定的现场可以对调）。BladeColor、ContactMarkColor、PivotRingColor 和 BasicColor 凑齐七个属性。
它不带文字也不带背景，所以你可以用 WinCC 文本域给它标上 Q1 或 CB-101，然后沿着母线重复摆放。
我们喜欢的
- 分闸状态靠形状和颜色双重表达
- 七个属性，全部列出，解释清楚
- 图里没有文字：你的变量，你的标签
需要留意
- 刻意做成示意风格：放在变电站总览画面上不会让谁眼前一亮
- 刀闸后面的灰色方框默认很显眼：在深色单线图上，选一个更低调的
BoxOpenColor
可绑定属性
- BladeAngle
- BladeColor
- ContactMarkColor
- PivotRingColor
- BasicColor
- BoxOpenColor
- BoxClosedColor
03最佳负荷隔离开关（旋转手柄）
Breaker Switch
一台在总配电柜里常见的三极负荷开关：三个黑色极模块，上下各有银色接线端子，灰色操作面板上一个旋转手柄，标着 0 OFF 和 I ON。说明里称它是一台 630 A 的开关。
只有三个属性，但都选对了。SwitchPosition 转动手柄（说明里写着负值向左转），Status 是表示健康状态或有无电压的颜色，BasicColor 设定外壳颜色。在 MCC 画面上做进线开关或馈线隔离开关，这些就够用了。
我们喜欢的
- 手柄位置就能体现开关状态
- 三个属性：一分钟就能绑完
- 写实的三极布局，带接线端子
需要留意
- 操作面板上带着厂家 logo：用于客户项目前，先把它隐藏或修改文件
- 0 OFF 和 I ON 是固定文字
可绑定属性
- SwitchPosition
- Status
- BasicColor
04最佳框架断路器正面图
Circuit Breaker
一台抽屉式框架断路器（ACB）的正面：钢制框架顶部带通风口，脱扣单元上有一块绿色小显示屏，大大的红色 OFF 和绿色 ON 按钮，两个指示窗口，底部是摇进摇出插孔。这正是电工打开低压开关柜门时看到的样子。
它的五个属性都是颜色：BasicColor 和 ChassisFrameColor 管本体和框架，OpenButtonColor 和 CloseButtonColor 管两个按钮，DisplayBacklightColor 管脱扣单元的显示屏。因此它非常适合做开关柜的详情画面，让图形本身就是按钮面板。
我们喜欢的
- 榜单上细节最丰富的断路器
- 分闸和合闸按钮颜色各自独立
- 开关柜详情画面和操作画面的理想之选
需要留意
- 没有分合闸状态属性：靠给按钮换色，或在旁边放一个符号来显示状态
- 放在单线图里细节太多了
可绑定属性
- BasicColor
- ChassisFrameColor
- OpenButtonColor
- CloseButtonColor
- DisplayBacklightColor
05最佳高压隔离开关
Electrical Disconnector
户外变电站的经典款：钢制底座上立着两根带伞裙的绝缘子，右侧是固定铜触头，左侧铰接着一把铜刀闸。预览图里刀闸斜着抬起，隔离开关显然处于分闸状态，隔着整个房间都能看到那段空气间隙。
DisconnectorAngle 驱动刀闸，这正是你想要的属性：把它绑定到位置反馈（或者分合闸各对应一个固定角度），图形就能靠形状而不只是颜色来显示真实状态。InsulatorColor、ContactColor 和 TerminalColor 可以把瓷件、铜件和接线端子区分开，ShowShadow 则能在扁平风格的画面上去掉地面阴影。
我们喜欢的
- 单看刀闸位置就能分辨分合闸
- 六个属性，说明里全部列出
- 在变电站和公用事业画面上一眼就能认出
需要留意
- 刀闸末端是个箭头，看起来更像指针而不是触头
- 放在密集的单线图里太写实了：那种场合用 Circuit Breaker Symbol 的风格
可绑定属性
- DisconnectorAngle
- BasicColor
- ShowShadow
- InsulatorColor
- ContactColor
- TerminalColor
06最佳柴油发电机组
Diesel Generator Unit
每家医院、数据中心和水厂楼后都有的那台备用发电机组：左边是散热器风扇，中间是带排气管的深色带筋发动机机体，右边是发电机外壳，上面有一块带三颗 LED 的小控制面板，全部装在一条长长的钢制底座上。
它的六个属性都很实用。FanRotation 让散热器风扇转起来，而且这里转动是合理的，因为风扇正对着你。FuelLevel 增加油箱液位，ShowExhaust 和 ShowControlPanel 用来精简图形，BasicColor 和 EngineColor 则可以按运行或故障状态给发动机上色。
我们喜欢的
- 风扇确实正对观察者，转起来看着很自然
- 燃油液位和发动机颜色集于一个符号
- 又宽又矮，正好放在母线下方
需要留意
- 预览图里看不出
FuelLevel画在哪儿：先测试，再对外承诺 - 控制面板上的 LED 是固定颜色，不表示状态
可绑定属性
- FanRotation
- FuelLevel
- ShowExhaust
- ShowControlPanel
- BasicColor
- EngineColor
07高性能 HMI 最佳发电机符号
Generator Symbol
不是每个画面都需要照片级的发电机组。这是 IEC 风格的发电机符号，一个写着大 G 的圆圈，披上拉丝钢外观，再配上 HMIx 在各系列符号中通用的四个状态图标：报警、联锁、手动模式和维护。
ShowStatusBar 显示或隐藏整排图标，ShowIconAlarm、ShowIconLock、ShowIconManual 和 ShowIconMaintenance 分别控制每个图标，ColorAlarm、ColorMaintenance 等颜色属性给它们上色。在一张有六台发电机组的电厂总览画面上，操作员一眼就能看出哪台处于手动。
我们喜欢的
- 设备状态一目了然，不需要额外的符号
- 与 HMIx 的储罐、阀门和电机符号使用同一套图标语言
- 缩小后依然清晰
需要留意
- 说明宣称有 11 个属性，只列出了 9 个（四种图标颜色只列了两种）
GeneratorRotation会把整个圆盘连同字母 G 一起转动：慎用
可绑定属性
- BasicColor
- GeneratorRotation
- ShowStatusBar
- ShowIconAlarm
- ShowIconLock
- ShowIconManual
- ShowIconMaintenance
- ColorAlarm
- ColorMaintenance
08最佳储能电池（BESS）符号
Battery Bank
一眼就能读懂的电池柜：钢制机柜，玻璃前门后面是六个深色电芯，顶部是红蓝两色端子，中间一根竖向电量条。预览图里它停在大约三分之二的位置，是让人安心的绿色。
ChargeLevel 取值 0 到 100，驱动电量条；LevelColor 可以在荷电状态偏低时把它切换成琥珀色或红色，充电时也可以换成别的颜色。CellColor、TerminalColor 和 BasicColor 负责其余部分，ShowGlass 用来开关反光的前门玻璃。
我们喜欢的
- 荷电状态 0 到 100，自带独立颜色
- 一看就是电池，不会被认成储罐
- 适用于 BESS、UPS 和光伏储能画面
需要留意
- 电量条相对于机柜来说偏窄
- 没有刻度：用一个 WinCC I/O 域补上百分比
可绑定属性
- ChargeLevel
- LevelColor
- BasicColor
- TerminalColor
- CellColor
- ShowGlass
09带状态 LED 的最佳逆变器
Power Inverter
一台装在拉丝铝箱体里的壁挂式逆变器：两侧是散热鳍片，一块深色玻璃显示屏，一排三颗 LED，底部是接线端子。光伏逆变器、储能变流器都适用，实在需要的话，配电室里的变频器也能凑合用。
它的亮点是三个布尔型状态属性：PowerOn、RunActive 和 FaultActive 分别点亮绿、黄、红三颗 LED。这和大多数逆变器本来就发给 PLC 的状态字一一对应。ScreenColor、FinColor、TerminalColor 和 BasicColor 负责外观。
我们喜欢的
- 上电、运行和故障状态都是简单的布尔量
- 七个属性，全部列出
- 紧凑，放在总览画面上很整齐
需要留意
- 显示屏只是个深色窗口：在上面叠一个 WinCC I/O 域来显示功率或频率
- LED 比较小：在信息密集的总览画面上，故障时也给
BasicColor换个颜色
可绑定属性
- PowerOn
- RunActive
- FaultActive
- BasicColor
- FinColor
- ScreenColor
- TerminalColor
10最佳光伏跟踪支架（倾角）
Photovoltaic Panel Profile
这一款展示了榜单上其他符号都没有的东西：角度。一块侧面朝向你的光伏组件，架在钢柱顶部的转轴上，正是从一排单轴跟踪支架的端头看过去的样子。
PanelAngle 让组件绕转轴旋转，而且因为这是侧视图、转轴正对着你，用旋转来表现才是名副其实。把它绑定到跟踪支架的角度反馈，操作员就能看出哪几排已进入防风收拢位置，哪几排卡在了错误的角度。ShowSupport 和 ShowPivot 用来隐藏支撑结构，CellColor 和 BasicColor 负责配色。
我们喜欢的
- 榜单上唯一能显示跟踪角度的符号
- 在物理上正确的地方用旋转
- 够纤细，整排跟踪支架都可以重复摆放
需要留意
- 除了电池片颜色，没有别的状态颜色
- 总览尺寸下细节很小：给它留点空间
可绑定属性
- PanelAngle
- CellColor
- BasicColor
- ShowSupport
- ShowPivot
11最佳光伏板（正视图）
Photovoltaic Panel
一块正面朝向你的单晶硅光伏组件：阳极氧化铝边框，蓝黑色电池片被细密的栅线分隔，再加一道斜向的玻璃反光。简单、整洁，在屋顶或光伏电站的总览画面上一眼就能认出是光伏板。
它的六个属性都与外观有关，而它的用处也正在于此：SurfaceColor 和 PanelOpacity 可以关联发电功率，一串组件停止发电时就会变淡；GridColor 和 BusbarColor 用来匹配某个厂家的外观；ShowGlassReflection 切换到扁平风格；BasicColor 负责边框。
我们喜欢的
- 任何尺寸下都是一块干净、好认的组件
PanelOpacity轻松做出发电或未发电的效果- 扁平或亮面效果随心切换
需要留意
- 没有状态灯或故障标记：用变量驱动某个颜色，或另加一个指示器
- 六列一模一样的电池片：很多块拼成阵列时，画面可能显得杂乱
可绑定属性
- SurfaceColor
- PanelOpacity
- GridColor
- BusbarColor
- ShowGlassReflection
- BasicColor
荣誉提名：另外 7 款值得一看的电气符号
它们没挤进前十一，通常是因为说明里交代得太少，或者有个兄弟款干得更好，但每一款都有自己存在的理由。点击任意缩略图即可打开产品页面。
Power Distribution Panel
一台双门配电柜，带指示灯、仪表和急停按钮，另有
查看产品PhaseRStatus、PhaseSStatus和PhaseTStatus。说明里提到了塑壳断路器手柄和分支断路器，预览图里却看不到。
没找到你要的设备？用 AI 免费做一个自己的（或改一个现成的）
坦白一件事：本文里的每一个符号，都是用 HMIx AI 生成器做出来的。所以我们可以脸不红心不跳地说：如果其中没有一款正好是你单线图上的那台设备，几分钟你就能生成一个自己的。
用大白话描述它（比如“抽屉式断路器的 IEC 单线图符号，有工作位置和试验/抽出位置，分闸为灰色，合闸为绿色”），生成器会一步步带你走完：画图、确定要在 WinCC 中绑定的属性、用仿真试各种数值，最后打包出适用于 WinCC Unified 和 WinCC V8 的 .svghmi 文件。需要实时数字、能耗趋势或按钮这些 SVG 做不到的东西时，同一个工具还能生成 Custom Web Controls。
- 改造榜单上的任意一款：在它的产品页面上点击“在 AI 生成器中编辑”按钮，就能直接在生成器里打开它，随时可以提修改要求，比如“改成 ISA-101 灰色调”“去掉前面板上的 logo”或者“给变压器加一盏状态灯”。本文中的“用 AI 编辑”链接也是同样的作用。
- 免费试用：不注册账号也能直接开始，每天有一小笔积分额度；Community 套餐也是免费的。
- 成果归你使用：下载文件包，像本页其他符号一样放进你的 TIA Portal 项目即可。
如何在 WinCC Unified（以及 WinCC V8）中使用动态 SVG 电气符号
精简版，留给已经选好符号的你。我们的动态 SVG 指南配有示意图和截图，每一步都讲得很细。
下载 .svghmi 文件
打开产品页面，用免费账号登录，然后下载文件。本文中的符号全部免费。
复制到你的 TIA Portal 项目中
在 WinCC Unified 中，把文件放到项目文件夹下的
UserFiles\SVGControls里（如果这两个文件夹不存在，就自己新建）。回到 TIA Portal，在工具（Tools）任务卡中刷新“动态微件”（Dynamic widgets），然后把符号拖到画面上。绑定属性
选中符号，在巡视窗口（Inspector window）中找到它的状态属性（
BladeAngle、ChargeLevel、FaultActive……每个符号的叫法都不一样），把它们绑定到 HMI 变量。如果需要，颜色和可见性开关也照此操作。连 PLC 之前先测试
把一个状态属性绑定到内部变量，再为同一个变量添加一个 I/O 域，然后启动 Runtime：修改数值，看着刀闸摆动、电量条移动或 LED 亮起。确认没问题后，再换成真实的 PLC 变量。
在 WinCC V8 中
WinCC V8 同样支持 SVGHMI 动态图形，在 Graphics Designer 中进行配置。文件是同一个，组态步骤则按该环境的方式进行。
进阶提示：断路器和隔离开关符号要用位置反馈（辅助触点）来驱动，绝不能用你发出的命令。如果 PLC 只知道“分”和“合”，就把它换算成 BladeAngle 或 DisconnectorAngle 的两个固定角度，两路反馈不一致时显示中间态或故障态。只因为有人按了按钮就显示断路器已分开的符号，比没有符号还糟糕。
常见问题
这些动态 SVG 电气符号真的免费吗？
是的。本文中的每个符号都在 HMIx 上作为免费产品发布。你只需要一个免费账号就能下载。
能用动态 SVG 在 WinCC Unified 中搭建单线图吗？
可以。断路器用 Circuit Breaker Symbol 这类扁平的示意符号，母线和导线用 WinCC 的线条绘制，再把每个符号的状态属性绑定到断路器的位置反馈。Power Transformer 这类写实设备更适合放在总览画面和详情画面上，而不是塞进密集的单线图里。
动态 SVG 能显示电压、电流或功率值吗？
单靠它自己不行。动态 SVG 可以改变颜色、可见性、位置、角度和尺寸，但不能改写文字。在符号旁边或上面放一个 WinCC I/O 域，并绑定到测量值。如果要做带实时数字和趋势的能源看板，Custom Web Control 是更合适的工具。
它们能在 WinCC Unified Comfort Panel 和 WinCC V8 上使用吗？
它们的产品页面列出的兼容性包括 WinCC Unified（含 Unified Comfort Panel）和 WinCC V8。和任何 AI 生成的图形一样，上生产之前，请在你自己的项目和目标设备上测试实际表现。
做电气画面时，动态 SVG 和 Custom Web Control 有什么区别？
动态 SVG 是一幅轻量的图形，你把它的属性（颜色、可见性、角度）绑定到变量；它不能显示变化的文字，也不能包含逻辑。Custom Web Control 是一个小型 Web 应用（HTML、CSS 和 JavaScript），可以显示数字、桑基图、趋势和仪表盘，并响应点击。如果断路器或变压器只需要显示状态，SVG 更简单、更轻量。我们的 Custom Web Control 指南解释了它们的工作原理。
我可以修改其中某个电气符号吗？
当然可以。你可以用任何文本编辑器或矢量编辑器打开 .svghmi 文件，也可以在产品页面上点击“在 AI 生成器中编辑”，用大白话提出修改要求。第二种方式通常更快，因为生成器会替你处理好属性和打包。
我们的结论
如果只下载一个，就选 Power Transformer：放在哪儿都对味，说明里还把每个属性的作用讲得清清楚楚。单线图选 Circuit Breaker Symbol；变电站选 Electrical Disconnector；备用电源选 Diesel Generator Unit；光伏和储能则选 Battery Bank、Power Inverter 和 Photovoltaic Panel Profile。
如果你的设备比这些都更奇葩（环网柜、有载分接开关，或者那台还没人画过的配电柜），别忘了，画出它们的那个生成器，离你只有一次点击。