Home/Libraries/Circle Flags (Iconify)/ho

Circle Flags (Iconify)

Ho

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><mask id="circleFlagsHo0"><circle cx="256" cy="256" r="256" fill="#818cf8"/></mask><g mask="url(#circleFlagsHo0)"><path fill="#818cf8" d="M512 512L301.3 226.6L0 0v512z"/><path fill="#818cf8" d="m0 0l512 512V0z"/><path fill="#818cf8" d="m195 346l4.2 12.9h13.6l-11 8l4.2 12.8l-11-7.9l-11 7.9l4.2-12.9l-11-8h13.6zm-34.6-123.7l7 21.5h22.5L171.7 257l7 21.5l-18.3-13.3l-18.2 13.3l6.9-21.5l-18.2-13.2h22.5zm0 157.4l7 21.5h22.5l-18.2 13.2l7 21.6l-18.3-13.4l-18.2 13.4l6.9-21.6l-18.2-13.2h22.5zm66-101.2l7 21.5H256l-18.2 13.3l6.9 21.4l-18.2-13.2l-18.3 13.2l7-21.4l-18.3-13.3h22.5zm-132 0l7 21.5h22.5l-18.2 13.3l7 21.4l-18.3-13.2l-18.3 13.2l7-21.4L64.8 300h22.5z"/><path fill="#818cf8" d="M430.3 189a67 67 0 0 0-42.6-19.7l48.2-37.6a89.7 89.7 0 0 0-70.3-26A67.2 67.2 0 0 0 348.5 76l-19.2 38.2a28 28 0 0 0-4.8-6.3a28 28 0 1 0-39.7 39.7a28 28 0 0 0 6.3 4.8L253 171.5a67.2 67.2 0 0 0 29.6 17.2a89.7 89.7 0 0 0 26 70.2l42.2-54.2a16.8 16.8 0 0 1 11.9-4.9c4.4 0 8.7 1.7 12 5a16.8 16.8 0 0 1 4.8 11.9c0 4.5-1.7 8.8-4.9 12l15.9 15.9a39.1 39.1 0 0 0 3.7-51.4a44.7 44.7 0 0 1 20.2 11.6a45 45 0 0 1 0 63.6l15.9 15.9a67 67 0 0 0 0-95.4z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Circle Flags (Iconify)

Browse all Circle Flags (Iconify) icons →

af-emirate

afar