PHPackages jajuma/phosphorhyva - 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. jajuma/phosphorhyva ActiveMagento2-module[Utility & Helpers](/categories/utility) jajuma/phosphorhyva =================== This Magento 2 extension allows using Phosphor icons with Hyvä Themes 1.0.0(1y ago)21.4k↓50%MITPHP Since Mar 25Pushed 1y ago2 watchersCompare [ Source](https://github.com/JaJuMa-GmbH/phosphor-hyva)[ Packagist](https://packagist.org/packages/jajuma/phosphorhyva)[ RSS](/packages/jajuma-phosphorhyva/feed)WikiDiscussions github/master Synced 1mo ago READMEChangelog (1)Dependencies (1)Versions (2)Used By (0) Phosphor Hyvä for Magento 2 & Mage-OS with Hyvä Themes by [JaJuMa](https://www.jajuma.de/) ============================================================================================== [](#phosphor-hyvä-for-magento-2--mage-os-with-hyvä-themes-by-jajuma) [![](https://camo.githubusercontent.com/d003c9e5c8f69b0f5024961dbac9f79853f7e0dcac44843bec0dfd9d03ae8bf0/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f70686f7370686f722d69636f6e732d666f722d687976612d7468656d65732d657874656e73696f6e2d666f722d6d6167656e746f2d322f4a614a754d612d50686f7370686f722d487976612d4d6f64756c652d4d6167656e746f2d322d736d616c6c2e706e67)](https://camo.githubusercontent.com/d003c9e5c8f69b0f5024961dbac9f79853f7e0dcac44843bec0dfd9d03ae8bf0/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f70686f7370686f722d69636f6e732d666f722d687976612d7468656d65732d657874656e73696f6e2d666f722d6d6167656e746f2d322f4a614a754d612d50686f7370686f722d487976612d4d6f64756c652d4d6167656e746f2d322d736d616c6c2e706e67) Phosphor Hyvä extension by [JaJuMa](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) allows using [Phosphor Icons](https://phosphoricons.com/) as SVGs on Magento 2 & Mage-OS sites using [Hyvä Themes](https://www.jajuma.de/en/jajuma-shop/online-shop-with-magento-2-and-hyva-themes). ### Compatible with [](#compatible-with) **Hyvä Themes** **Mage-OS** **Magento** [![](https://camo.githubusercontent.com/f60465e91b61ffa12199ca4d402503c67643e56f41a569797d5dc040188ff926/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d73686f702f6d6167656e746f2d776974682d687976612f4a614a754d612d487976616e6175742d736d616c6c2e706e67)](https://www.jajuma.de/en/jajuma-shop/online-shop-with-magento-2-and-hyva-themes) [![](https://camo.githubusercontent.com/8efe5fbcf4d529b393fe34dbdf09084cb65dde063e8d19079d6d7240ab372b57/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f4d6167652d4f532d436f6d70617469626c652e737667)](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-mage-os-and-hyva-themes) [![](https://camo.githubusercontent.com/8d12277ad4c5a117ed9dea3defcd4b222481b163fc2841c7538b52254a066895/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f6d6167656e746f2d69636f6e2e737667)](https://www.jajuma.de/en/jajuma-shop) Features -------- [](#features) Phosphor Hyvä for Magento & Mage-OS with Hyvä Themes - includes 9000+ icons, - covering a huge range of topics, - including brands - in 6 different styles - Thin - Light - Regular - Bold - Fill - Duotone - allows adding Phosphor Icons in Code - allows adding Phosphor Icons in CMS content from Backend. Further Info, Extension Description & Manual ------------------------------------------------ [](#further-info-extension-description--manual) - [Extension Website EN](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/phosphor-icons-for-hyva-themes-extension) - [Extension Website DE](https://www.jajuma.de/de/jajuma-develop/hyva-extensions/phosphor-icons-fuer-hyva-themes-extension) Demo ---- [](#demo) Phosphor SVG icons for Hyvä Themes Demo: - [On Hyvä Theme with Magento](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-magento-2-and-hyva-themes) - [On Hyvä Theme with Mage-OS](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-mage-os-and-hyva-themes) Icon List --------- [](#icon-list) List view and detail view with all included icons for copy & paste the code to use the icons in your project: - [Demo & List of all included Phosphor icons](https://www.jajuma.de/en/phosphor-icons-for-hyva-themes-extension/demo-icon-list-phosphor-hyva) [![](https://camo.githubusercontent.com/75fe829f9458190bc4b4e0c0e9f4f095f665aa9dcdc6477be251b5dda7ae9df8/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f70686f7370686f722d69636f6e732d666f722d687976612d7468656d65732d657874656e73696f6e2d666f722d6d6167656e746f2d322f70686f7370686f722d687976612d69636f6e2d6c6973742d64656d6f2d6c617267652e6a7067)](https://camo.githubusercontent.com/75fe829f9458190bc4b4e0c0e9f4f095f665aa9dcdc6477be251b5dda7ae9df8/68747470733a2f2f7777772e6a616a756d612e64652f6d656469612f777973697779672f6a616a756d612d646576656c6f702f70686f7370686f722d69636f6e732d666f722d687976612d7468656d65732d657874656e73696f6e2d666f722d6d6167656e746f2d322f70686f7370686f722d687976612d69636f6e2d6c6973742d64656d6f2d6c617267652e6a7067) Installation ------------ [](#installation) Install via composer as any other Magento extension from github: ``` composer require jajuma/phosphorhyva ``` or get it from [Extension Website](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/phosphor-icons-for-hyva-themes-extension)for manual installation in `app/code/` as any other Magento extension. Using Phosphor Icons in Hyvä Themes with JaJuMa "Phosphor Hyvä" module ---------------------------------------------------------------------- [](#using-phosphor-icons-in-hyvä-themes-with-jajuma-phosphor-hyvä-module) ### How to use Font Phosphor Icons in Hyvä Themes in view model [](#how-to-use-font-phosphor-icons-in-hyvä-themes-in-view-model) JaJuMa "Phosphor Hyvä" module provides following view model: - `Phosphoricons` Require the view models in your template: ``` /** @var \Jajuma\PhosphorHyva\ViewModel\Phosphoricons $phosphoricons */ $phosphoricons = $viewModels->require(\Jajuma\PhosphorHyva\ViewModel\Phosphoricons::class); ``` Then render the icons like this: - Regular style: ``` ``` - Other styles, include the desired style (Thin, Light, Bold, Fill, Duotone) as in following example: ``` ``` - The method name is the camel cased icon name, followed by Html. - In an IDE you should have autocompletion for all available methods. - The parameters are optional, and change the class (in single quotes) followed by 2 values for width and height attributes of the SVG element. - It is recommended to set all of them, so that the images are not rendered in huge sizes if CSS fails to load. or you may also pass additional attributes like this as an array: ``` ``` ### How to use Phosphor Icons in Hyvä Themes in CMS content [](#how-to-use-phosphor-icons-in-hyvä-themes-in-cms-content) Phosphor Hyvä module adds an icon directive to render icons in filtered content like CMS blocks or pages. So you may add icons in text / code blocks like this: - Regular style: ``` {{icon "phosphoricons/acorn-bold" classes="text-red-100" width=12 height=12}} ``` - Other styles, include the desired style (Thin, Light, Bold, Fill, Duotone) as in following example: ``` {{icon "phosphoricons/acorn-bold" classes="text-red-100" width=12 height=12}} ``` - "classes" parameter is used for setting any css class. - "width"/"height" parameters are used for setting width/height attributes for icons. - Hint: You may get the code snippets for copy & paste for each icon on the demo - see link below. License ------- [](#license) The code is licensed under the [MIT License (MIT)](https://github.com/JaJuMa/PhosphorHyva/blob/master/LICENSE) Other [Magento 2](https://www.jajuma.de/en/jajuma-develop/magento-extensions) & [Hyvä Themes Extensions](https://www.jajuma.de/en/jajuma-develop/hyva-extensions) by [JaJuMa](https://www.jajuma.de/) --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- [](#other-magento-2--hyvä-themes-extensions-by-jajuma) - 🖼️ Performance & UX: [Ultimate Image Optimizer for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/ultimate-image-optimizer-extension-for-magento-2) AVIF & WebP Images, Lazy Loading, High-Resolution / Retina images - 🖼️ Performance & UX: [WebP Optimized Images for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/webp-optimized-images-extension-for-magento-2#portfolio-content) The #1 WebP Images Solution for Magento 2 - 🙈 SEO: [PRG Pattern Link Masking for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/prg-pattern-link-masking-for-magento-2) Link Masking for Layered Navigation - 👮 User Experience: [Shariff Social Share for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/shariff-social-share-buttons-extension-for-magento-2) GDPR compliant and customizable Sharing Buttons - 🎥 Content Management: [Video Widget for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/video-widget-gdpr-extension-for-magento-2) Embedding YouTube videos, GDPR compliant with auto preview image & fully responsive - 🚀 Performance & UX: [Page Preload for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/page-preload-extension-for-magento-2) Faster faster page transitions and subsequent page-loads by preloading / prefetching - 📈 Marketing: [Matomo Analytics for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/honey-spam-anti-spam-extension-for-magento-2) Web Analytics - GDPR Compliant - 🍯 Site Optimization: [Honey Spam Anti-Spam for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/honey-spam-anti-spam-extension-for-magento-2) Spam Protection - Reliable & GDPR Compliant - 🔔 Marketing: [Customer Registration Reminder & Cleanup for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/customer-registration-reminder-and-cleanup-extension-for-magento-2) Increase Your Customer Engangement & Cleanup your Customer Account Data Automatically - 📣 UX & Marketing: [Category Grid Callouts for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/category-grid-callouts-extension-for-magento-2) Enrich Your Category Grids With Eye-Catching Callouts - 💭 UX & Marketing: [Customer Satisfaction Feedback for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/category-grid-callouts-extension-for-magento-2) Collect Valuable Feedback From Your Customers & Understand How To Satisfy Your Customers - 🎇 UX: [Auto Select Options for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/auto-select-options-extension-for-magento-2) Automatically Select Configurable & Custom Options Based On Your Customer's Preferences - ↔️ UX & Performance: [Back Forward Cache - bfcache for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/back-forward-cache-extension-for-magento-2) Enable bfcache for Magento 2 for improved UX & Core Web Vitals - ➗ Accounting: [Dynamic Shipping Tax Plus for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/proportional-pro-rata-dynamic-shipping-tax-plus-extension-for-magento-2) Dynamic Shipping Tax Calculation incl. pro-rata/proportional tax rates - 🔍 Search: [MySQL Search for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/magento-without-elasticsearch-mysql-search-extension-for-magento-2) MySQL Search for Magento 2 without Elasticsearch - ‼️ Performance: [Preload Critical Resources & Assets](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/resource-hints-preload-critical-resources-assets-extension-for-magento-2) Resource Hints for preloading important and critical resources - ![:octocat:](https://github.githubassets.com/images/icons/emoji/octocat.png ":octocat:") Content Management: [git 4 Page Builder](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/git-4-page-builder-extension-for-magento-2) Manage & deploy Magento 2 Page Builder content via git - 🚀 Performance: [Hyvä Inline CSS](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/hyva-inline-css-extension-for-magento-with-hyva-themes) Run Magento 2 without CSS file by inline all CSS - ⚡ Performance: [Smart Speculations Rules](https://www.jajuma.de/en/jajuma-develop/magento-extensions/smart-speculations-rules-extension-for-magento-2) Instant Page Navigations With Smart Data-Driven Prerendering Via Speculations Rules API - 🔤 Content Management: [Hyvä Translation](https://www.jajuma.de/en/jajuma-develop/magento-extensions/hyva-translation-extension-for-magento-2-with-hyva-theme) Manage translations via Inline Translation, Backend & CSV files :man\_technologist: :free: Content Management: [Syntax Highlighter 4 Page Builder](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/syntax-highlighter-4-page-builder-extension-for-magento-2) Syntax Highlighting and more for Magento 2 Page Builder - 🚩 🆓 UI & UX: [Awesome Hyvä for Hyvä Themes](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/font-awesome-icons-for-hyva-themes-extension) Font Awesome 5 & 6 Icons for your [Hyvä Themes](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) Store - 🚩 🆓 UI & UX: [Hyvä Flags for Hyvä Themes](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/country-language-flag-icons-for-hyva-themes-extension) Country & Language Flag Icons for your [Hyvä Themes](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) Store - 🙆‍♂️ 🆓 User Experience: [Customer Navigation Manager for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/customer-navigation-manager-extension-for-magento-2) Easily manage the links in your Customer Account - ➗ 🆓 Accounting: [Dynamic Shipping Tax for Magento 2](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/dynamic-shipping-tax-extension-for-magento-2) Dynamic Shipping Tax Calculation - ❓ 🆓 Content: [Hyvä FAQ Widget for Hyvä Themes](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/hyva-faq-widget-extension-for-hyva-themes) FAQ Widget for your [Hyvä Themes](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) Store - 🧩 🆓 Admin Tools: [Magento Power Toys](https://www.jajuma.de/en/jajuma-develop/hyva-extensions/power-toys-for-magento-2) Tools and helpers, a.k.a "Toys", for Magento Admins Other [Services](https://www.jajuma.de/en/jajuma/company-magento-ecommerce-agency-stuttgart) by [JaJuMa](https://www.jajuma.de/) -------------------------------------------------------------------------------------------------------------------------------- [](#other-services-by-jajuma) - 🛍️ [JaJuMa-Market: Marketplace Software](https://www.jajuma.de/en/jajuma-market) Complete Online Marketplace Software Solution. For Professional Demands. Feature Rich. Flexibly Customizable. - 🛒 [JaJuMa-Shop](https://www.jajuma.de/en/jajuma-shop) Customized Magento Shop Solutions. - 🚀 [JaJuMa-Shop: Hyvä Magento Shop Development](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes) Hyvä Magento Shop Development. - 📙 [JaJuMa-Shop: Magento Handbuch in Deutsch](https://www.jajuma.de/de/jajuma-shop/magento-2-handbuch/) Magento Handbuch in Deutsch. - 🗂️ [JaJuMa-PIM](https://www.jajuma.de/en/jajuma-pim) Product Information Management. Simple. Better. - ➕ [JaJuMa-Develop: Magento 2 Extensions](https://www.jajuma.de/en/jajuma-develop/magento-extensions) Individual Solutions For Your Business Case. - 🖌️ [JaJuMa-Design](https://www.jajuma.de/en/jajuma-design) Designs That Inspire. - 👔 [JaJuMa-Consult](https://www.jajuma.de/en/jajuma-consult) We Show You New Perspectives. © JaJuMa GmbH | [www.jajuma.de](www.jajuma.de) ### Health Score 31 — LowBetter than 68% of packages Maintenance48 Moderate activity, may be stable Popularity23 Limited adoption so far Community8 Small or concentrated contributor base Maturity37 Early-stage or recently created project Bus Factor1 Top contributor holds 100% 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 Unknown Total 1 Last Release 410d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b6fc751e28d1a0127e73bcde1ffaedbd9d73aef59fd18ed71984f516fcf8dab1?d=identicon)[jajuma](/maintainers/jajuma) --- Top Contributors [![JaJuMa](https://avatars.githubusercontent.com/u/12202801?v=4)](https://github.com/JaJuMa "JaJuMa (1 commits)") --- Tags hyvahyva-communityhyva-iconshyva-modulehyva-themesicon-packiconsjajumajajuma-gmbhmage-os-extensionmagentomagento2magento2-extensionmagento2-extension-freemagento2-modulemagento2-module-freephosphor-iconsphosphoricons ### Embed Badge ![Health badge](/badges/jajuma-phosphorhyva/health.svg) ``` [![Health](https://phpackages.com/badges/jajuma-phosphorhyva/health.svg)](https://phpackages.com/packages/jajuma-phosphorhyva) ``` ### Alternatives [jajuma/awesomehyva This Magento 2 extension allows using Font Awesome 5 icons with Hyvä Themes 1349.1k](/packages/jajuma-awesomehyva)[cornernote/gii-modeldoc-generator Gii ModelDoc Generator for Yii framework 13109.1k](/packages/cornernote-gii-modeldoc-generator)[elgentos/magento2-hyva-cro-semi-sticky-header Changes the Hyvä header to a semi-sticky header (dissapears down and reappears up) 161.7k](/packages/elgentos-magento2-hyva-cro-semi-sticky-header) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)