Home/Libraries/SVG Logos (Iconify)/clio-lang

SVG Logos (Iconify)

ClioLang

License: CC0-1.0Commercial 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 256 256"><path fill="#818cf8" d="M6.346 6.348h243.458v243.311H6.346z"/><path fill="#818cf8" d="M256 0H0v256.002h256zm-9.966 9.971v236.06H9.966V9.97z"/><path fill="#818cf8" d="m172.534 166.936l-10.671 3.94c-5.485-6.701-8.712-14.41-11.979-22.096q-.675-1.793-1.352-3.584c-1.1-2.725-2.068-5.511-2.907-9.025c-1.89-8.033-3.948-15.59-5.749-24.116l-8.287 24.07l-3.243 9.12l-9.356 25.855l-9.952-2.192l8.504-23.574l3.431-9.163L132 106.892c.35-.928.708-1.925 1.105-2.971h4.214c-2.828-11.36-9.73-18.258-21.767-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.961.815 15.322 2.4 21.147 8.768c5.825 6.367 7.853 11.061 9.718 17.776c1.15 4.143 2.225 8.307 3.334 12.463q2.228 8.23 4.453 16.46l1.314 4.721l3.23 9.12c2.539 7.962 6.471 15.153 12.186 21.59"/><path fill="#818cf8" d="M76.74 136.457v8.947h102.364q-2.978 1.534-25.394 26.576l7.823 6.975l33.804-38.089l-33.804-38.086l-7.823 6.691q21.143 24.14 25.394 26.986z"/><path fill="#818cf8" d="m149.643 166.936l-10.67 3.94c-5.485-6.701-8.712-14.41-11.98-22.096q-.674-1.793-1.352-3.584c-1.1-2.725-2.067-5.511-2.907-9.025c-1.89-8.033-3.947-15.59-5.748-24.116l-8.288 24.07l-3.243 9.12L96.1 171.1l-9.952-2.192l8.503-23.574l3.432-9.163q5.512-14.64 11.027-29.279c.35-.928.708-1.925 1.105-2.971h4.214c-2.829-11.36-9.731-18.258-21.768-19.507c.546-2.834 1.057-5.556 1.6-8.377c7.962.815 15.323 2.4 21.148 8.768c5.825 6.367 7.853 11.061 9.717 17.776c1.15 4.143 2.226 8.307 3.334 12.463l4.454 16.46l1.314 4.721l3.23 9.12c2.538 7.962 6.47 15.153 12.185 21.59"/></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. ClioLangIcon.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.