PHPackages                             aytackayin/filament-select-icon - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. aytackayin/filament-select-icon

ActiveLibrary[Utility & Helpers](/categories/utility)

aytackayin/filament-select-icon
===============================

A custom Filament form component that provides a beautiful, grid-based icon picker with a built-in search functionality and custom tooltips.

1.0.9(3w ago)012MITBladePHP ^8.1

Since Jan 19Pushed 3w agoCompare

[ Source](https://github.com/aytackayin/SelectIcon-Plugin)[ Packagist](https://packagist.org/packages/aytackayin/filament-select-icon)[ Docs](https://github.com/aytackayin/SelectIcon-Plugin)[ RSS](/packages/aytackayin-filament-select-icon/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (4)Versions (11)Used By (0)

Filament SelectIcon Plugin
==========================

[](#filament-selecticon-plugin)

A custom Filament form component that provides a beautiful, grid-based icon picker with a built-in search functionality and custom tooltips.

[![SelectIcon Preview](https://github.com/aytackayin/SelectIcon-Plugin/raw/main/preview.png)](https://github.com/aytackayin/SelectIcon-Plugin/blob/main/preview.png)

Features
--------

[](#features)

- 🚀 **Grid Layout**: Displays icons in a clean, responsive grid.
- 🔍 **Searchable**: Built-in search functionality to quickly find icons.
- 🎨 **Custom Tooltips**: Modern, rounded, and shadowed tooltips that appear on hover.
- 🌓 **Dark Mode Support**: Fully compatible with Filament's light and dark themes.
- ⚙️ **Configurable**: Easily customize the list of available icons via a config file.
- 📦 **No External Dependencies**: Self-contained CSS and Alpine.js logic.
- ✨ **Custom SVG Icons**: Add, edit, and remove your own custom SVG icons directly from the picker modal (v1.0.8+).
- 🗂 **Modal-Based Picker**: Uses Filament's native modal component with tabbed interface for library and custom icons.
- 🔑 **Clear Button**: Quickly clear the selected icon with a dedicated clear button.
- 🌍 **Multi-Language**: Ships with English and Turkish translations out of the box.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require aytackayin/filament-select-icon
```

### Configuration

[](#configuration)

By default, the plugin automatically discovers all **Outlined Heroicons** provided by Filament. No configuration is required.

However, if you want to limit the icons or add custom ones, you can publish the config file:

```
php artisan vendor:publish --tag="filament-select-icon-config"
```

This is the contents of the published config file:

```