NextJS开发：使用IconPark、Lucide图标库

IconPark、Lucide两个很不错的图标库，如果需要用到微信、阿里等国内logo可以使用IconPark，Lucide中没有包含这些内容。

安装IconPark

npm install @icon-park/react --save

简单使用

import {Home} from '@icon-park/react';

<Home/>
<Home theme="filled"/>

封装一下，避免每个页面导入，更换图标库也更方便

import {Home} from '@icon-park/react';
const Icons={
    home: Home
}
export default Icons;

使用

import Icons from "@/components/icons"

export default function Test() {
    return (
        <Icons.home theme="filled" size="16"/>
    )
}

安装Lucide

npm install lucide

使用装Lucide

import { 
  Users,
} from "lucide-react";

<Users/>