【Tailwind】heroicons - SVG图标库

最新推荐文章于 2025-03-24 11:41:18 发布
最新推荐文章于 2025-03-24 11:41:18 发布
阅读量505 收藏
点赞数
分类专栏： Tailwind 文章标签： tailwind css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/henryhu712/article/details/134443644
版权

这是 Tailwind 发布的开源图标库，直接粘贴复制就可以使用，很方便。网址：heroicons

svg 图标库
qq_32265719的博客
07-30 1644
<svg t="1596095029557" style ="width:80px;height:80px;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="977"><path d="M512 947.2C271.36 947.2 76.8 752.64 76.8 512S271.36 76.8 512 76.8 947.2 271.36 947.2 512 752.64
开源项目：tailwindcss-icons 教程
gitblog_00286的博客
08-24 731
开源项目：tailwindcss-icons 教程 tailwindcss-iconsUse any icon (100,000+) from Iconify, for TailwindCSS项目地址:https://gitcode.com/gh_mirrors/ta/tailwindcss-icons 一、项目目录结构及介绍 该项目托管在 GitHub 上，下面是其基本的目录结构及其简介： t...
Heroicons - 漂亮精致的开源矢量图标库，由Tailwind CSS 官方出品，适配 Vue / React
那些免费的砖
03-24 627
漂亮精致的图标库，很难得地适配了超小尺寸的显示效果，实用性很强。
推荐开源图标库：Iconoir - 独特的SVG图标集合
gitblog_00092的博客
05-11 928
推荐开源图标库：Iconoir - 独特的SVG图标集合 iconoir An open source icons library with 1500+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer. ...
Ikonate - 一组优质的免费商用且开源的 SVG 格式图标库
那些免费的砖
07-07 1818
一组精美的 SVG 格式图标库，数量不多，但支持更改边框大小，1px边框很好看，推荐收藏。 关于 Ikonate 图标库 Ikonate 是一组设计精美，且经过精心优化的 SVG 格式图标库，SVG 是一种通用的矢量图形格式，可以方便地在前端开发或设计应用软件（如 Sketch / Photoshop / Figma）中使用。 Ikonate 图标库的特色 风格统一精美，百看不厌的一套图标库 提供在线小工具，支持自定义调整边框大小、图形转角样式以及颜色 对于设计师，提供免费下载选中图标来二次加工，当然.
推荐优雅且实用的SVG图标库：Heroicons
gitblog_00027的博客
05-10 582
推荐优雅且实用的SVG图标库：Heroicons 项目地址:https://gitcode.com/gh_mirrors/he/heroicons Heroicons是由Tailwind CSS团队倾力打造的一套精美手绘SVG图标库，提供基本的SVG图标以及与React和Vue深度集成的第一方库。这些图标设计精美，易于定制，是为现代Web应用增添专业视觉效果的理想选择。 项目介绍 Heroicon...
vue-tailwind-icons-template
02-10
vue-tailwind-icons-template
Heroicons Web查看器：Next.js和Tailwind CSS构建的图标资源库
Heroicons Web查看器为开发者提供了一个方便的界面，以浏览和获取SVG图标资源，并使用Next.js和Tailwind CSS这样的现代Web技术栈来实现一个响应式的图标查看和管理平台。通过清晰地标注技术细节和贡献指南，开发者...
Vue英雄图标：免费的高质量SVG图标库
资源摘要信息:"vue-hero-icons是一组免费且以MIT许可的高质量SVG图标集合，它们是专门为Vue.js框架设计的功能组件。这些图标库被封装成Vue组件，以便在Vue项目中方便地使用。vue-hero-icons提供了两种风格的图标：...
Tailwind CSS 模板
03-14
访问[Tailwind CSS](https://tailwindcss.com/)官网，在其提供的链接列表中有许多有用的参考资料可供查阅，比如组件库(Tailwind UI)，无头版UI(Headless UI)以及高质量SVG图标集(Heroicons)[^4]等等。虽然部分高级...
tailwind plus
最新发布
03-28
- **Heroicons**: 一组专为 Tailwind 设计的 SVG 图标集合，适合现代 Web 应用程序使用[^7]。 - **DaisyUI**: DaisyUI 是一个基于 Tailwind CSS 构建的高度可定制化组件库，它简化了复杂布局的设计过程[^8]。 ##...
800个精美的免费SVG图标下载
12-12
这是一组共800个精美的可免费下载的SVG图标。这组图标提供了每一个SVG图标的单独文件，还提供了所有图标集合在一起的SVG文件。另外还提供了一个sprite.svg文件，可以使用该文件来当雪碧图使用，从中提取相应的SVG图标。
前端登录页面图标推荐网站
12-29
Heroicons 是由 Tailwind CSS 的创建者开发的一套开源 SVG 图标库。这套图标专为开发者打造，易于集成至项目中，尤其当使用 React 或 Vue 这样的框架构建单页应用 (SPA) 登录页面时更为便捷。 ```html <!-- 使用 ...
使用SVG构建你自己的图标库
weixin_42684490的博客
03-26 4405
前言 大家好，我是jay。在项目开发的过程中，很多时候设计师会给你一个SVG图标，让你用到项目里当作字体icon。可能你现有的项目中已经有前辈搭建好这套体系，你直接把这个文件放入某个文件夹中，然后run一条命令，就可以十分方便的用例如<span class="icon icon-search"></span>之类的写法把一个icon渲染出来。那假如现在什么都没有，让你自己去搭建这么一套体系，你会怎么做呢？我们一起往下看吧。 以下图标素材都是我在网上找的，在这里仅当作学习用途，侵删～
10个开源SVG图标库
chenhuakang的博客
12-27 3443
10个开源SVG图标库
构建全平台的SVG图标库
in_uneventful的博客
04-01 1136
最近在整uni-app的图标库，不仅需要能兼容全平台，还得配合修改图标名称，并且还得方便导入，这确实难到了。在经历过一系列资料查询后最终决定使用node做一套图标文件自动提取并且导出的系统，现在开始一步一步搭建吧。
标题：【推荐】Ant Design图标库——高效、灵活的SVG图标解决方案
gitblog_00049的博客
06-08 680
标题：【推荐】Ant Design图标库——高效、灵活的SVG图标解决方案 项目地址:https://gitcode.com/gh_mirrors/ant/ant-design-icons 1、项目介绍 Ant Design Icons 是一个由Ant Design团队维护的SVG图标库，它提供了React、React Native、Angular和Vue等多种框架的适配包。这个项目不仅仅是图标集...
Tailwind 导致 antd 的 button icon svg 不居中的 bug
未将对象引用设置到对象的实例
06-06 2548
github issues 地址图中可以看到 图标靠下了. (其他地方的 icon 其实都靠下 , 这里用 button 来举例) 在你的 css 中添加css 覆盖掉tw默认的值
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值