Checkout using your account
Checkout as a new customer
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:
License:
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!
Our extensions are made with love & passion for building new things, perfection & performance in mind.
Our extensions are field-proven in our own client projects.
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!!!
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
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...
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.
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.
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.
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.
The module includes
each in:
and provides 6 ViewModels for adding icons in code
and allows adding Font Awesome Icons from Backend.
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:
Composer Installation?
<?= $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']) ?>
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}}
Version: 1.0.0
Version: 1.0.1
Version: 2.0.0
Version: 2.0.1
Version: 2.1.0
Version: 2.1.1
Version: 2.1.2
Version: 2.1.3
Version: 2.1.4
Version: 2.1.5
Version: 2.1.6
Maybe also interesting for you?
More valuable Extensions and Add-Ons for your Magento Store
How do you like this extension?
