【小教程】HA项目的显示图标修改和引用说明

倾微qiwe · 发表于 2017-8-1 15:04:16

本帖最后由倾微qiwe 于 2017-8-1 15:07 编辑

ＨＡ界面每一个项目都有一个图表，一般我们都是用的默认的。
但是我一直很奇怪怎么修改呢？　这些图表又是从哪儿来的呢？
在群上问了问，很快就知道了答案。
原来是引用的MDI的图标
使用方法
icon: mdi:xxxxx
举个栗子：

上面我引用了　mdi:av-timer 的图标
就显示下面这个图标了

使用方法很简单，那么在哪儿去找mdi的图标呢？
在以下网址查看，（备：这网址需要搭梯子才能打开哈，搭梯子教程就不阐述了）
https://materialdesignicons.com/

另外在分享一个按照状态变化图标的方法。
代码如下：

        icon_template: '{% if is_state("device_tracker.qrs7", "home") %}mdi:account-network{% else %}mdi:account-off{% endif %}'

如图：

效果图：

ahsyon · 发表于 2017-8-1 15:11:43

这个不错，我也来试试改改图标

宫小北 · 发表于 2017-8-1 15:14:45

马克一下

joln · 发表于 2017-8-1 15:27:30

不错的分享，感谢

wqqs · 发表于 2017-8-1 15:59:40

谢谢分享！！

骑蜗牛的机器猫 · 发表于 2017-8-1 17:02:35

不错不错，支持下。回去试试

xinqinew · 发表于 2017-8-1 17:13:18

本帖最后由 xinqinew 于 2017-8-1 17:27 编辑

有没有办法更改灯和开关的图标，比如，网关灯，开着是一个图标，关着又是一个图标。

zhaojunll · 发表于 2017-8-1 17:59:10

谢谢楼主分享！！

mengbo · 发表于 2017-8-1 23:54:33

谢谢楼主分享！！

hongqiang · 发表于 2017-8-2 17:19:08

挺有意思，试试看

		自动登录	找回密码
密码			立即注册

[进阶教程] 【小教程】HA项目的显示图标修改和引用说明