在HA中添加GOOGLE的MDI图标库，让HA的图标库有更多的选择

zxlch · 发表于 2020-2-28 20:40:15

本帖最后由 zxlch 于 2020-2-28 20:49 编辑

图标库是使用的2020年02月26日的版本，链接如下：https://www.google.com/design/icons/

安装方法：
1、下载帖子中的图库文件，并放入HA的www文件夹内。
2.1、在configuration.yaml中添加图库代码

frontend:
  extra_html_url:
    - /local/icons/google/MaterialIcons-Regular.html

2.2、（添加预览页面，如不添加可以略过）如果你需要在ha中预览图标，我做了一个简单的预览界面，需要在configuration.yaml中添加如下代码

panel_iframe:
  googledesignicons:
    title: '图标'
    icon: mdi:vector-square
    url: '/local/Designicons/materialdesignicons.html'

3、重启HA即可。

使用方法：

内置的MDI图库使用mdi:来显示，添加的google图标可以使用gmdi:来显示。
例子：“icon: gmdi:3d_rotation"

捕获.PNG

附件下载：

HA-MaterialIcons-Regular.zip (1.75 MB, 下载次数: 309)

白云纷飞 · 发表于 2020-2-28 21:53:29

顶起来，感谢分享！

ghostist · 发表于 2020-2-28 23:18:27

原本的图标库看起来全，用起来就不够了，而且网站打不开经常

jyz_0501 · 发表于 2020-2-28 23:21:11

没必要那么麻烦其实，直接加个 card 用ifream那个就可以了！

smallm · 发表于 2020-2-29 00:27:01

谢谢学习了

zsyg · 发表于 2020-2-29 13:18:33

谢谢分享

ljk4160 · 发表于 2020-2-29 13:40:47

感谢分享支持一下

dukejunior · 发表于 2020-2-29 17:30:42

你牛，我服

skyflying5 · 发表于 2020-3-1 20:45:40

谢谢分享，现在有很多图标可以选择了

MattSmell · 发表于 2020-3-4 21:14:40

图标风格统一吗，大小之类的

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

[新奇玩法] 在HA中添加GOOGLE的MDI图标库，让HA的图标库有更多的选择

评分

活跃会员

教程狂人

灌水之王