Icon图标库推荐

lucide图标库

官网地址:lucide.dev/

支持vue,react...常用框架

heroicons 图标库

官网地址: heroicons.com/

支持vue,react框架

文档地址: github.com/tailwindlab...

React安装和使用:

txt 复制代码
npm install @heroicons/react
jsx 复制代码
import { BeakerIcon } from '@heroicons/react/24/solid'

function MyComponent() {
  return (
    <div>
      <BeakerIcon className="size-6 text-blue-500" />
    </div>
  )
}

Vue安装和使用:

txt 复制代码
npm install @heroicons/vue
js 复制代码
<template>
  <div>
    <BeakerIcon class="size-6 text-blue-500" />
  </div>
</template>

<script setup>
import { BeakerIcon } from '@heroicons/vue/24/solid'
</script>
相关推荐
VillenK2 小时前
用插件的方式注入Vue组件
前端·vue.js
等什么君!3 小时前
如何 正确使用 nrm 工具 管理镜像源
vue.js
warder3 小时前
字典状态管理:基于 Vue3 + Pinia 的工程化实践
vue.js
深圳外环高速3 小时前
React 受控组件如何模拟用户输入
前端·react.js
魔云连洲3 小时前
React中的合成事件
前端·javascript·react.js
人工智能训练师3 小时前
在Ubuntu中如何使用PM2来运行一个编译好的Vue项目
linux·运维·服务器·vue.js·ubuntu·容器
浩星4 小时前
iframe引入界面有el-date-picker日期框,点击出现闪退问题处理
前端·vue.js·elementui
萌萌哒草头将军5 小时前
🚀🚀🚀 Oxc 恶意扩展警告;Rolldown 放弃 CJS 支持;Vite 发布两个漏洞补丁版本;Rslib v0.13 支持 ts-go
前端·javascript·vue.js
接着奏乐接着舞。5 小时前
3D地球可视化教程 - 第1篇:基础地球渲染系统
前端·javascript·vue.js·3d·three.js