MDI 图标增加大小

Material Design Icons（MDI）提供了大量的图标供程序员使用。有时候，需要增加这些图标的大小来适应项目的需求。本文将介绍几种实现方式。

1. 使用 style 属性

我们可以使用 style 属性来改变图标的大小。例如：

<i class="mdi mdi-home" style="font-size: 24px;"></i>

在这里，我们使用了 style 属性，并设置了 font-size 属性为 24px。这会让图标变得比默认大小大。

2. 使用 CSS

我们也可以在样式表中设置 font-size 属性来改变图标的大小。例如：

.mdi-icon-large {
  font-size: 36px;
}

然后，在 HTML 中，我们可以这样使用：

<i class="mdi mdi-home mdi-icon-large"></i>

这里，我们添加了一个 mdi-icon-large 类，并且在样式表中设置了 font-size 为 36px。这会让图标变得更大。

3. 使用 transform 属性

我们还可以使用 transform 属性来缩放图标的大小。例如：

<i class="mdi mdi-home" style="transform: scale(1.5);"></i>

在这里，我们使用了 transform 属性，并设置了 scale 为 1.5。这会让图标变得比默认大小大 50%。

以上是改变 MDI 图标大小的几种方式。根据需要选择适合自己的方式即可。