Phosphor Hyvä for Magento 2

Phosphor Hyvä Extension for Magento 2
Free
Hyvä Compatible Themes Out-of-the-box
Mage-OS Compatible
layer-group

Version 1.0.0

magento
  • 2.4

Composer Installation Composer Installation?

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

See All Highlights

License:


Magento Marketplace Approved by
  • One-Time Payment
  • Lifetime Access To Source Code
  • 1 Year Free Support
  • 1 Year Free Updates
awesomeicons6/brands/magento

Approved & Verified by Magento Marketplace

awesomeicons6/solid/award

1st Extension Provider
     With Hyvä Support
     Awesome since 2021!

awesomeicons6/solid/code-fork

Unencrypted. 100% Open Source & Customizable

awesomeicons6/solid/code

Coding Standards Applied. Clean & Readable Code

awesomeicons6/regular/face-smile-beam

Countless Satisfied Customers: Be The Next One!

awesomeicons6/regular/heart

Made With Love

Our extensions are made with love & passion for building new things, perfection & performance in mind.

awesomeicons6/solid/handshake

Field Tested

Our extensions are field-proven in our own client projects.

Customer Feedback

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 Hyvä - Phosphor Icons Extension for Hyvä Themes

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

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.


awesomeicons6/solid/arrow-right Go to Phosphor Hyvä Demo & Icon List

awesomeicons6/solid/arrow-right Phosphor Icons Figma plugin

awesomeicons6/solid/arrow-right Phosphor Icons Figma library

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

Your Rating:
Loading...

You submitted your review for moderation.

Frequently Asked Questions

General Magento Extension Questions
How to install Magento 2 extensions from JaJuMa?

We offer different ways of Magento 2 extension installation:

Before Installing

  • We recommend you to duplicate your live store on a staging/test site and try installation on your staging/test site before deploying to your live store
  • Backup Magento files and the store database


Please Note:
It’s very important to backup all themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not skip this step.

Manual Extension Installation via FTP/SSH:

After purchasing an extension, you can download the module as .zip package in your Customer Account.
After downloading the .zip package, please follow these steps for installation:

  1. Log into your hosting space via a FTP client (e. g. FileZilla, WinSCP, cuteFtp)
  2. Create Folder: /app/code/Jajuma/[ExtensionName]*
  3. Unzip extension package and upload files into: /app/code/Jajuma/[ExtensionName]*
  4. Enter and run the following commands at the command line:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy

* Note: [ExtensionName] can be found in registration.php file: Jajuma_[ExtensionName]

 

Extension Installation via Composer / Magento Marketplace:

For installation via composer, please get the extension

  • from Github and install as any other extension from Github or
  • from Magento Marketplace and follow this Installation Guide and
    make sure to use the correct key for Marketplace repo (the key that belongs to the account that purchased the module).
    In case of issue with installing via composer, please double-check to use the correct key for Marketplace repo.
    Your key should be in your auth.json file.


Links for composer installation to Github/Marketplace can be found on top of this page in technical info section - Click Here

Error Could not find a matching version of package jajuma/[module-name]. Check the package spelling, your version constraint and that the package

With this error message, most likely the key used for the Marketplace repo is wrong/invalid, i. e. not the key that belongs to the account that purchased the module. Please double-check to use the correct key for the Marketplace repo.

For installing extensions from Magento Marketplace, please follow this guide and make sure to use the correct key for the Marketplace repo:
Installation Guide

Please feel free to get in touch with our support in case you have any further questions or concerns or check with Marketplace support in case the installation issue can not be resolved.

Do you offer free technical support?

After purchasing a (non-free) extension we provide 12 month support via support ticket for free.

Do you offer customization service for your extensions?

Yes, please get in touch with our customer support so we can clarify your requirement and provide a quote.

Where can I download my extension?

You can download your extension from your customer account as soon as the payment has been processed.

Do you offer a free trial period?

Unfortunately, we can not offer a free trial period.

However, we do have demo site for all our extensions. Feel free to test all the features and see how the extensions work.

In case of any questions or concerns regarding compatibility or how some extension works our customer support is also always happy to help.

Do you offer refunds?

All our extensions are non-tangible downloadable goods. Hence we can unfortunately not issue refunds.

Refunds will NEVER be issued for services provided such as installation support, customization and software development work.

Changelog

Version: 1.0.0

  • Initial Release

More Extensions

Maybe also interesting for you?
More valuable Extensions and Add-Ons for your Magento Store

Our Customers Are Excited!

How do you like this extension?