Power BI Desktop中建立自己的SVG图标集
我们在做数据可视化的时候，经常会用到图标，svg可缩放矢量图标是最佳选择，网络中有很多资源，今天我们介绍建立一个svg图标集，查找和引用这个图标集中的图标。
svg小知识：svg是标签语言，开始与结束要用标签包裹起来，我们引用现成的图标，所以我们不用系统的学习svg的语法，只需要了解最基本的设置就可以了：
我们只需要三个参数：
width:图标的宽度，数值是绝对大小，可以相对大小用vhheight:图标的高度，数值是绝对大小，可以相对大小用vhfill:图标的填充颜色，可以用英文名称，可以是颜色编码#fd625e
做了上述修改：这个图标就会是一个８０＊８０的红色的图标。
svg资源svg资源网络上可以找到很多，推荐这个网站的223个应该够用了，这个网站是mit license可以放心使用。
下载图标并解压出svg目录：
到这里我们就把准备工作做好了。
导入svg图标用power query从文件夹导入svg图标：
解码二进制：
把二进制解码成base64：
dax中的准备工作：把上面的图标集加载到power bi 中，这个时候还不能直接引用svg图标，因为我们还需要做一个编码声明，才能视图中显示出图标。
utf8编码：data:image/svg+xml;utf8,
另外我们要改变图标的大小与颜色，这两个工作可以在power query中做，也可以在dax中做，都可以，就是简单的文本替换与拼接：
dax中更接近我们excel中substitute：
red = substitute(svg[svg],width=8 height=8,width=80 height=80 fill=#fd625e)
这是大小与颜色的改变。
同样可以做绿色、黄色的图标列
我们做一列可以直接显示的utf8的图标列：
这样也看不全啊，是能显示出图标，不完整或者太小不清晰，我们要做一个可视化查询：
power bi可视化查询svg图标我们用三个视觉对象来查询svg图标
chiclet slicer可以做一个svg图标的矩阵列表：
image grid制作一个图标云：
html viewer制作单个图标视图：
这三个视觉对象都很简单，设置也很容易：
稍有不同的是：
html viewer：引用的列是不用声明utf8编码的列其他两个视觉对象：引用redutf8列，是utf8编码的列就是说，我们要在power bi 中引用图标，大部分时候是要utf8编码的。
单个svg图标引用通过编写度量值，指向单个图标：
我们先找一个要引用的图标名称：circle-check.svg
我们要用绿色的图标：
showgreen = data:image/svg+xml;utf8,&
calculate(selectedvalue(svg[green]),svg[name]=circle-check.svg)
我们引用红色的图标：
showred = calculate(selectedvalue(svg[redutf8]),svg[name]=circle-check.svg)
应为我们有现成的utf8红色图标所以度量值前面就少了data:image/svg+xml;utf8,&
其实这个两个度量值就代表了这两个图标：
我们可以用image形式单个引用，也可以用在条件格式中引用这两个图标：
有了这个图标集，你就可以有丰富的图标可用，可以自定义大小、颜色，做出更出色的可视化作品。
猪圈刮粪机 猪舍不锈钢全自动清粪设备清粪机多少钱一套
路桥防水材料价格贵吗,聚氨酯密封膏
加盟衣柜哪个品牌好 佰仕嘉家居加盟
桓台优化效果好不好--一对一的贴心服务。
专业供应德国伍尔特（WURTH）相序检测器
Power BI Desktop中建立自己的SVG图标集
电厂用抗燃油水分检测方案
70cm全橡胶方锥警示锥四方形路锥红白相间黄黑禁止停车雪糕筒
四川料理包那个牌子好丨风景区专用盖浇饭调理包哪里有卖的
供应不用电 镀锡水 沉锡液
江干区2岁宝宝早教十大品牌，给予您家庭教育解决方案
奇联机械制造,卧式导热油炉，安全,高效节能加热设备
呼吸器用复合气瓶检验机构、德航特检
江宁百家湖哪个驾校正规
浅析如何做好关键词SEO优化
台申TTS工厂供应 FCAF系列减速机 硬齿面减速马达
山西指纹锁招商/图，指纹锁加盟厂家哪家质量好
社交化网站运营套路 这几个思维要掌握
7ME6910-1AA10-1AB0进口Siemens流量变送器
保育猪消瘦、咳喘怎么治？老兽医给出的这套方案，值得养猪人学习
svg小知识：svg是标签语言，开始与结束要用标签包裹起来，我们引用现成的图标，所以我们不用系统的学习svg的语法，只需要了解最基本的设置就可以了：
我们只需要三个参数：
width:图标的宽度，数值是绝对大小，可以相对大小用vhheight:图标的高度，数值是绝对大小，可以相对大小用vhfill:图标的填充颜色，可以用英文名称，可以是颜色编码#fd625e
做了上述修改：这个图标就会是一个８０＊８０的红色的图标。
svg资源svg资源网络上可以找到很多，推荐这个网站的223个应该够用了，这个网站是mit license可以放心使用。
下载图标并解压出svg目录：
到这里我们就把准备工作做好了。
导入svg图标用power query从文件夹导入svg图标：
解码二进制：
把二进制解码成base64：
dax中的准备工作：把上面的图标集加载到power bi 中，这个时候还不能直接引用svg图标，因为我们还需要做一个编码声明，才能视图中显示出图标。
utf8编码：data:image/svg+xml;utf8,
另外我们要改变图标的大小与颜色，这两个工作可以在power query中做，也可以在dax中做，都可以，就是简单的文本替换与拼接：
dax中更接近我们excel中substitute：
red = substitute(svg[svg],width=8 height=8,width=80 height=80 fill=#fd625e)
这是大小与颜色的改变。
同样可以做绿色、黄色的图标列
我们做一列可以直接显示的utf8的图标列：
这样也看不全啊，是能显示出图标，不完整或者太小不清晰，我们要做一个可视化查询：
power bi可视化查询svg图标我们用三个视觉对象来查询svg图标
chiclet slicer可以做一个svg图标的矩阵列表：
image grid制作一个图标云：
html viewer制作单个图标视图：
这三个视觉对象都很简单，设置也很容易：
稍有不同的是：
html viewer：引用的列是不用声明utf8编码的列其他两个视觉对象：引用redutf8列，是utf8编码的列就是说，我们要在power bi 中引用图标，大部分时候是要utf8编码的。
单个svg图标引用通过编写度量值，指向单个图标：
我们先找一个要引用的图标名称：circle-check.svg
我们要用绿色的图标：
showgreen = data:image/svg+xml;utf8,&
calculate(selectedvalue(svg[green]),svg[name]=circle-check.svg)
我们引用红色的图标：
showred = calculate(selectedvalue(svg[redutf8]),svg[name]=circle-check.svg)
应为我们有现成的utf8红色图标所以度量值前面就少了data:image/svg+xml;utf8,&
其实这个两个度量值就代表了这两个图标：
我们可以用image形式单个引用，也可以用在条件格式中引用这两个图标：
有了这个图标集，你就可以有丰富的图标可用，可以自定义大小、颜色，做出更出色的可视化作品。
猪圈刮粪机 猪舍不锈钢全自动清粪设备清粪机多少钱一套
路桥防水材料价格贵吗,聚氨酯密封膏
加盟衣柜哪个品牌好 佰仕嘉家居加盟
桓台优化效果好不好--一对一的贴心服务。
专业供应德国伍尔特（WURTH）相序检测器
Power BI Desktop中建立自己的SVG图标集
电厂用抗燃油水分检测方案
70cm全橡胶方锥警示锥四方形路锥红白相间黄黑禁止停车雪糕筒
四川料理包那个牌子好丨风景区专用盖浇饭调理包哪里有卖的
供应不用电 镀锡水 沉锡液
江干区2岁宝宝早教十大品牌，给予您家庭教育解决方案
奇联机械制造,卧式导热油炉，安全,高效节能加热设备
呼吸器用复合气瓶检验机构、德航特检
江宁百家湖哪个驾校正规
浅析如何做好关键词SEO优化
台申TTS工厂供应 FCAF系列减速机 硬齿面减速马达
山西指纹锁招商/图，指纹锁加盟厂家哪家质量好
社交化网站运营套路 这几个思维要掌握
7ME6910-1AA10-1AB0进口Siemens流量变送器
保育猪消瘦、咳喘怎么治？老兽医给出的这套方案，值得养猪人学习