跳转到内容

图标系统

Miuix 提供了丰富的内置图标系统,可以满足多数应用的主要设计需求。这些图标按功能和用途分为不同的类别,便于您在项目中使用。

使用方法

要在您的项目中使用 Miuix 图标,首先需要正确引入:

kotlin
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import top.yukonga.miuix.kmp.basic.Icon
import top.yukonga.miuix.kmp.icon.MiuixIcons

然后,您可以通过以下方式使用图标:

kotlin
// 使用 Basic 分类下的 Check 图标
Icon(
    imageVector = MiuixIcons.Basic.Check,
    contentDescription = "Check",
    modifier = Modifier.size(24.dp)
)

// 使用 Useful 分类下的 Settings 图标
Icon(
    imageVector = MiuixIcons.Useful.Settings,
    contentDescription = "Settings",
    modifier = Modifier.size(24.dp)
)

图标分类

Miuix 图标系统目前包含以下几个主要分类:

Basic(基础图标)

基础图标包含一些常用的基本界面元素,如箭头、勾选等,这些图标在 Miuix 本身的组件中也会使用到。以下是完整的列表:

  • Check: 勾选图标
  • ArrowUpDown: 上下箭头图标
  • ArrowUpDownIntegrated: 集成的上下箭头图标
  • ArrowRight: 向右箭头图标

Useful(实用图标)

实用图标包含大量常用的功能性图标,适用于各种应用场景。以下是完整的列表:

图标名描述常见用途
AddSecret添加加密内容图标添加密码、隐私项等需要加密的内容
Back返回图标导航返回上一级界面
Blocklist黑名单图标拉黑用户、添加屏蔽项
Cancel取消图标取消操作、关闭弹窗
Copy复制图标复制内容到剪贴板
Cut剪切图标剪切内容到剪贴板
Delete删除图标删除项目、内容或文件
Edit编辑图标编辑内容、修改信息
ImmersionMore沉浸式更多选项图标沉浸模式下显示更多选项
Info信息图标显示详细信息、提示
Like喜欢图标点赞、收藏功能
More更多图标显示更多选项或菜单
Move移动图标移动项目到其他位置
NavigatorSwitch导航切换图标切换导航视图
New新建图标创建新内容、文件或项目
Order排序图标内容排序
Paste粘贴图标从剪贴板粘贴内容
Personal个人/用户图标个人信息、用户页面
Play播放图标播放媒体内容
Reboot重启图标重启应用或系统
Refresh刷新图标刷新内容或页面
Remove移除图标移除项目(轻微删除)
RemoveBlocklist移除黑名单图标解除屏蔽
RemoveSecret移除加密内容图标移除加密项
Rename重命名图标重命名文件或项目
Restore恢复图标恢复删除的内容
Save保存图标保存内容或更改
Scan扫描图标扫描二维码等
Search搜索图标搜索内容
SelectAll全选图标选择所有项目
Settings设置图标应用或系统设置
Share分享图标分享内容到其他平台
Stick置顶图标将内容置顶
Unlike取消喜欢图标取消点赞或收藏
Unstick取消置顶图标取消内容置顶
Update更新图标更新应用或内容

Other(其他图标)

其他类别包含一些特定场景的图标。

  • GitHub: GitHub 图标

基于 Apache-2.0 许可发布