材质 UI 图标 Next.js - Shell/Bash 主题

本主题提供了一组基于材质设计的 UI 图标，适用于 Next.js 应用程序的 Shell/Bash 环境中使用。这些图标覆盖了常用的操作和元素，如设置、文件夹、下载、警告、错误等等。

特点

• 基于 Material Design
• 适用于 Shell/Bash 环境
• 覆盖常用操作和元素

安装

您可以使用 npm 安装本主题：

npm install @material-ui/icons

使用

import { FolderIcon, DownloadIcon } from '@material-ui/icons';

console.log(FolderIcon); // 打印 FolderIcon 图标组件
console.log(DownloadIcon); // 打印 DownloadIcon 图标组件

可用图标

操作

| 图标名称 | 代码示例 | | ---------------------- | ------------------ | | 添加 | <AddIcon /> | | 锁定 | <LockIcon /> | | 解锁 | <LockOpenIcon /> | | 撤销操作 | <UndoIcon /> | | 重做操作 | <RedoIcon /> | | 设置 | <SettingsIcon /> | | 说明 | <HelpIcon /> | | 下载 | <DownloadIcon /> | | 上传 | <UploadIcon /> | | 图片 | <PhotoIcon /> | | 视频 | <MovieIcon /> | | 音乐 | <MusicNoteIcon /> | | 最大化 | <FullscreenIcon />|

元素

| 图标名称 | 代码示例 | | ---------------- | -------------------- | | 文件夹 | <FolderIcon /> | | 文本文件 | <DescriptionIcon />| | 图片文件 | <ImageIcon /> | | 视频文件 | <VideocamIcon /> | | 音乐文件 | <MusicNoteIcon /> | | 链接 | <LinkIcon /> | | 警告 | <WarningIcon /> | | 错误 | <ErrorIcon /> | | 成功 | <CheckCircleIcon />| | 信息 | <InfoIcon /> |

结论

本主题提供了一组基于 Material Design 的 UI 图标，适用于 Next.js 应用程序的 Shell/Bash 环境中使用。使用本主题，您可以轻松地添加常用的操作和元素图标，提高用户体验。