Home/Libraries/Circle Flags (Iconify)/yua

Circle Flags (Iconify)

Yua

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="circleFlagsYua0"><circle cx="256" cy="256" r="256" fill="#818cf8"/></mask><g mask="url(#circleFlagsYua0)"><path fill="#818cf8" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#818cf8" d="M0 0h144v512H0z"/><path fill="#818cf8" d="M368 0h144v512H368z"/><path fill="#818cf8" d="M256 277v10h12l10-22z"/><path fill="#818cf8" d="M160 242a96 96 0 0 0 192 0h-11a85 85 0 0 1-170 0zm39 17l-4 2c-2 2-2 6 1 8c15 14 34 22 54 24v17h12v-17c20-2 39-10 54-24c3-2 3-6 1-8s-6-2-8 0a78 78 0 0 1-53 21c-19 0-38-8-53-21z"/><path fill="#818cf8" d="M256 316c-14 0-28-5-40-13l6-9c20 13 48 13 68 0l7 9c-12 8-26 13-41 13"/><path fill="#818cf8" d="M256 174c22 11 12 33 11 34l-2-4c-5-11-18-18-31-18v11c6 0 11 5 11 11c-7 7-9 17-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-5-21l28 16c4 11 12 21 23 26c9-83-42-91-61-91z"/><path fill="#818cf8" d="M222 271c-15 0-33-12-38-40l11-2c4 23 18 31 27 31q4.5 0 6-3c0-2 0-3-6-5c-3-1-7-2-10-5c-10-12 4-24 11-30c1-1 2-2 1-3c0 0-2-2-5-2c-7 0-12-4-14-11c-2-6 2-13 8-17l5 11c-2 0-2 2-2 4c0 0 1 2 3 2c7 0 14 4 16 9c1 3 2 9-5 15c-7 7-11 12-9 15l5 1c5 2 14 5 13 17c-1 8-8 13-17 13h-1z"/><path fill="#818cf8" d="m234 186l-12 11v11l18-9c3-1 3-5 1-7z"/><circle cx="172" cy="275" r="8" fill="#818cf8"/><circle cx="189" cy="302" r="8" fill="#818cf8"/><circle cx="216" cy="323" r="8" fill="#818cf8"/><circle cx="297" cy="323" r="8" fill="#818cf8"/><circle cx="324" cy="302" r="8" fill="#818cf8"/><circle cx="341" cy="275" r="8" fill="#818cf8"/><rect width="34" height="22" x="239" y="299" fill="#818cf8" rx="11" ry="11"/></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. YuaIcon.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