PHPackages quellenform/t3x-iconpack - 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. quellenform/t3x-iconpack ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) quellenform/t3x-iconpack ======================== Provides an iconpack-registry for custom iconpacks. 1.5.3(2mo ago)1552.6k↓32.4%7[1 PRs](https://github.com/quellenform/t3x-iconpack/pulls)20GPL-3.0-or-laterPHPPHP >=7.4.1 Since Dec 9Pushed 2mo ago2 watchersCompare [ Source](https://github.com/quellenform/t3x-iconpack)[ Packagist](https://packagist.org/packages/quellenform/t3x-iconpack)[ Docs](https://extensions.typo3.org/extension/iconpack)[ Fund](https://www.paypal.me/quellenform)[ GitHub Sponsors](https://github.com/quellenform)[ RSS](/packages/quellenform-t3x-iconpack/feed)WikiDiscussions main Synced 3d ago READMEChangelog (10)Dependencies (3)Versions (45)Used By (20) [![Donate](https://camo.githubusercontent.com/6c77ceb6b90e7f66f006be54740623450b1197f935060be46d7202652a43c773/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d50617950616c2d677265656e2e7376673f7374796c653d666f722d7468652d6261646765)](https://www.paypal.me/quellenform)[![Latest Stable Version](https://camo.githubusercontent.com/3e112f9791bd1120ed664efe47b880135845051cef16a0fe93fa1a6e51181447/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7175656c6c656e666f726d2f7433782d69636f6e7061636b3f7374796c653d666f722d7468652d6261646765)](https://packagist.org/packages/quellenform/t3x-iconpack)[![TYPO3](https://camo.githubusercontent.com/432cc8f1716893c7c8d3d80dac4fa693f8c2092c3f375c507c7deeba0b468a1b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31302537433131253743313225374331332d2532336634393730302e7376673f7374796c653d666f722d7468652d6261646765)](https://get.typo3.org/)[![License](https://camo.githubusercontent.com/aa70cb5ed23488606fdc672f5495e2bbb23495c887f8f060a164a891690cd0b5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f7175656c6c656e666f726d2f7433782d69636f6e7061636b3f7374796c653d666f722d7468652d6261646765)](https://packagist.org/packages/quellenform/t3x-iconpack) Iconpack ======== [](#iconpack) TYPO3 CMS Extension `iconpack` The most flexible icon system for TYPO3 10, 11, 12 and 13+! --- This extension provides an iconpack registry for custom iconpacks which can be used in backend and frontend and are rendered according to the configuration of the installed iconpacks. The idea behind the extension is to provide a flexible system by means of which any icon sets can be used and the desired output can be generated at any time by separating storage and rendering. [![Iconpack Preview](Documentation/Images/ScreenCapture.gif?raw=true)](Documentation/Images/ScreenCapture.gif?raw=true) Features -------- [](#features) The extension `iconpack` is different from previous implementations and will probably be the only icon extension you will need in the future. The biggest differences are among others: - Not limited to a specific iconset! Existing iconpacks can be installed, or custom iconpacks can be created, depending on your requirements - Easy to use: Install, add the provided TypoScript-template & use it, no further configuration needed (but possible!) - Offers the use of various icons in the header, page, in the bodytext (CKEditor 4/5) and in your own fields - All required assets (JavaScripts, StyleSheets, etc.) are automatically added in frontend and backend by default, depending on the configuration of the icon set used - All settings of an iconpack can be overridden via an individual configuration (YAML) - Individual iconsets can be easily added (see [instructions](https://docs.typo3.org/p/quellenform/t3x-iconpack/main/en-us/Tutorials/CustomIconpack.html)for creating your own iconpack provider) - Aliasing/mapping of deprecated icons or entire iconpacks - Can also be integrated into own extensions via the provided form wizard - Multilingual labels for icons - Uses the backend caching integrated in TYPO3 for the configuration of the installed iconpacks in order not to slow down the system - The frontend rendering of icons can be changed afterwards (easily switch from Webfont to SVG with TypoScript) - Works with [Bootstrap Package](https://github.com/benjaminkott/bootstrap_package/) and other extensions - No dependency on other extensions or third-party code! Planned Features ---------------- [](#planned-features) - Add contextmenu in CKEditor to edit a previously added icon (and options) - Optimize the UI/Modal - Add more detailed information on using and creating your own iconpacks [Sponsoring required](https://www.paypal.me/quellenform) How does it work? ----------------- [](#how-does-it-work) Instead of storing the entire HTML markup or a static file path for an icon in the database fields, a short configuration string is stored instead (also in the RTE). This string is called "iconfig" and looks something like `fa6:solid,star,transform:spin`. This example will render the icon *Star* from the iconpack *Font Awesome 6* (solid style) with the additional property of a spinning rotation. This string is only converted into HTML code according to the configuration during rendering in the backend or frontend, which ensures the greatest possible flexibility. It is possible to choose whether the icons are to be rendered as a webfont, sprites, inline SVG or as an SVG image without having to change the content in the database. To illustrate this behavior better, here is an example. Only the following code is always (!) stored in the database (RTE): ``` ``` How this code is then displayed in the backend and frontend depends on the configured `renderTypes` and the icons provided by the respective iconpack. In the case of *Font Awesome 6*, for example, all possible types are provided: - Webfont - SVG sprites - SVG images The following possibilities are therefore available as `renderTypes`, which are displayed in BE/FE as follows: ### svgInline [](#svginline) ``` ``` ### svgSprite [](#svgsprite) ``` ``` ### webfont [](#webfont) ``` ``` ### svg [](#svg) ``` ``` The converters included in this extension ensure that only the most necessary code is stored in the database, and the output in BE/FE always corresponds to the configuration and requirements. Furthermore, this extension adds additional icon fields for pages and text headers, but it can also be used to extend fields of your own extensions. > Note: This extension does **NOT** have the same approach as the TYPO3 integrated `IconRegistry` with its approach to cache all icons including their HTML markup for the backend and consider them as absolute, but focuses on **dynamically handling icons for editors and frontend output**! Installation ------------ [](#installation) 1. Install this extension from TER or with Composer 2. Install one of the existing iconpack providers: - [Bootstrap](https://github.com/quellenform/t3x-iconpack-bootstrap) - [Boxicons](https://github.com/quellenform/t3x-iconpack-boxicons) - [Dripicons](https://github.com/quellenform/t3x-iconpack-dripicons) - [Elegant Icons](https://github.com/quellenform/t3x-iconpack-elegant) - [Feather Icons](https://github.com/quellenform/t3x-iconpack-feather) - [Flag Icons](https://github.com/CMS-Internetsolutions/iconpack_flagicons) - [Font Awesome](https://github.com/quellenform/t3x-iconpack-fontawesome) - [Helium Icons](https://github.com/quellenform/t3x-iconpack-helium) - [Iconoir Icon](https://github.com/quellenform/t3x-iconpack-iconoir) - [Ikons vector icons](https://github.com/quellenform/t3x-iconpack-ikons) - [Ionicons](https://github.com/quellenform/t3x-iconpack-ionicons) - [Linea Icons](https://github.com/quellenform/t3x-iconpack-linea) - [Linearicons](https://github.com/quellenform/t3x-iconpack-linearicons) - [Lineicons](https://github.com/quellenform/t3x-iconpack-lineicons) - [Material Icons](https://github.com/quellenform/t3x-iconpack-material) - [Octicons](https://github.com/quellenform/t3x-iconpack-octicons) - [Tabler Icons](https://github.com/quellenform/t3x-iconpack-tabler-icons) - [Themify Icons](https://github.com/quellenform/t3x-iconpack-themify) - [TYPO3 Icons](https://github.com/quellenform/t3x-iconpack-typo3) - ...or create your own iconpack provider 3. Add the provided TypoScript to your template 4. \[Optional\] Install the [Iconpack for Bootstrap Package](https://github.com/quellenform/t3x-bootstrap-package-iconpack)extension if you want to use iconpacks in conjunction with [Bootstrap Package](https://github.com/benjaminkott/bootstrap_package/). Configuration ------------- [](#configuration) You can find a detailed description of the extension here: [Iconpack Documentation](https://docs.typo3.org/p/quellenform/t3x-iconpack/main/en-us/) Contribute | Say Thanks! ------------------------ [](#contribute--say-thanks) - If you like this extension, **use it**. - If you think you can do something better, be so kind and **contribute your part** to it - If you love the extension or if you want to support further development, [donate an amount of your choice](https://www.paypal.me/quellenform) Credits ------- [](#credits) I would like to thank everyone who contributed in any way to the creation of this extension, but especially: - [easyTherm Infrarotheizung](https://www.easy-therm.com/ "easyTherm Infrarotheizung – Effiziente Heizungssysteme") - Benjamin Mack - Werner Groß - Kurt Dirnbauer - All [contributors](https://github.com/quellenform/t3x-iconpack/graphs/contributors) ### Health Score 55 — FairBetter than 97% of packages Maintenance84 Actively maintained with recent releases Popularity40 Moderate usage in the ecosystem Community28 Small or concentrated contributor base Maturity59 Maturing project, gaining track record Bus Factor1 Top contributor holds 97.9% 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 ~29 days Recently: every ~8 days Total 43 Last Release 83d ago Major Versions 0.3.3 → 1.0.02023-11-07 PHP version history (3 changes)0.1.0PHP >=7.4.0 0.2.0PHP >=7.5.0 1.5.3PHP >=7.4.1 ### Community Maintainers ![](https://www.gravatar.com/avatar/7259c62fe1b5414265a201fd6b3a738248eff1683e646a3aafec89523fd581ae?d=identicon)[quellenform](/maintainers/quellenform) --- Top Contributors [![stephankellermayr](https://avatars.githubusercontent.com/u/2480602?v=4)](https://github.com/stephankellermayr "stephankellermayr (280 commits)")[![froemken](https://avatars.githubusercontent.com/u/2532472?v=4)](https://github.com/froemken "froemken (2 commits)")[![t3brightside](https://avatars.githubusercontent.com/u/771791?v=4)](https://github.com/t3brightside "t3brightside (2 commits)")[![jpmschuler](https://avatars.githubusercontent.com/u/12411176?v=4)](https://github.com/jpmschuler "jpmschuler (1 commits)")[![mbrodala](https://avatars.githubusercontent.com/u/5037116?v=4)](https://github.com/mbrodala "mbrodala (1 commits)") --- Tags iconfonticonsettypo3-cms-extensionwebfonticonsextensionCKEditortypo3iconfontwebfont ### Embed Badge ![Health badge](/badges/quellenform-t3x-iconpack/health.svg) ``` [![Health](https://phpackages.com/badges/quellenform-t3x-iconpack/health.svg)](https://phpackages.com/packages/quellenform-t3x-iconpack) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)