PHPackages dolphiq/iconpicker - 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. dolphiq/iconpicker AbandonedArchivedCraft-plugin dolphiq/iconpicker ================== Craft Iconpicker field type that offers end-users an easy way to pick an icon/symbol from a .woff or .ttf font file. 1.0.5(7y ago)1614.0k11[5 issues](https://github.com/Dolphiq/craft3-iconpicker/issues)[1 PRs](https://github.com/Dolphiq/craft3-iconpicker/pulls)MITPHP Since Sep 6Pushed 1y ago3 watchersCompare [ Source](https://github.com/Dolphiq/craft3-iconpicker)[ Packagist](https://packagist.org/packages/dolphiq/iconpicker)[ RSS](/packages/dolphiq-iconpicker/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (5)Dependencies (2)Versions (7)Used By (0) Iconpicker plugin for Craft CMS 3.x =================================== [](#iconpicker-plugin-for-craft-cms-3x) Currently the project is *DISCONTINUED*. However, feel free to fork it and continue its development! ---------------------------------------------------------------------------------------------------- [](#currently-the-project-is-discontinued-however-feel-free-to-fork-it-and-continue-its-development) Craft plugin that provides a new field type that offers users an easy way to pick an icon from a .woff or .ttf font file. You can easily use ionicons or font awesome icons **Note**: This plugin may become a paid add-on when the Craft Plugin store becomes available. Requirements ------------ [](#requirements) - Craft 3.0 (beta 20)+ - PHP 7.0+ - PhenX PHP Font Lib - One or more .ttf or .woff files Example ------- [](#example) ### Example of the field usage in the template for a cms user [](#example-of-the-field-usage-in-the-template-for-a-cms-user) [![Screenshot](resources/screenshots/field_example.png)](resources/screenshots/field_example.png) ### Example of the selection popup [](#example-of-the-selection-popup) [![Screenshot](resources/screenshots/popup_example.png)](resources/screenshots/popup_example.png) Installation ------------ [](#installation) 1. Install with Composer ``` composer require dolphiq/iconpicker ``` 2. Install plugin in the Craft Control Panel under Settings > Plugins 3. Add the plugin assets to your application by adding the following line at the begin of your template: ``` {% do view.registerAssetBundle("plugins\\dolphiq\\iconpicker\\assets\\sharedAsset") %} ``` 4. Add the fonts you want to the following directory ``` /vendor/dolphiq/iconpicker/src/resources-shared/fonts ``` 5. The `Iconpicker Field` type will be available when adding a new field - Settings > Fields > Add new field Creating a field with the iconpicker field type ----------------------------------------------- [](#creating-a-field-with-the-iconpicker-field-type) 1. Choose the `Iconpicker Field` type 2. When adding a new field with the `Iconpicker Field` type, you can choose which font you want to use for that field from the dropdown Using the iconpicker field type ------------------------------- [](#using-the-iconpicker-field-type) 1. Add the field to a field layout (for example to a section) 2. You can now choose an icon when creating or updating a section Usage sample in twig template ----------------------------- [](#usage-sample-in-twig-template) ### Quick example code [](#quick-example-code) ``` {% do view.registerAssetBundle("plugins\\dolphiq\\iconpicker\\assets\\sharedAsset") %} {{ head() }} {{ beginBody() }} {% if entry.iconPickerField.icon %} Hex: {{ entry.iconPickerField.icon }} {{ entry.iconPickerField.iconSpan|raw }} {% endif %} {{ endBody() }} ``` Display an icon with a custom class: ``` {{ entry.iconChar }} ``` ##### Properties of the icon field [](#properties-of-the-icon-field) 1. Get the icon unicode (decimal) ``` {{ entry.fieldName.icon }} ``` 2. Get the icon unicode (hexadecimal) ``` {{ entry.fieldName.iconHex }} ``` 3. Display the icon as html character `�` ``` {{ entry.fieldName.iconChar|raw }} ``` 4. Display the icon as html character hex `` ``` {{ entry.fieldName.iconCharHex|raw }} ``` 5. Display the icon as span with character and font class ``` {{ entry.fieldName.iconSpan|raw }} ``` 6. Get the icon font class ``` {{ entry.fieldName.iconClass }} ``` 7. Conditional example of showing icon only when it is set ``` {% if entry.fieldName.icon %} {{ entry.fieldName.iconSpan|raw }} {% endif %} ``` Iconpicker Roadmap ------------------ [](#iconpicker-roadmap) - Select and upload the fonts in the UI - Enable (name) search while picking an icon ### Contributors & Developers [](#contributors--developers) Lucas Weijers - Original developer Johan Zandstra - Minor changes Brought to you by [Dolphiq](Https://dolphiq.nl) ### Health Score 38 — LowBetter than 84% of packages Maintenance23 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community14 Small or concentrated contributor base Maturity67 Established project with proven stability Bus Factor1 Top contributor holds 93.8% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~83 days Total 5 Last Release 2832d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/9dfab1936de2791991111dcf8e0dc68b0ca43d1fedda94dc793e6dadcb467a09?d=identicon)[dolphiq](/maintainers/dolphiq) --- Top Contributors [![johanzandstra](https://avatars.githubusercontent.com/u/4737521?v=4)](https://github.com/johanzandstra "johanzandstra (15 commits)")[![Luuc15](https://avatars.githubusercontent.com/u/661751?v=4)](https://github.com/Luuc15 "Luuc15 (1 commits)") --- Tags craft3craftcmscraftcms-pluginfonticonpicker-fieldiconsplugincmsiconCraftcraftcmscraft-pluginsymbolcraft3iconpicker ### Embed Badge ![Health badge](/badges/dolphiq-iconpicker/health.svg) ``` [![Health](https://phpackages.com/badges/dolphiq-iconpicker/health.svg)](https://phpackages.com/packages/dolphiq-iconpicker) ``` ### Alternatives [nystudio107/craft-seomatic SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 5. It is a turnkey SEO system that is comprehensive, powerful, and flexible. 1741.4M46](/packages/nystudio107-craft-seomatic)[verbb/image-resizer Resize assets when they are uploaded. 127269.1k7](/packages/verbb-image-resizer)[verbb/icon-picker A slick field to pick icons from. Supports SVGs, Sprites, Webfonts, Font Awesome and more. 16162.4k4](/packages/verbb-icon-picker)[nfourtythree/entriessubset Craft field type plugin that extends the core Entries field type to give extra settings with ability to restrict by entry type 1683.0k](/packages/nfourtythree-entriessubset)[acclaro/translations Easily launch and manage multilingual Craft websites without having to copy/paste content or manually track updates. 1229.5k](/packages/acclaro-translations) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)