Awesome Hyvä for Magento 2

Free

Out-of-the-box

Version 2.1.5

Demos

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 2 Edition

ECE

Additional Services

Professional Installation

i Professional installation of the extension by our Magento Developers

Priority Support

i Support requests will be moved to top of queue and processed with highest priority

One-Time Payment
Lifetime Access To Source Code
1 Year Free Support
1 Year Free Updates

Approved & Verified by Magento Marketplace

Hyvä Theme
Compatible

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.

Overview
Solution
Details
Reviews
Changelog & FAQ
Add to Cart

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.

Further Questions? Have a Feature-Request? Or need some individual customization?

Lets get in touch

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

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.

Go to Awesome Hyvä Demo & Icon List for Font Awesome 5

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}}

Not Yet Convinced?

Lets get in touch

Write Your Review

Your Rating:

★

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:

Log into your hosting space via a FTP client (e. g. FileZilla, WinSCP, cuteFtp)
Create Folder: /app/code/Jajuma/[ExtensionName]*
Unzip extension package and upload files into: /app/code/Jajuma/[ExtensionName]*
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 customization service for your extensions?

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