Iconify
.design
Show Iconify website navigation
Add to favorites
Flag Icons
by
Panayiotis Lipiridis
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Flag Icons
Icon:
hn-4x3
Default
flag:hn-4x3
- Iconify Icon
FlagHn4x3
- Component name
icon-[flag--hn-4x3]
- Tailwind CSS
i-flag:hn-4x3
- UnoCSS
i-flag-hn-4x3
- UnoCSS
hn-4x3
- Name only
flag/hn-4x3
flag--hn-4x3
Size:
Colors:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1.34em" height="1em" viewBox="0 0 640 480"><path fill="#18c3df" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><g id="flagHn4x30" fill="#18c3df" transform="translate(320 240)scale(26.66665)"><g id="flagHn4x31"><path id="flagHn4x32" d="m-.3 0l.5.1L0-1z"/><use width="100%" height="100%" href="#flagHn4x32" transform="scale(-1 1)"/></g><use width="100%" height="100%" href="#flagHn4x31" transform="rotate(72)"/><use width="100%" height="100%" href="#flagHn4x31" transform="rotate(-72)"/><use width="100%" height="100%" href="#flagHn4x31" transform="rotate(144)"/><use width="100%" height="100%" href="#flagHn4x31" transform="rotate(-144)"/></g><use width="100%" height="100%" href="#flagHn4x30" transform="translate(133.3 -42.7)"/><use width="100%" height="100%" href="#flagHn4x30" transform="translate(133.3 37.3)"/><use width="100%" height="100%" href="#flagHn4x30" transform="translate(-133.3 -42.7)"/><use width="100%" height="100%" href="#flagHn4x30" transform="translate(-133.3 37.3)"/></svg>
Copy to Clipboard
Download