Home/Libraries/CoreUI Brands (Iconify)/coreui

CoreUI Brands (Iconify)

Coreui

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 32 32"><path fill="#818cf8" d="M10.23 12.836L6.48 10.67a1.16 1.16 0 0 0-1.158.004l.004-.004l-3.75 2.166a1.16 1.16 0 0 0-.576.998v4.33c0 .426.23.797.572.996l.004.004l3.75 2.164a1.16 1.16 0 0 0 1.16-.002l-.006.002l3.75-2.164c.348-.203.576-.574.578-1v-4.328a1.16 1.16 0 0 0-.572-.998zm-.191 5.328a.38.38 0 0 1-.191.332l-.002.002l-3.75 2.164a.37.37 0 0 1-.386 0h.002l-3.75-2.164a.39.39 0 0 1-.191-.334v-4.328c0-.143.076-.266.189-.332l.002-.002l3.75-2.164a.37.37 0 0 1 .386 0h-.002l3.75 2.164a.38.38 0 0 1 .193.334z"/><path fill="#818cf8" d="M8.117 17.254h-.275a.4.4 0 0 0-.188.049l.002-.002l-1.66.912l-1.92-1.107v-2.209l1.918-1.107l1.664.908a.4.4 0 0 0 .184.047h.275a.193.193 0 0 0 .193-.191v-.262a.2.2 0 0 0-.1-.168l-1.846-1.01a.8.8 0 0 0-.369-.094a.76.76 0 0 0-.389.104l.004-.002l-1.92 1.109a.78.78 0 0 0-.385.664v2.211a.77.77 0 0 0 .383.664l.002.002l1.92 1.107a.77.77 0 0 0 .758.006l-.004.002l1.844-1.012a.19.19 0 0 0 .1-.17v-.26a.19.19 0 0 0-.191-.191m9.108-3.524a1.443 1.443 0 0 0-1.441 1.441v1.662a1.442 1.442 0 1 0 2.884 0v-1.662c0-.795-.646-1.441-1.441-1.441zm.673 3.104a.674.674 0 1 1-1.346 0v-1.662a.672.672 0 0 1 1.346 0zm-4.199-2.328a.673.673 0 0 1 .756.58l.002.004a.093.093 0 0 0 .094.082h.58a.097.097 0 0 0 .098-.098l-.002-.008a1.444 1.444 0 0 0-1.439-1.336l-.074.002h.004c-.775.037-1.369.707-1.369 1.482v1.578c0 .775.594 1.443 1.369 1.482l.07.002c.76 0 1.383-.586 1.439-1.332l.002-.006v-.008a.1.1 0 0 0-.096-.098h-.582a.1.1 0 0 0-.094.084a.675.675 0 0 1-.76.584h.004a.69.69 0 0 1-.586-.682v-1.635c0-.342.252-.627.582-.68h.004zm7.967 1.875c.41-.188.689-.594.691-1.064v-.355c0-.646-.523-1.168-1.168-1.168h-1.631a.096.096 0 0 0-.096.096v4.23c0 .053.043.096.096.096h.576a.096.096 0 0 0 .096-.096v-1.635h.637l.762 1.674a.1.1 0 0 0 .088.057h.633a.096.096 0 0 0 .096-.096a.1.1 0 0 0-.01-.041l.002.002zm-.078-1.065a.4.4 0 0 1-.4.398h-.947V14.56h.947c.221 0 .398.18.398.398zm4.123-1.525h-2.5a.096.096 0 0 0-.096.096v4.232c0 .053.043.096.096.096h2.5a.096.096 0 0 0 .096-.096v-.578a.096.096 0 0 0-.096-.096h-1.826v-1.154h1.25a.096.096 0 0 0 .096-.096v-.576a.096.096 0 0 0-.096-.096h-1.25v-.963h1.826a.096.096 0 0 0 .096-.096v-.576a.096.096 0 0 0-.096-.096zm3.654 0h-.576a.096.096 0 0 0-.096.096v2.207a.674.674 0 0 1-1.348 0v-2.207a.096.096 0 0 0-.096-.096h-.576a.096.096 0 0 0-.096.096v2.178l-.002.029a1.443 1.443 0 1 0 2.886 0q0-.015-.002-.029v-2.178a.096.096 0 0 0-.096-.096zm.961 0h.578c.053 0 .096.043.096.096v3.463a.096.096 0 0 1-.096.096h-.578a.096.096 0 0 1-.096-.096v-3.463c0-.053.043-.096.096-.096"/></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. CoreuiIcon.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.