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>
相关推荐
知识分享小能手2 分钟前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
武昌库里写JAVA17 分钟前
Java 设计模式在 Spring 框架中的实践:工厂模式与单例模式
java·vue.js·spring boot·sql·学习
快乐就好ya18 分钟前
React基础到进阶
前端·javascript·react.js
家里有只小肥猫22 分钟前
react 初体验
react.js
千里码aicood25 分钟前
springboot+vue心理健康服务小程序(源码+文档+调试+基础修改+答疑)
数据库·vue.js·spring boot
李慕婉学姐37 分钟前
【开题答辩过程】以《基于SpringBoot+Vue的扶贫助农平台的设计与实现》为例,不会开题答辩的可以进来看看
vue.js·spring boot·后端
小二·40 分钟前
在 VSCode 中运行 Vue.js 项目
ide·vue.js·vscode
初出茅庐的1 小时前
hooks&&状态管理&&业务管理
前端·javascript·vue.js
三掌柜6661 小时前
2025三掌柜赠书活动第三十五期 AI辅助React Web应用开发实践:基于React 19和GitHub Copilot
前端·人工智能·react.js
阿民_armin1 小时前
Canvas 冷暖色分析工具
前端·javascript·vue.js