介绍 Heroicons UI

最后更新于 作者

Introducing Heroicons UI image

杰出的设计师 Steve Schoger 发布了一套名为 Heroicons UI 的新图标集。截至撰写本文时,该集合包含 104 个免费的优质 SVG 图标,根据 MIT 许可获得授权。

???? 介绍 Heroicons UI:一套包含 104 个免费应用内 SVG 图标的集合 https://t.co/ePZrQOnFZg

— Steve Schoger (@steveschoger) 2018 年 1 月 4 日

Steve 的发布帖子最能描述这些图标

Heroicons UI 是任何应用内 UI 的完美选择。它们柔和的边缘和一致的 2 像素描边赋予它们友好的人格 [sic],非常适合专业和俏皮的 UI。

我一直都在开发这套图标,并决定根据 MIT 许可将其免费提供。

这套包含 104 个字形的图标,每个图标都设计在 24 x 24 像素的网格中,并且在彼此相邻时保持一致的视觉比例。

截至撰写本文时,这是完整的图标集

如果您有兴趣将这些图标与 Laravel 一起使用,我建议使用 Adam Wathan 的 blade-svg 包 以及这些图标

@svg('cog', 'icon-lg') Settings
 
<!-- renders -->
<svg class="icon icon-lg">
<path d="..." fill-rule="evenodd"></path>
</svg>

了解更多

您可以在 Heroicons UI 的 GitHub 仓库 中下载这些图标。Steve 计划在该集合中添加更多图标,因此您应该 注册 他的发布帖子以在更新可用时收到通知。

Steve 也是 Zondicons 的作者,Zondicons 是另一套您可以用于数字产品的免费优质图标;以及 Hero Patterns,这是一个可重复的 SVG 模式的集合。

Paul Redmond photo

Laravel 新闻的专职作家。全栈 Web 开发人员和作者。

归档于
Cube

Laravel 新闻通讯

加入 40,000 多位其他开发人员,永不错过新的提示、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动补全和对本地和生产环境的即时反馈进行 Tinker。

Tinkerwell
No Compromises logo

绝不妥协

Joel 和 Aaron,来自“绝不妥协”播客的两位经验丰富的开发者,现可为您的 Laravel 项目提供服务。 ⬧ 固定价格为每月 7,500 美元。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100% 退款保证。

绝不妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

正在运行旧版 Laravel 版本吗?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

仅需每月 2,500 美元,即可为您的项目配备一位经验丰富的 Laravel 开发人员,拥有 4-6 年的经验。获得 160 小时的专业知识和 15 天的无风险试用。立即预约电话!

Bacancy
Lucky Media logo

Lucky Media

现在就来试试 Lucky - Laravel 开发的理想之选,拥有超过十年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 的电子商务。一个开源软件包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 招聘板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,包含运行现代 SaaS 所需的所有功能。支付、精美结账、管理面板、用户仪表板、身份验证、预备组件、统计、博客、文档等。

SaaSykit:Laravel SaaS 启动工具包
Rector logo

Rector

您无缝 Laravel 升级、降低成本和加速创新,助力成功企业的合作伙伴

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成,增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务性、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解 MongoDB 的灵活、现代数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的无依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的准确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包向您的 Laravel 应用程序添加评论

阅读文章