How do you like this extension?
Phosphor Hyvä for Magento 2
Phosphor Icons For Your
Hyvä Themes Magento 2 Store
Add beautiful svg/vector icons and add them easily in your code or via backend. Includes more than 9000+ free icons in 6 styles: thin, light, regular, solid, fill & duotone. Includes social media/brand logos.
Beauty up your Hyvä Magento Store:
- Better Performance - No Font File Loaded
- Perfect Quality Vector Icons
- All 9000+ Free Phosphor Icons Included
- Thin, Light, Regular & Solid Style +
- Unique Fill & Duotone Styles
- Social Media/Brands Logos
- Easy To Add Via Code Or Backend
License:
- One-Time Payment
- Lifetime Access To Source Code
- 1 Year Free Support
- 1 Year Free Updates
Approved & Verified by Magento Marketplace
1st Extension Provider
With Hyvä Support
Awesome since 2021!
Unencrypted. 100% Open Source & Customizable
Coding Standards Applied. Clean & Readable Code
Countless Satisfied Customers: Be The Next One!
Made With Love
Our extensions are made with love & passion for building new things, perfection & performance in mind.
Field Tested
Our extensions are field-proven in our own client projects.
Customer Feedback

We use the Ultimate Image Optimizer extension. The performance has improved considerably. The tool has been running smoothly right from the start.
We commissioned a really tricky adjustment to an extension that other agencies couldn't manage...and the guys at JaJuMa did a fantastic job! We are happy to continue working with JaJuMa.
We are very satisfied with this module. It reduces the sizes of our images and so the loading of our pages are much more faster now. We recommand this module for everybody!!!
Solution
Phosphor Icons For Your Hyvä Themes Magento 2 Store
Add beautiful svg/vector icons and add them easily in your code or via backend.
More than 9000 free icons, including Social Media/brand logos.
Thin, Light, Regular & Solid style + Unique Fill + Duotone Styles.
THE PROBLEM
ADDING
SVG / VECTOR ICONS
SVG vector icons are a fantastic way to enhance any website. They offer pixel-perfect clarity, infinite scalability, and crisp visuals—without the need to download multiple image files.
It’s no surprise that nearly every online store relies on icons as essential UI elements or visual highlights to improve user experience.
Hyvä Themes includes Hero Icons, which are beautifully crafted but somewhat limited in selection. They lack a broader variety, including social media and brand icons, which are crucial for modern eCommerce.
For your Magento 2 Hyvä Store, wouldn’t it be great to have a wider selection of high-quality icons to choose from?
However, searching for, designing, and managing SVG icons can be a time-consuming process. But don’t worry—there’s a solution!
Phosphor Hyvä is a free collection of 9,000+ carefully curated, consistent, and beautifully designed icons—the perfect enhancement for your Hyvä Theme project.
THE SOLUTION
PHOSPHOR
ICONS FOR
HYVÄ THEMES
Unlock the power of Phosphor Hyvä by JaJuMa - bringing the popular, super-flexible Phosphor Icons toolkit to your Magento 2 Hyvä Themes Store.
With an extensive library of 9,000+ free icons, including social media and brand icons. With this icon pack, you’ll find the perfect icon for every design need:
Each icon is available in six distinct styles:
Thin, Light, Regular, Bold, Fill, and the unique Duotone, offering maximum design flexibility.
Effortlessly integrate icons into your store—add them directly in your code with **auto-complete in your IDE** or manage them from the backend. Each icon is rendered as an inline SVG, preserving Hyvä’s lightning-fast performance without relying on bulky, performance-draining icon fonts.
Details
Phosphor Hyvä Extension for Hyvä Themes
by JaJuMa In Detail.
Beauty up your Hyvä Themes Store. Save time by having all the icons you need at hand.

Phosphor Icons - The Ultimate Flexible & Beautiful Icon Set, Now Seamlessly Integrated with Hyvä Themes.
Experience professionally designed, pixel-perfect icons without compromising performance.
A seamless blend of visual excellence and high-speed optimization - perfect for both developers and customers.
Phosphor Hyvä Extension gives you access to 9,000+ free icons directly within your Magento 2 Hyvä store.
No more time wasted searching, creating, or managing SVG/vector icons.
Easily add icons with autocomplete in your IDE or insert them effortlessly into CMS content via the backend.
Everything you need for a stunning, high-performance Hyvä Theme store—right at your fingertips.
Phosphor Hyvä Demo & Icon List

See and search the full list of all 9000+ included icons on the demo site.
The demo also provides options to see the icons in your colors and to get the code for using the icons in your projects easily by copy & paste.
Scope & Features
The module includes
- Thin Style Icons
- Light Style Icons
- Regular Icons
- Solid Style Icons
- Fill Style Icons
- Duotone Style Icons
and provides a ViewModels for adding icons in code
- Phosphoricons
and allows adding Phosphor Icons from Backend.
Using Font Phosphor Icons In Hyvä Themes with
"Phosphor Hyvä" Module by JaJuMa
How to use Phosphor icons in Hyvä Themes in view models
1. Install the module via composer as any other Magento extension
2. Require the view model in your template:
/** @var \Jajuma\PhosphorHyva\ViewModel\Phosphoricons $phosphoricons */
$phosphoricons = $viewModels->require(\Jajuma\PhosphorHyva\ViewModel\Phosphoricons::class);
3. Then render the icons like this:
- Regular style:
<?= $phosphoricons->acornHtml('w-8 h-8 fill-current text-red-100', 24, 24) ?>
- Other styles, include the desired style (Thin, Light, Bold, Fill, Duotone) as in following example:
<?= $phosphoricons->acornBoldHtml('text-red-100', 24, 24) ?>
The method name is the camel-cased icon name, followed by Html. In an IDE you should have auto completion for all available methods.
The parameters are optional and change the class, 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:
<?= $phosphoricons->acornHtml('w-10 h-10 fill-current', 24, 24, ['style'=>'color:#e24848']) ?>
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" 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}}
Write Your Review
Frequently Asked Questions
Changelog
Version: 1.0.0
- Initial Release
More Extensions
Maybe also interesting for you?
More valuable Extensions and Add-Ons for your Magento Store