Home/Libraries/MingCute Icon (Iconify)/sunflower-line

MingCute Icon (Iconify)

SunflowerLine

License: Apache-2.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 24 24"><g fill="none" fill-rule="evenodd"><path d="m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"/><path fill="#818cf8" d="M12 2c.62.017 1.268.543 1.693.947A4.13 4.13 0 0 1 14.89 5.02a4.13 4.13 0 0 1 2.314-.619c.586.015 1.416.102 1.866.528c.426.45.512 1.28.527 1.866a4.13 4.13 0 0 1-.618 2.314c.927.214 1.61.71 2.073 1.198c.404.425.93 1.073.947 1.693c-.017.62-.543 1.268-.947 1.693a4.13 4.13 0 0 1-2.073 1.198a4.14 4.14 0 0 1 .619 2.314c-.015.586-.102 1.416-.528 1.866c-.45.426-1.28.512-1.866.527a4.13 4.13 0 0 1-2.314-.618a4.13 4.13 0 0 1-1.198 2.073c-.425.404-1.074.93-1.693.947c-.62-.017-1.268-.543-1.693-.947A4.13 4.13 0 0 1 9.11 18.98a4.13 4.13 0 0 1-2.314.619c-.586-.015-1.416-.102-1.866-.528c-.426-.45-.512-1.28-.527-1.866a4.13 4.13 0 0 1 .618-2.314a4.13 4.13 0 0 1-2.073-1.198C2.543 13.268 2.017 12.62 2 12c.017-.62.543-1.268.947-1.693A4.13 4.13 0 0 1 5.02 9.11a4.13 4.13 0 0 1-.619-2.314c.015-.586.102-1.416.528-1.866c.45-.426 1.28-.513 1.866-.527a4.13 4.13 0 0 1 2.314.618c.214-.927.71-1.61 1.198-2.073c.426-.404 1.073-.93 1.693-.947m.5 13.969c-.328.04-.672.04-1 0c-.278.64-.5 1.287-.5 2.031c0 1.002.579 1.567 1 1.86c.421-.293 1-.858 1-1.86c0-.744-.222-1.391-.5-2.031m-3.66-1.516c-.649.256-1.264.557-1.79 1.083c-.708.708-.699 1.517-.607 2.021c.504.091 1.313.101 2.021-.607c.526-.526.827-1.141 1.083-1.79a4 4 0 0 1-.707-.707m6.32 0a4 4 0 0 1-.707.707c.256.649.557 1.264 1.083 1.79c.708.708 1.517.698 2.021.607c.091-.504.101-1.313-.607-2.021c-.526-.526-1.141-.827-1.79-1.083M12 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-6 1c-1.002 0-1.567.579-1.86 1c.293.421.858 1 1.86 1c.744 0 1.391-.222 2.031-.5a4 4 0 0 1 0-1C7.391 11.222 6.744 11 6 11m12 0c-.744 0-1.391.222-2.031.5c.04.328.04.672 0 1c.64.278 1.287.5 2.031.5c1.002 0 1.567-.579 1.86-1c-.293-.421-.858-1-1.86-1M8.464 7.05c-.708-.708-1.517-.699-2.021-.607c-.092.504-.101 1.313.607 2.021c.526.526 1.141.827 1.79 1.083a4 4 0 0 1 .707-.707c-.256-.649-.557-1.264-1.083-1.79m9.093-.607c-.504-.092-1.313-.101-2.021.607c-.526.526-.827 1.141-1.083 1.79q.398.31.707.707c.649-.256 1.264-.557 1.79-1.083c.708-.708.698-1.517.607-2.021M12 4.14c-.421.292-1 .857-1 1.859c0 .744.222 1.391.5 2.031c.328-.04.672-.04 1 0c.278-.64.5-1.287.5-2.031c0-1.002-.579-1.567-1-1.86"/></g></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. SunflowerLineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.