Home/Libraries/CoreUI Brands (Iconify)/nucleo

CoreUI Brands (Iconify)

Nucleo

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="M9.661 30c1.984.88 4.078 1.432 6.391 1.432c2.318 0 4.521-.552 6.396-1.432c-2.094-1.432-4.297-3.198-6.396-5.073c-2.089 1.875-4.297 3.641-6.391 5.073m19.62-6.177A15.6 15.6 0 0 0 31.375 16c0-2.313-.552-4.521-1.432-6.396c-2.313 3.422-5.62 7.276-9.37 11.026c-.771.771-1.651 1.651-2.536 2.422a10.5 10.5 0 0 0-1.099-.99a28 28 0 0 0 2.536-2.536c4.078-4.078 7.495-8.156 9.698-11.573c2.536-3.859 3.198-6.281 2.094-7.495c-.109-.219-.661-.443-1.214-.443c-1.323 0-3.526.995-6.172 2.755C21.567 1.452 18.922.567 16.052.567c-2.865 0-5.51.771-7.823 2.203C5.583 1.01 3.38.015 2.057.015C1.396.015.953.239.625.567c-2.646 2.646 5.62 12.901 11.792 19.068c7.276 7.276 14.552 12.349 17.635 12.349c.661 0 1.104-.224 1.432-.552c1.104-1.104.443-3.635-2.089-7.495zm.771-22.37c.109 0 .333 0 .443.109c.328.328.219 1.76-1.984 5.286c-.88-1.208-1.984-2.422-3.307-3.307c2.203-1.323 3.859-2.089 4.849-2.089zM3.599 6.849C1.724 3.875 1.172 2 1.615 1.563c.109-.109.333-.109.443-.109c.99 0 2.646.766 4.849 2.089A23.7 23.7 0 0 0 3.6 6.85zm26.896 23.589c-.115.109-.333.109-.443.109c-.99 0-2.646-.766-4.849-2.089c1.214-.885 2.427-1.984 3.307-3.307c2.203 3.526 2.313 4.958 1.984 5.286zm-16.203-7.162c-.995-.88-1.984-1.766-2.87-2.755c-3.635-3.641-7.161-7.719-9.37-11.026c-.875 1.984-1.427 4.193-1.427 6.396c0 2.865.771 5.51 2.094 7.823l-.109.109c-2.536 3.859-3.198 6.286-2.094 7.5c.328.328.88.547 1.432.547c2.422 0 7.385-3.083 12.896-7.932a4.2 4.2 0 0 1-.552-.661zm-12.24 7.271c-.104 0-.328 0-.438-.109c-.328-.328-.219-1.76 1.984-5.286q1.321 1.814 3.307 3.307c-2.208 1.323-3.859 2.089-4.854 2.089z"/></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. NucleoIcon.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.