JaJuMa Hyvä PWA Extension

Hyvä Flags

For Hyvä Themes

Free on Github - Get it Now!

Approved & Verified by
Magento Marketplace

100% Open Source
& Customizable

Coding Standards Applied.
Clean & Readable Code

Countless Satisfied Customers:
Be The Next One!


Country & Language Flag Icons For Your Hyvä Themes Magento 2 Store

Use beautiful svg/vector flag icons and add them easily in your code or via backend.
Includes almost 1000 free icons
Square (1:1 Ratio), Rectangle (3:4 Ratio) as well as Circle Icon Formats Included

The Problem
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 (User Interface) elements or visual eye-catchers.
One typical use-case for SVG icons are language or store switcher UI elements.
Hyvä Themes provides the Hero Icons, which are nice, but do not include language or country flags.
For your Magento 2 Hyvä Store you maybe want to use language or country flags for your store switcher?
Read on to learn more about how to do that:
Hyvä Flags - The free collection of almost 1000 carefully, consistent and beautifully designed language & country icons for your Hyvä Theme project...

The Solution
Hyvä Flags
For Hyvä Themes

With the Hyvä Flags by JaJuMa extension you now have country and language flag icons, at hand for use in your Hyvä Themes Magento 2 store.
With more than almost 1000 free icons to choose from, including square (1:1 ratio), rectangle (3:4 ratio) as well as circle icon formats, 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.

Prefer more fancy icons over the flat style icons used in this icon pack?
Check this nice alternative flags collection module for Hyvä Themes created by Siteation: https://github.com/Siteation/magento2-hyva-icons-flags

Looking for more beautiful icons to use in your Hyvä Theme project besides flags?
Check our Awesome Hyvä extension for using Font Awesome 5 + 6 icons: https://www.jajuma.de/en/jajuma-develop/extensions/font-awesome-icons-for-hyva-themes-extension


Further Questions? Have a Feature-Request?
Or need some individual customization?
Lets get in touch:


Hyvä Flags Extension for Hyvä Themes
by JaJuMa In Detail.
Beauty up your Hyvä Themes Store.
Save time by having all the country & language flag icons you need at hand.

Country and language icon set and toolkit to beauty up your 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.
Hyvä Flags Extension enables you to choose from almost 1000 free country and language flag icons right in your project. No more time wasted on searching and creating svg/vector icons.
All the country and language flag 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.


Hyvä Flags Demo & Icon List


See and search the full list of all almost 1000 included icons on the demo site.

The demo also provides options to get the code for using the icons in your projects easily by copy & paste.

Go to Hyvä Flags Demo & Icon List

Scope & Features

The module includes:

  • Square (1:1) Flag Icons
  • Rectangle (4:3) Flag Icons &
  • Circle Flag Icons

and provides 3 ViewModels

  • Flagicons11
  • Flagicons43
  • FlagiconsCircle

and allows adding country & language svg flag icons from Backend.

Using Country & Language Icons In Hyvä Themes
with JaJuMa "Hyvä Flags" Module

How to use country & language icons in Hyvä Themes in view models

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

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

/** @var \Jajuma\HyvaFlags\ViewModel\Flagicons11 $flagicons11 */
$flagicons11 = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\Flagicons11::class);
/** @var \Jajuma\HyvaFlags\ViewModel\Flagicons43 $flagicons43 */
$flagicons43 = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\Flagicons43::class);
/** @var \Jajuma\HyvaFlags\ViewModel\FlagiconsCircle $flagiconscircle */
$flagiconscircle = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\FlagiconsCircle::class);

3. Then render the icons like this:

<?= $flagicons11->acHtml('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:

<?= $flagicons11->acHtml('w-10 h-10', 24, 24, ['style'=>'position:relative']) ?>

How to use Hyvä Flag icons in Hyvä Themes in CMS content

Hyvä Flags 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:

{{icon "flagicons/1x1/ac" classes="text-red-100" width=12 height=12}}



Version: 1.0.0

  • Initial Release