Home/Libraries/CoreUI Brands (Iconify)/octave

CoreUI Brands (Iconify)

Octave

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="M13.989.011c-3.219-.12-6.208.953-8.375 3.312c-1.735 1.885-2.697 4.339-2.969 7.032h-.557A2.09 2.09 0 0 0 0 12.438v6.323a2.09 2.09 0 0 0 2.083 2.089H4.87a22.6 22.6 0 0 0 3.428 4.911c5.943 6.459 14.249 8.043 19.4 4.021h2.797c.771 0 1.401-.636 1.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505 1.829 17.609.146 13.989.012zm2.328 2.906c2.376-.016 4.923.828 7.229 2.463a1.1 1.1 0 0 0-.197.593v2.683c0 .599.489 1.093 1.088 1.093h2.688c.181-.004.364-.061.52-.156c2.995 4.401 3.647 9.756 1.652 13.563h-2.615c-.771 0-1.401.636-1.401 1.401v2.391c-3.989 1.735-9.333.297-13.276-3.984a16.7 16.7 0 0 1-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086 2.086 0 0 0-2.083-2.083h-.547c.317-1.819 1.041-3.48 2.249-4.792c1.631-1.771 3.839-2.636 6.208-2.645zm8.12 2.676h2.688c.213 0 .375.161.375.38v2.683c0 .219-.161.38-.375.38h-2.688a.37.37 0 0 1-.38-.38V5.973a.37.37 0 0 1 .38-.38m-22.354 5.47h6.324c.771 0 1.375.609 1.375 1.375v6.323c0 .767-.604 1.376-1.375 1.376H2.088a1.37 1.37 0 0 1-1.38-1.376v-6.323c0-.765.609-1.369 1.375-1.369zm24.6 12.806h3.812c.391 0 .699.303.699.688v3.817a.69.69 0 0 1-.699.693h-3.812a.683.683 0 0 1-.693-.693v-3.812a.683.683 0 0 1 .693-.693"/></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. OctaveIcon.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.