Awesome Hyvä for Magento 2

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

Version 2.1.5

magento
  • 2.4

Composer Installation Composer Installation?

Font Awesome 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 3500+ free icons regular style, solid style and social media/brand logos.

Beauty up your Hyvä Magento Store:

  • Better Performance - No Font File Loaded
  • Perfect Quality Vector Icons
  • Font Awesome 5 + 6 Included
  • 3500+ Free Icons
  • Regular & Solid Style +
    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

Font Awesome 5 + 6 SVG 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 3500 free icons
Regular style, solid style and social media/brand logos

THE PROBLEM
ADDING
SVG / VECTOR ICONS

SVG/vector icons are a great way to beautify any website, pixel-perfect, scalable and crystal clear images without the need to download each as a separate image.

So it is no surprise that literally every online store uses icons as UI elements or visual eye-catchers.

Hyvä Themes provides the Hero Icons, which are nice, but also somewhat limited regarding the number of available icons as well as because of e. g. missing social media/brands icons.

For your Magento 2 Hyvä Store you maybe want a wider selection of appealing icons to choose from?

But finding, creating, and handling SVG icons can be a tedious task... Read on to learn more about:

Awesome Hyvä - The free collection of 3500+ carefully, consistent and beautifully designed icons for your Hyvä Theme project...

THE SOLUTION
FONT AWESOME
FOR
HYVÄ THEMES

With the Awesome Hyvä by JaJuMa extension you now have Font Awesome 5 + 6, the web's most popular icon set and toolkit, at hand for use in your Hyvä Themes Magento 2 Store.



With more than 3500+ free icons to choose from, including Social Media and brand icons, there is an icon for all your needs available.



Add all the icons you want, easily in your code, with auto-complete in your IDE or from the backend.
Icons are rendered and added as inline svg`s, to keep the bespoke Hyvä performance and without having to add a performance-killing icon font to your site.

Details

Awesome 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.

Awesome Hyvä - Font Awesome Icons Extension for Hyvä Themes

Font Awesome, the web's most popular icon set and toolkit, meets Hyvä Themes, the amazing new Magento 2 frontend.

Professionally designed and pixel-perfect icons meet outstanding performance. A perfect match for best-in-class customer and developer experience.
Awesome Hyvä Extension enables you to choose from 3500+ free icons right in your project.
No more time wasted on searching and creating svg/vector icons.
All the icons you need for your Hyvä Theme store are now available right at your hand, with autocomplete in your IDE or for adding into CMS content via backend.

Awesome Hyvä Demo & Icon List

Awesome Hyvä Demo & Icon List

See and search the full list of all 3500+ 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 Awesome Hyvä Demo & Icon List for Font Awesome 5

awesomeicons6/solid/arrow-right Go to Awesome Hyvä Demo & Icon List for Font Awesome 6

Scope & Features

The module includes


  • Solid Style Icons
  • Regular Style Icons &
  • Brands Icons

each in:


  • Font Awesome 5 &
  • Font Awesome 6

and provides 6 ViewModels for adding icons in code


  • AwesomeiconsSolid
  • Awesomeicons6Solid
  • AwesomeiconsRegular
  • Awesomeicons6Regular
  • AwesomeiconsBrands
  • Awesomeicons6Brands

and allows adding Font Awesome Icons from Backend.

Using Font Awesome Icons In Hyvä Themes with
"Awesome Hyvä" Module by JaJuMa

How to use Font Awesome icons in Hyvä Themes in view models

1. Install the module via composer as any other Magento extension

2. Require one of the view models in your template:

For Font Awesome v5:

/** @var \Jajuma\AwesomeHyva\ViewModel\AwesomeiconsSolid $awesomeiconsSolid */
$awesomeiconsSolid = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\AwesomeiconsSolid::class);
/** @var \Jajuma\AwesomeHyva\ViewModel\AwesomeiconsRegular $awesomeiconsRegular */
$awesomeiconsRegular = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\AwesomeiconsRegular::class);
/** @var \Jajuma\AwesomeHyva\ViewModel\AwesomeiconsBrands $awesomeiconsBrands */
$awesomeiconsBrands = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\AwesomeiconsBrands::class);

For Font Awesome v6:

/** @var \Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Solid $awesomeicons6Solid */
$awesomeicons6Solid = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Solid::class);
/** @var \Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Regular $awesomeicons6Regular */
$awesomeicons6Regular = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Regular::class);
/** @var \Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Brands $awesomeicons6Brands */
$awesomeicons6Brands = $viewModels->require(\Jajuma\AwesomeHyva\ViewModel\Awesomeicons6Brands::class);

3. Then render the icons like this:

<?= $awesomeiconsRegular->addressBookHtml('w-8 h-8 fill-current text-red-100', 24, 24) ?>
            
<?= $awesomeicons6Regular->addressBookHtml('w-8 h-8 fill-current 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:

<?= $awesomeiconsRegular->addressBookHtml('w-10 h-10 fill-current', 24, 24, ['style'=>'color:#e24848']) ?>
            
<?= $awesomeicons6Regular->addressBookHtml('w-10 h-10 fill-current', 24, 24, ['style'=>'color:#e24848']) ?>
            

How to use Font Awesome icons in Hyvä Themes in CMS content

Awesome 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:

Release <= 1.0.1


{{awesome "solid/address-book" classes​="w-6 h-6 fill-current text-red-100" width=12 height=12}}
            

Release >= 2.0.0


{{icon "awesomeicons/solid/address-book" classes​="text-red-100" width=12 height=12}}
            

{{icon "awesomeicons6/solid/address-book" 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

Version: 1.0.1

  • Use sha256 instead of md5 for cache key hash

Version: 2.0.0

  • Update to extend from SvgIcons View Model + incl. Easteregg

Version: 2.0.1

  • Fix Icon Colors

Version: 2.1.0

  • Add Font Awesome 6 Icons

Version: 2.1.1

  • Update Readme / Description / Menu

Version: 2.1.2

  • Updated Font Awesome Release 6.1.1

Version: 2.1.3

  • Add missing svg

Version: 2.1.4

  • Update Icons to Font Awesome v6.4.0

Version: 2.1.5

  • Font Awesome icons updated to version 6.4.2 + included Mage-OS logos

Version: 2.1.6

  • Add $attributes option typehint

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?