Home/Libraries/Flag Icons (Iconify)/cc-1x1

Flag Icons (Iconify)

Cc1x1

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

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"><defs><path id="SVGPrdmOdGN" d="m0-360l69.4 215.8l212-80.3L156-35.6L351 80.1L125 99.8l31.1 224.6L0 160l-156.2 164.3l31.1-224.5L-351 80l195-115.7l-125.5-188.9l212 80.3z"/><path id="SVGPkNGGeeg" d="M0-210L54.9-75.5l144.8 10.6l-111 93.8l34.7 141L0 93.3L-123.4 170l34.6-141l-111-93.8l145-10.6z"/></defs><path fill="green" d="M0 0h512v512H0z"/><circle cx="268.2" cy="250.4" r="61.2" fill="#818cf8"/><circle cx="287.3" cy="250.4" r="50.4" fill="green"/><circle cx="75.2" cy="189.2" r="64.2" fill="#818cf8"/><path fill="#818cf8" stroke="#818cf8" stroke-width="1.5" d="M70.7 237.6h16s.8-1.5-.1-2.2s-4.3-1-3.4-3.5c2-5.4 2.2-3.7 3.4-16.4s1.7-32.6 1.7-32.6H86s.5 6.2-.9 14.3c-1.3 8-1.7 8.7-3.2 15c-1.4 6.1-1.7 6.6-3 10.3c-1.3 3.6-1.5 3.7-3.5 7l-2.5 4.2c-.6 1-1.3.7-1.7 1.4c-.4.8-.5 2.5-.5 2.5z"/><path fill="green" d="M83 142.5c0 2.5-.2 5.7-1.2 8.4c-1 3-2.2 6-2.1 9c-1.7.7-3.4-3.5-5-1c1.2 3.3 4 6 5.9 9c.3 1 3 3.5 1.5 4c-4-1.3-5-6.4-7.5-9.5a18 18 0 0 0-14.2-9c-2.3 0-9.6-.6-7.7 3.2c2.8 2 6.3 3.2 9 5.3c2.1.2 5.8 3.6 5.6 5c-3.6-1.5-5.3-3.3-9.2-4.8c-5.3-2-12.6-.9-15.5 4.4c-.6 1.4-1.4 5.3.3 5.7c2-3.1 5-6.6 9.2-5.7c3.3.3-3.8 6.3-1 5c.8-.3 2.8-1.6 4.1-1.7c1.4-.2 2.2.8 3.2 1c2.1.3 2.7 1.1 2.5 1.6s-1 .1-3 .8c-1 .3-1.6 1.3-2.9 1.7s-3.8.4-4.7 0c-3.4-1.4-8.9-1.1-10 3c0 2-1.6-.1-2.3.7c-.6 2-.8 4-3.8 3.9c-1.8 1.9-3.6 3.9-6 5.2c1.4 3.1 6.8-3.1 6.5-.5c-2.3 3.2 1.2 3.9 2.8 1.4c2.6-2.8 5.9-6.1 9.8-3.3c1.9 1.7 3-1 4.3-.8c.9 2.2 2 0 3-.5c1.5-.2 1 2 3 .6c3.7-2.5 8.3-.4 12-2.8c3.8-1.8.5 1.4-.6 2.7c-1.7 3.3-.2 7.7-4 9.7c-1.4 4 1.8 9.2-1.5 12.1c-.5 1.9 4.3 1.7 5.6 2.4c2.4.1 0-5.3 2.2-6c3.1 1.9 3-3.5 2.4-5.2c.3-3.7.5-7.8 2.3-11.3c2-4.1 3.9 1.7 1.6 3.4c-1.2 3.8-3 8.7-.2 12.2c.9.2 1.5 2.2 2.6 2.8c1 .7 2.5-.1 2.8-2c1.4-5.4.7-11.4 2.7-16.7c1.3-1.7 3.3-.3 4.1 1.2c2.8 3.2 4.7 7.2 8 9.9a14 14 0 0 1 7.2 6.7c0 2.4 6.8 2.7 4.8 0c-2-2.5-.7-5.2 1.3-6.9c1 .3.7-1.6 0-.9c-1.4-.3-1.5-2.8.3-1.6c3.2 1-.2-2.3-1.3-2.4c-2.7-1.6-5.7-3.5-7-6.4c3.4 0 7 2 10.5.8c2.9-1.5 5.7.1 6.7 2.6c2.2-.4 1.3-2.5 0-3.3c1.6-.6 2.7-2 .8-3.2c-1-1.4 1.4-3.6-1.6-3.5c.1-2.3-.8-4.3-3.2-5.1c-2.5-2.1-9.7 3-9.5-1.7c-.7-2.5 3-.3 4-1.6c1-2.7-5-2.4-3-4.5c1.2-.8 7.4-2 2.6-3a8 8 0 0 1-6.4-1c-1.7 3-6.7-1.6-5.8 3.6c-.7 2-5 7-6.3 3.1c1-3 6.3-4 4.6-8c-.2-2.6-2.3.4-3.3.2c-.5-1.6 1.5-3.5 3-3.9c2.7 2.2 2.8-2.7 5.5-2.3c2-.4-.7-1.2-1.2-1.6c.5-1.4 3.5-2.2.6-3.4c-2.6-2-4.5 2-6.6 2.1c-2-2.3 1.8-3.4 2.9-4.6c0-1-2.3-.3-1.6-1c.6-1.2 4.8-1.3 2.8-2.9c-2.9-1-6.6-.7-9.4.5c-1.8.6-2.3 4.6-3.8 4.4c-.8-1.7.2-5.2-2.2-5.8zm13.7 38.9c2.3-.4 0 3.3-1 3.3c.1-1.3-3.2-1.2-1.1-2.4z"/><g fill="#818cf8" transform="translate(-25.8 103.5)scale(.05833)"><use width="100%" height="100%" x="7560" y="4200" href="#SVGPrdmOdGN"/><use width="100%" height="100%" x="6300" y="2205" href="#SVGPrdmOdGN"/><use width="100%" height="100%" x="7560" y="840" href="#SVGPrdmOdGN"/><use width="100%" height="100%" x="8680" y="1869" href="#SVGPrdmOdGN"/><use width="100%" height="100%" x="8064" y="2730" href="#SVGPkNGGeeg"/></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. Cc1x1Icon.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 Flag Icons (Iconify)

Browse all Flag Icons (Iconify) icons →