包简介

Heroicons as Laravel Blade components

README 文档

README

Update. I wish I knew this earlier. Blade UI Kit that does the same thing as this package, and more. Having said that, this package is no longer maintained.

Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS, available as Laravel Blade components:

Installation

Add the Composer package to your project using the following command:

composer require osmianski/laravel-heroicons

Usage

Find an icon at heroicons.com under Outline, Solid or Mini category and add it to your Laravel Blade template using the following syntax:

<div class="text-gray-400 hover:text-gray-500">
    <x-heroicons::outline.bell class="h-6 w-6" />
    <x-heroicons::solid.user class="h-8 w-8" />
</div>

Here, the first word after :: is the category (outline, solid or mini), the second is the name of the icon.

For comparison, consider the "old" way - copying SVG from heroicons.com into your code:

<div class="text-gray-400 hover:text-gray-500">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8">
        <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd" />
    </svg>
</div>

Quite a difference, huh?

Credits

All the Heroicons are originally created by @tailwindlabs. They are later wrapped into Laravel Blade components by @osmianski.

License

This package is open-sourced software licensed under the MIT license.

osmianski/laravel-heroicons 适用场景与选型建议

osmianski/laravel-heroicons 是一款基于 Blade 开发的 Composer 扩展包，目前已累计 62 次下载、GitHub Stars 达 1，最近一次更新时间为 2023 年 03 月 16 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「laravel」「blade」「Heroicons」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 osmianski/laravel-heroicons 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 osmianski/laravel-heroicons 我们能提供哪些服务？

定制开发 / 二次开发

基于 osmianski/laravel-heroicons 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 osmianski/laravel-heroicons 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

onestrive/heroicon 0

Fork version with updated dependencies: A Laravel Nova field for managing icons.

ashampoo/rashicons 0

Latest v 1.x Heroicons package

bugo/moonshine-heroicons-field 3

Heroicons selection field for MoonShine

nowo-tech/icon-selector-bundle 0

Symfony form type for icon selection: direct selector and search. Integrates with Symfony UX Icons (Heroicons, Bootstrap Icons, etc.). Stores icon identifier as string.

fawaziwalewa/filament-icon-picker 5

A beautiful icon picker field for FilamentPHP v5 with support for Heroicons, Lucide and more

roelmagdaleno/php-heroicons 6

A package to easily use Heroicons in PHP projects.

osmianski/laravel-heroicons

包简介

关键字：