Home/Libraries/CoreUI Flags (Iconify)/ck

CoreUI Flags (Iconify)

Ck

License: CC0-1.0Commercial 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 300 150"><defs><clipPath id="SVGC4SpHdAn"><path d="M0 0h150v75H0Zm0 0"/></clipPath><clipPath id="SVGL6YnXcFa"><use href="#SVGNF9m5ckl"/></clipPath><clipPath id="SVGxGQCVdad"><path d="M0 0h200v100H0Zm0 0"/></clipPath><path id="SVGNF9m5ckl" d="M0 0v37.5h200V100Zm150 0H75v100H-50Zm0 0"/></defs><path fill="#012169" d="M0 0h300v150H0z"/><path fill="#012169" stroke="#818cf8" stroke-width="1.5" d="m0 0l150 75M0 75L150 0"/><g clip-path="url(#SVGC4SpHdAn)"><g clip-path="url(#SVGL6YnXcFa)"><path fill="#012169" d="m0 0l150 75M0 75L150 0"/></g></g><g clip-path="url(#SVGxGQCVdad)"><g clip-path="url(#SVGL6YnXcFa)"><path fill="none" stroke="#818cf8" stroke-width="1.5" d="m0 0l150 75M0 75L150 0"/></g></g><path fill="#818cf8" stroke="#818cf8" stroke-width="1.5" d="M75 0v100M0 37.5h175"/><path fill="#818cf8" stroke="#818cf8" stroke-width="1.5" d="M75 0v100M0 37.5h175"/><path fill="#818cf8" d="M0 75h150V0h150v150H0Zm0 0"/><path fill="#818cf8" d="m225 12.75l2.531 7.781h8.156l-6.593 4.782l2.531 7.78l-6.625-4.78l-6.625 4.78l2.531-7.78l-6.594-4.782h8.157Zm25.32 5.383l-.851 8.137l7.449 3.316l-7.969 1.687l-.851 8.137l-4.11-7.062l-7.996 1.675l5.477-6.082l-4.078-7.046l7.453 3.316Zm20.942 15.215l-4.09 7.086l5.457 6.062l-7.965-1.703l-4.09 7.09l-.879-8.121l-7.984-1.727l7.476-3.324l-.859-8.102l5.457 6.063Zm12.941 22.418l-6.617 4.808l2.52 7.758l-6.586-4.793l-6.618 4.813l2.5-7.778l-6.593-4.824l8.183.004l2.508-7.75l2.52 7.758Zm2.707 25.742l-8.004 1.703l-.851 8.113l-4.067-7.058l-8.004 1.703l5.45-6.09l-4.063-7.086l7.473 3.328l5.445-6.055l-.855 8.11Zm-8 24.617l-8.004-1.7l-4.078 7.063l-.844-8.097l-8.004-1.7l7.454-3.347l-.829-8.13l5.473 6.083l7.438-3.317l-4.079 7.063Zm-17.32 19.235l-6.621-4.805l-6.598 4.793l2.524-7.743l-6.622-4.808l8.168-.027l2.551-7.762l2.524 7.785l8.148-.008l-6.601 4.793Zm-23.649 10.53l-4.093-7.085l-7.977 1.695l5.457-6.047l-4.094-7.086l7.473 3.301l5.484-6.055l-.855 8.137l7.441 3.305l-7.976 1.699Zm-25.882 0l-.86-8.136l-7.976-1.7l7.441-3.304l-.855-8.137l5.484 6.055l7.473-3.3l-4.094 7.085l5.457 6.047l-7.977-1.695Zm-23.649-10.53l2.528-7.782l-6.602-4.793l8.148.008l2.524-7.785l2.55 7.762l8.169.027l-6.622 4.808l2.524 7.743l-6.598-4.793Zm-17.32-19.235l5.472-6.082l-4.078-7.063l7.438 3.317l5.473-6.082l-.829 8.129l7.454 3.347l-8.004 1.7l-.844 8.097l-4.078-7.062Zm-8-24.617l7.476-3.332l-.855-8.11l5.445 6.055l7.473-3.328l-4.063 7.086l5.45 6.09l-8.004-1.703l-4.067 7.058l-.851-8.113Zm2.707-25.742l8.183-.004l2.52-7.758l2.508 7.75l8.183-.004l-6.593 4.824l2.5 7.778l-6.618-4.813l-6.585 4.793l2.52-7.758Zm12.941-22.418l7.477 3.324l5.457-6.063l-.86 8.102l7.477 3.324l-7.984 1.727l-.88 8.12l-4.09-7.089l-7.964 1.703l5.457-6.062Zm20.942-15.215l5.476 6.078l7.453-3.316l-4.078 7.046l5.477 6.082l-7.996-1.675l-4.11 7.062l-.851-8.137l-7.969-1.687l7.45-3.316Zm0 0"/></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. CkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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 CoreUI Flags (Iconify)

Browse all CoreUI Flags (Iconify) icons →