博客 · 动态 SVG
11 款最佳动态 SVG 电机：适用于 WinCC Unified 和 WinCC V8（免费）
动态 SVG 电机怎么选？我们把 HMIx 目录里的电机挨个打开了一遍——2026 年 11 月共有 23 个电机图形——凑近看了每一张渲染图，读完了每一份产品说明，最后留下 11 款：明天一早就敢直接拖进 WinCC Unified 或 WinCC V8 画面的那种。全部免费，全部是 .svghmi 格式：写实的电动机、带状态图标的电机符号、两台伺服电机，还有一台搅拌电机。
- 动态 SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- 电机符号
- HMI 图形
- SCADA 图标
速览清单
时间紧？直接跳到你需要的那台电机。
为什么电机符号不该只是一个灰色矩形
数一数任何一张工艺画面上的电机。输送机、风机、泵、搅拌机、螺旋输送器、破碎机：几乎每一台运动设备背后都有一台电动机，而操作员想一眼看清它的三件事：在运行吗？故障了吗？我能动它吗，还是它被挂牌上锁、处于手动或正在维护？
一台好的动态 SVG 电机，不用一个数字就能回答这些问题。在 WinCC Unified（TIA Portal）和 WinCC V8 中，动态 SVG（也就是 .svghmi 格式）是一幅矢量图，它会开放 StatusColor、ShaftRotation 这样的属性。把它拖到画面上，把这些属性绑定到 HMI 变量，图形就会跟着反应：机身变色，状态灯亮起，锁形图标出现。不用脚本，不用 JavaScript，而且放多大都清清楚楚，从 7 英寸的 Unified Comfort Panel 到中控室的 4K 大屏都一样。
什么样的动态 SVG 电机才值得下载
上榜单之前，先亮出我们的标尺。下面是我们看重的几点，大致按“缺了它有多让人抓狂”排序：
- 状态要看得见。 至少要有一个机身颜色属性或一盏状态灯，让运行、停止和故障隔着整个房间都一目了然。内置报警、联锁、手动和维护图标算加分项。
- 动作要合理。 只有轴线正对观看者时，旋转才说得通，比如伺服电机的正视图。电机侧视图里，颜色和可见性比一张转个不停的图更能说明问题。
- 属性要写进说明。 如果产品页面说有十一个属性，我们希望下载之前就知道它们叫什么。一个都没列出来的，最多只能进荣誉提名。
- 缩小了也要看得清。 MCC 和全厂总览画面会把电机缩到指甲盖大小；一台在 60 像素下糊成一团灰的电机，在那里根本没法用。
- 种类要丰富。 与其挑 11 台大同小异的散热筋圆柱电机，我们宁可每种用途只选一位冠军：写实、扁平、符号、伺服、挂牌上锁和搅拌。
我们是怎么挑的（以及我们没做什么）
我们在目录中搜索名字里带“motor”“servo”或“drive”的动态 SVG：2026 年 11 月共有 33 个结果，其中 23 个是真正的电机（其余是电动阀、一台驱动泵、磨机、驱动柜和一组按钮）。每台电机都看了它的真实渲染图（是图形本身，不是目录里那张顶着大标题的封面），并读了产品说明，看它开放了哪些属性。下载量只在难分高下时才拿来参考，因为上个月才发布的电机还没来得及攒下任何下载。
我们剔除了一个预览图损坏的、一个说明里写的是带散热筋的钢制电机而渲染出来却是圆形“M”符号的、几个近似重复款，以及两个我们看不明白的图形。也得先说句实话：写这篇文章时，我们评判的是图形和文档，并没有把这些电机放进真实的 Runtime 里跑。它们都是用 AI 生成的，每个产品页面都会提醒你：上生产之前，先在你自己的 TIA Portal 项目里测试。其实不管从哪儿下载的东西，我们都会这么说。
11 款最佳动态 SVG 电机，逐一点评
每一款都附上真实的 SVG 渲染图、我们喜欢的地方、需要留意的地方，以及可以绑定的属性，最后是目录缩略图：点击即可打开产品页面，免费下载这台电机。
01综合最佳
Pressure Motor
如果只能留一个，那就是它，尽管名字有点怪（它身上没有任何东西在测压力）。这是一台比例匀称的异步电机：抛光钢机身，竖直散热筋配柔和高光，非驱动端有端罩，两只底脚，一根镀铬轴，顶部接线盒上还有一盏小小的圆形状态灯。
正是这盏灯让它夺冠。StatusColor 用电机状态给它上色，不需要时用 ShowStatusIndicator 隐藏，这样图形既保持写实，又能告诉操作员电机是在运行、停止还是跳闸。其余五个属性也全部列出：BasicColor、ShaftColor、TerminalBoxColor、MountingFootColor 和 ShowTerminalBox。
我们喜欢的
- 写实电机，自带状态灯
- 七个属性在说明里全部列出
- 机身、轴、接线盒和底脚颜色可分别设置
需要留意
- 灯比较小：在全厂总览画面上，机身也一起变色
- 名字里有“pressure”，同事翻你的库时可能会犯迷糊：给画面对象改个名
可绑定属性
- StatusColor
- ShowStatusIndicator
- BasicColor
- ShaftColor
- TerminalBoxColor
- MountingFootColor
- ShowTerminalBox
02最写实的电机图形
Realistic Motor
如果客户希望 HMI 看起来就像现场设备，那就选它。一台拉丝铝电机，深深的水平散热筋，圆润的端盖，顶部的接线盒，宽大的安装底脚和一根细轴，高光干净利落。它是这一组里最逼真的图形，缩小之后依然清楚。
它只有五个属性，全部列出，简单明了：BasicColor 管机座，TerminalBoxColor 和 BaseColor 管接线盒和底脚，另外两个开关 ShowTerminalBox 和 ShowBase 用来让轮廓更简洁。
我们喜欢的
- 所有电机里外观最写实的一款
- 只有五个属性：一分钟就能绑好
- 深色和浅色背景上都好看
需要留意
- 没有运行或状态属性：状态只能通过
BasicColor来传达 - 非常亮：在高性能灰色画面上，它会是最抢眼的对象
可绑定属性
- BasicColor
- TerminalBoxColor
- BaseColor
- ShowTerminalBox
- ShowBase
03总览画面最佳经典电机
Industrial Motor
一提到“电机”，你脑子里浮现的就是它：圆润的钢蓝色机身，竖直散热筋，带两个电缆接头的接线盒，平底座，以及一根带联轴器端的轴。线条干净，不加修饰，轮廓在任何尺寸下都认得出来，这正是有四十台驱动的总览画面所需要的。
说明列出了六个属性：MotorRotation 用于旋转反馈，BasicColor、TerminalBoxColor 和 MountingBaseColor 管颜色，ShowCoolingFins 和 ShaftVisibility 用来简化图形。说明里还提到五种颜色状态（停止、运行、警告、报警）以及“状态 5”时的闪烁报警，但这六个属性里没有一个是状态编号。
我们喜欢的
- 缩小后依然非常清晰
- 散热筋和轴可以隐藏，变成示意图风格
- 三个独立的颜色区域
需要留意
- 说明里描述的颜色状态和闪烁报警与列出的属性对不上：在 TIA Portal 中查看接口
- 侧视图：依赖
MotorRotation之前先测试一下
可绑定属性
- MotorRotation
- BasicColor
- TerminalBoxColor
- MountingBaseColor
- ShowCoolingFins
- ShaftVisibility
04深色中控室主题首选
Electric Motor
目录里大多数电机都是抛光钢的样子。这台却是深色的：一台蓝灰色异步电机，带筋的机身、圆润的风扇罩、顶部的接线盒、一块结实的底板，轴端周围还有两道弧形箭头暗示旋转。放在深色操作主题上，它显得很协调，而不是像个闪闪发光的镀铬玩具。
七个属性在说明里全部列出。BasicColor、TerminalBoxColor 和 FanCowlColor 让你分别给各部分上色，ShowLiftingEye、ShowMountingBase 和 ShaftVisibility 决定显示多少硬件细节，ShaftRotation 控制轴，说明里写的是可视旋转的速度和方向。
我们喜欢的
- 外观沉稳，适合深色操作主题
- 三个独立的颜色区域，包括风扇罩
- 底座、吊环和轴都可以隐藏
需要留意
- 在深色背景上对比度偏低：调亮
BasicColor，或给它配一块浅一点的面板 - 旋转箭头是画死的，所以它看起来总像在动
可绑定属性
- ShaftRotation
- BasicColor
- TerminalBoxColor
- FanCowlColor
- ShowLiftingEye
- ShowMountingBase
- ShaftVisibility
05高性能画面最佳扁平电机
Simple Motor
秉承 ISA-101 理念的高性能 HMI，要求设备用灰色，只在需要注意时才用颜色。这台电机说的正是这种语言：扁平的深灰色机身，黑色轮廓线，水平筋，带两个电缆接头的接线盒，轴端有法兰。没有渐变，没有光泽。
五个列出的属性让它保持轻量：RunningState 改变核心元素的填充色来表示运行，BasicColor 和 SecondaryColor 设定配色，FinColor 设定筋的描边，MotorVisible 可以把它整个隐藏。
我们喜欢的
- 扁平风格，专为灰色、低干扰的画面而做
- 专门的
RunningState属性 - 小巧，绑定很快
需要留意
- 深色背景上的深灰色几乎看不见：放在浅灰画面上，或调亮
BasicColor - 非常示意化：想要写实效果的人不会被它打动
可绑定属性
- RunningState
- BasicColor
- SecondaryColor
- FinColor
- MotorVisible
06带状态图标的最佳电机符号
Full motor Symbol
介于图形和 P&ID 符号之间：一台带接线盒、底脚和轴的散热筋电机，用粗线条勾勒，中间有一个圆形“M”标识。下方是一条状态栏，有四个图标：报警、联锁、手动和维护。一个对象就能告诉操作员这是什么设备、处于什么状态。
说明称有十一个属性，列出了其中七个：BasicColor 管机壳，FanColor 管冷却风扇，ShaftColor 管驱动端，另有 ShowIconAlarm、ShowIconMaintenance 这样的可见性开关，以及 ColorAlarm、ColorLock 这样的颜色属性。目录里的阀门和储罐也有同一系列的状态图标，所以整张画面可以共用一套视觉语言。
我们喜欢的
- 电机和四种设备状态集于一个对象
- 粗轮廓线，缩小后依然清晰
- 机身、风扇和轴颜色可分别设置
需要留意
- 说明只列出了十一个属性中的七个：其余的到 TIA Portal 里去查
- 默认图标颜色在灰色画面上太扎眼
可绑定属性
- BasicColor
- FanColor
- ShaftColor
- ShowIconAlarm
- ShowIconMaintenance
- ColorAlarm
- ColorLock
07MCC 总览画面最佳紧凑符号
Motor Symbol
面对有几十台驱动的电机控制中心（MCC）总览画面，你要的不是一幅图，而是经典的圆形“M”。这一款把它做成了一个亮面圆顶，根据说明，停止时是石板灰，运行时变成翡翠绿，下方同样有四个状态图标（报警、联锁、手动和维护）。
一共十个属性。MotorState 驱动圆顶，BasicColor 管外圈，每个图标都有自己的颜色（ColorAlarm、ColorLock、ColorManual 和 ColorMaintenance）和独立的可见性开关。紧凑小巧，隔着整个房间也看得清。
我们喜欢的
- 紧凑，在密集的总览画面上一眼可读
- 圆顶有专门的运行状态
- 每个状态图标颜色可单独设置
需要留意
- 绿色圆顶上的灰色“M”对比度不高
- 说明没有给出四个图标开关的确切名称
可绑定属性
- MotorState
- BasicColor
- ColorAlarm
- ColorLock
- ColorManual
- ColorMaintenance
08最佳伺服电机
Industrial Servomotor
伺服电机长得不像异步电机，一座满是机器人和 CNC 轴的工厂，理应配上正确的轮廓。这是一台修长的带散热筋伺服电机：方形前法兰和输出轴，后部是编码器外壳，顶部有两个动力和信号连接器，盖子分别是橙色和蓝色。底部一道柔和的阴影，给它添了几分立体感。
产品说明列出了十个属性中的九个，全都围绕“对上实际硬件”：ShowConnectors、ShowShaft 和 EncoderVisibility 显示或隐藏这些部件，BasicColor、FlangeColor 和 ConnectorColor 给它们换色，FinIntensity 调节散热筋的明显程度，ShowShadow 可以在扁平风格的画面上去掉阴影。ShaftRotation 的说明是 360 度的位置或速度指示。
我们喜欢的
- 精选中唯一一个写实的伺服电机轮廓
- 高度模块化：连接器、轴、编码器和阴影都可选
- 机身、法兰和连接器颜色分开设置
需要留意
- 侧视图：向别人打包票之前，先看看
ShaftRotation在你的画面上效果如何 - 自身没有状态灯：用
BasicColor表示状态，或另加一个指示灯
可绑定属性
- ShaftRotation
- BasicColor
- FlangeColor
- ConnectorColor
- FinIntensity
- ShowShadow
- ShowConnectors
- ShowShaft
- EncoderVisibility
09显示旋转方向的首选
Servomotor Shaft Indicator
这是唯一一个旋转完全说得通的例子，因为你是正对着轴看的。方形伺服法兰配四颗螺栓，圆形外壳，中心一根带键槽的轴，周围有两道发光的箭头，一道顺时针、一道逆时针。看起来就像一个高端的运动控制图标。
七个属性全部列出：ShaftRotation 设定轴的角度（0 到 360°），ShowClockwise 和 ShowCounterClockwise 开关两道箭头，IndicatorColorCW 和 IndicatorColorCCW 给它们上色，BasicColor 和 FlangeColor 负责本体。把两道箭头分别绑定到正转和反转，操作员一眼就能看出方向。
我们喜欢的
- 正视图：轴的角度变化是合理的动作
- 旋转方向用独立的箭头和颜色表示
- 外观非常精致，适合运动控制画面
需要留意
- 霓虹光效很张扬；在灰色画面上把颜色调淡一些
- 不是一台完整的电机：在详情画面上搭配一个侧视图使用
可绑定属性
- ShaftRotation
- ShowClockwise
- ShowCounterClockwise
- IndicatorColorCW
- IndicatorColorCCW
- BasicColor
- FlangeColor
10挂牌上锁与闭锁状态首选
Motor_Inv_V2
名字是工程师随手起的工作名，但思路很好。一台带接线盒的写实散热筋电机，叠加了三层图标：黄色挂锁、警告三角，以及横跨机身的大号红色禁止标志。预览图把三个同时显示出来，看着挺吓人；在你的画面上，只打开当前适用的那一个就好。
七个属性全部列出：ShowSafetyLock、ShowWarningSign 和 ShowProhibitionSign 控制三层图标，WarningSignColor 设置三角颜色，还有我们最喜欢的细节 WarningSignBlink，能在报警状态下让警告标志闪烁。BasicColor 和 FinColor 负责电机本身。挂牌上锁、联锁闭锁、等待维护：全都能在图上看出来。
我们喜欢的
- 锁、警告和禁止三种图标集于一个符号
- 用
WarningSignBlink实现内置的闪烁警告 - 说明里列出了全部属性
需要留意
- 图标全开时像块路牌：一次只显示一个
- 挂锁和三角会伸出电机轮廓之外，周围要留点空间
可绑定属性
- WarningSignBlink
- WarningSignColor
- ShowWarningSign
- ShowSafetyLock
- ShowProhibitionSign
- BasicColor
- FinColor
11最佳搅拌驱动
Agitator Motor
搅拌机和反应釜需要竖直的驱动，这是我们找到的最干净的一款。带散热筋的电机，顶部有吊环，一个安装法兰，一根长轴，底部是三叶叶轮。把它放在任何容器顶上，搅拌器就一目了然。
四个列出的属性：ImpellerSpeed 接收一个数值，根据说明，它会按驱动的转速缩放叶轮动画；ImpellerColor 和 BasicColor 分别给叶片和电机上色；当容器图形本身已经带电机时，用 ShowMotor 把电机隐藏。
我们喜欢的
- 干净的竖直驱动，放在任何储罐顶上都合适
- 叶轮动画由转速值驱动
ShowMotor让你能和自带电机的储罐组合使用
需要留意
- 只有四个属性：没有状态灯，状态只能通过
BasicColor来传达 - 又窄又高：容器上方要留出空间
可绑定属性
- ImpellerSpeed
- ImpellerColor
- BasicColor
- ShowMotor
荣誉提名：另外 6 款值得一看的电机
它们没挤进前十一，通常是因为有个更优秀的兄弟抢了位置，但每一款都有自己存在的理由。点击任意缩略图即可打开产品页面。
Motor Symbol
Full motor Symbol 的兄弟款，机身上有一个圆形运行指示（
查看产品StatusIndicatorColor），带ShaftRotation和同样的四个状态图标。
没找到你要的电机？用 AI 免费做一个自己的（或改一个现成的）
坦白一件事：本文里的每一台电机，都是用 HMIx AI 生成器做出来的。所以我们可以脸不红心不跳地说：如果其中没有一款正好是你厂里需要的那台电机，几分钟你就能生成一个自己的。
用大白话描述设备（比如“RAL 7035 色的法兰式减速电机，接线盒上有状态灯，再加一个挂牌上锁用的锁形图标”），生成器会一步步带你走完：画图、确定要在 WinCC 中绑定的属性、用仿真试各种数值，最后打包出适用于 WinCC Unified 和 WinCC V8 的 .svghmi 文件。需要显示数字、按钮或 SVG 做不到的逻辑时，同一个工具还能生成 Custom Web Controls，比如显示转速和电流的电机面板。
- 改造榜单上的任意一款：在它的产品页面上点击“在 AI 生成器中编辑”按钮，就能直接在生成器里打开它，随时可以提修改要求，比如“改成 ISA-101 灰色调”“加一个手动模式图标”或者“让它朝左”。本文中的“用 AI 编辑”链接也是同样的作用。
- 免费试用：不注册账号也能直接开始，每天有一小笔积分额度；Community 套餐也是免费的。
- 成果归你使用：下载文件包，像本页其他电机一样放进你的 TIA Portal 项目即可。
如何在 WinCC Unified（以及 WinCC V8）中使用动态 SVG 电机
精简版，留给已经选好电机的你。我们的动态 SVG 指南配有示意图和截图，每一步都讲得很细。
下载 .svghmi 文件
打开产品页面，用免费账号登录，然后下载文件。本文中的电机全部免费。
复制到你的 TIA Portal 项目中
在 WinCC Unified 中，把文件放到项目文件夹下的
UserFiles\SVGControls里（如果这两个文件夹不存在，就自己新建）。回到 TIA Portal，在工具（Tools）任务卡中刷新“动态微件”（Dynamic widgets），然后把电机拖到画面上。绑定属性
选中电机，在巡视窗口（Inspector window）中找到它的状态属性（
StatusColor、RunningState、MotorState……每台电机的叫法都不一样），把它绑定到一个 HMI 变量。需要用到的状态图标和颜色，也照此操作。连 PLC 之前先测试
把状态绑定到一个内部变量，再为同一个变量添加一个 I/O 域，然后启动 Runtime：在停止、运行和故障之间来回切换，看着电机跟着变化。确认没问题后，再换成真实的 PLC 变量。
在 WinCC V8 中
WinCC V8 同样支持 SVGHMI 动态图形，在 Graphics Designer 中进行配置。文件是同一个，组态步骤则按该环境的方式进行。
进阶提示：大多数 PLC 以位或状态字的形式给出电机状态，而这些电机里有不少需要的是颜色。先定好一套颜色约定（比如停止灰色、运行绿色、故障红色、维护黄色），在 WinCC 中集中一处把状态映射成颜色，然后所有电机都复用它。另外，侧视图上别贪图转动的轴：一个稳定的颜色，比一幅假装在转的图更好读。
阅读完整的动态 SVG 指南常见问题
这些动态 SVG 电机真的免费吗？
是的。本文中的每台电机都在 HMIx 上作为免费产品发布。你只需要一个免费账号就能下载。
它们能在 WinCC Unified Comfort Panel 和 WinCC V8 上使用吗？
它们的产品页面列出的兼容性包括 WinCC Unified（含 Unified Comfort Panel）和 WinCC V8。和任何 AI 生成的图形一样，上生产之前，请在你自己的项目和目标设备上测试实际表现。
动态 SVG 电机能显示转速（rpm）或电流（A）吗？
不能以文字形式显示。动态 SVG 可以改变颜色、可见性和位置，但不能显示变化的数字。在电机旁边放一个 WinCC I/O 域；如果需要带数值、按钮和逻辑的完整电机面板，就用 Custom Web Control。
高性能（ISA-101）画面上该用哪款电机？
扁平的灰色电机，比如 Simple Motor，或者把颜色调淡的符号，比如 Full motor Symbol。电机正常时保持灰色，只在需要注意的状态下才用颜色。
电机符号运行时应该旋转吗？
只有在正对着轴看的时候才应该，比如 Servomotor Shaft Indicator。在侧视图中，旋转的图形只是一种近似；明确的颜色变化或一盏状态灯更好读，也更不容易分散注意力。
我可以修改其中某台电机吗？
当然可以。你可以用任何文本编辑器或矢量编辑器打开 .svghmi 文件，也可以在产品页面上点击“在 AI 生成器中编辑”，用大白话提出修改要求。第二种方式通常更快，因为生成器会替你处理好属性和打包。
我们的结论
如果只下载一个，就选 Pressure Motor：写实，自带状态灯，每个属性都有文档。不惜一切追求写实，选 Realistic Motor；灰色的高性能画面，选 Simple Motor；MCC 总览画面，选圆形的 Motor Symbol；伺服轴，选 Industrial Servomotor 和 Servomotor Shaft Indicator；搅拌机，选 Agitator Motor。
如果你的电机比这些都更奇葩（减速电机、制动电机、顶上装着驱动器的电机：总会有的），别忘了，画出它们的那个生成器，离你只有一次点击。