在数据可视化的设计中，图标的应用能够让报告更直观、更具吸引力。Power BI 的灵活性让我们可以将图片直接嵌入卡片视觉对象、矩阵、表或其他视觉对象中。
图片有不同的类型，常见的为 png、jpg 、SVG 等，png 和 jpg 图像必须以外部文件形式上传，或通过 URL 引用，而且图像是静态的，无法根据数据动态变化。而 SVG 图像在 Power BI 中具有以下优势：体积小、不会失真，可以通过 URL 直接引用，并且可以动态调整。
SVG 是 Scalable Vector Graphics 的缩写，即 可缩放矢量图形。它是一种基于 XML 的矢量图形格式，用于描述二维图形。
SVG 的主要特点
1. 矢量图形：SVG 图形由数学公式定义（如线条、曲线、形状），而非像素。因此，无论缩放到多大或缩小到多小，SVG 图像都不会失真。
2. 基于 XML：SVG 文件的核心是 XML 文本，结构化且可读，易于编辑和调试。SVG 文件可以直接在文本编辑器中查看和修改。
3. 交互性和动态性：SVG 支持 CSS 和 JavaScript，可添加交互效果和动态动画。例如，您可以使用 CSS 更改颜色，或者使用 JavaScript 制作图形动画。
4. 轻量级：与传统的 PNG 和 JPG 图像相比，SVG 文件的体积通常更小。适合用于网页或数据可视化场景，提高加载速度和性能。
今天，我们将学习如何结合阿里巴巴矢量图标库（Iconfont），快速获取 SVG 图标并将其转换为 Power BI 中可用的代码。
阿里巴巴矢量图标库（Iconfont）是一个免费、强大的图标平台，拥有海量矢量图标资源，支持 SVG 格式的直接下载或代码复制。网址：https://www.iconfont.cn/
点击图标库，就可以搜索想要的图标了。
例如，我们想要一个给表添加一个销售额增长还是下降的图标，可以搜索增长。找到合适的图标之后，点击下载，可以选择下载的颜色。
点击 SVG 下载，将图标下载为 SVG 文件。
SVG 文件并不能直接在视觉对象中引用，我们需要将它转换为图像 URL。这里给大家推荐一个网站，它可以将 SVG 文件转换为度量值，网址：https://carlosbergamo.github.io/SVG-TO-PBI/
选择 SVG 文件之后，点击 Convertir，之后 SVG 图像样式和度量值都会显示出来。
点击 Copiar 复制一下图像 URL，转到 Power BI 中，新建一个度量值，粘贴图像内容。
将度量值的数据类别设置为图像 URL。
再按照相同的办法添加一个下降图标。
新建一个度量值，如果销售额增长率大于等于 0 ，返回增长图标，否则返回下降图标。
增长下降图标 =
IF( [Sales Growth%] >= 0 , [增长图标] , [下降图标] )数据类别设置为图像 URL。
将度量值添加到表上。
我们还可以简单的调整一下图像的颜色，图像 URL 中有一个 fill 元素，修改颜色代码对应的图标颜色即可发生变化。
将下降图标的颜色修改为橙色。
还可以把颜色作为一个变量返回，这样更加方便我们修改。
通过阿里巴巴矢量图标库和 SVG-TO-PBI 这两个网站，我们可以很轻松的将 SVG 文件转换为 Power BI 中的度量值，然后在各个视觉对象中引用，比以往所有的方法都要方便，更加动态，效果也更好。
例如，图中使用的 SVG 为每个行业的人群都增加了一个行业图标。
这种方法不仅能有效提升图表的视觉效果，还能够使图标更加动态、灵活，进一步提升报表的交互性和表现力。通过简单的步骤，我们可以将 SVG 图像转换为 Power BI 中可用的度量值，并根据数据动态更新图标，实现更直观、更富有表现力的数据可视化。这种方法使得 Power BI 在数据展示上更加多样化，同时也大大提高了工作效率。
一更专业的数据分析师训练营一
📈【高级课程】：业务人（管理、销售、财务、供应链）彻底解决企业数据分析。
🔍【企业咨询】：十大行业，十大领域，企业案例，咨询，培训，实施。
🔗 如何获取更多信息？扫描下方二维码具体咨询。
点击“阅读原文”获取更多资源
