Vuetify

商店

企业版

v-icon 组件提供了大量字形,以提供应用程序各个方面的上下文。 有关所有可用图标的列表,请访问官方 Material Design Icons 页面。 要使用任何这些图标,只需使用 mdi- 前缀,后跟图标名称即可。

图标有两个主题(浅色和深色)和五个不同的大小(x-small, small, medium (默认), large, and x-large)。

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

Material Design 也被支持。有关如何安装的更多信息,请 navigate here

Font Awesome 也被支持。只需使用 fa- 前缀图标名称。 请注意,您仍然需要在您的项目中包含 Font Awesome 图标。 关于如何安装它的更多信息,请导航到 installation page

使用色彩辅助器,您可以改变标准的暗黑和明亮的主题的图标的颜色。

图标可以在按钮内部使用,以增加动作的重点。

将任何单击事件绑定到 v-icon 将自动将光标更改为指针。

您只能手动导入使用 @mdi/js 软件包时使用的图标。 如果您想使用 VIcon 组件的 SVG 图标,请阅读如何使用 here

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!