Home/Libraries/Arcticons (Iconify)/mlauncher

Arcticons (Iconify)

Mlauncher

License: CC-BY-SA-4.0

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 48 48"><circle cx="24" cy="17.164" r="2.196" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M26.196 30.836a2.196 2.196 0 1 1-4.392 0h0a2.196 2.196 0 1 1 4.392 0m-6.803-13.672a2.196 2.196 0 0 1-2.197 2.196h0A2.196 2.196 0 0 1 15 17.164h0a2.196 2.196 0 1 1 4.393 0m0 13.672a2.196 2.196 0 1 1-2.197-2.196h0c1.213 0 2.197.983 2.197 2.196m0-6.836A2.196 2.196 0 1 1 15 24h0c0-1.213.983-2.196 2.196-2.196h0c1.213 0 2.197.983 2.197 2.196M33 17.164a2.196 2.196 0 0 1-2.196 2.196h0a2.196 2.196 0 0 1-2.197-2.196h0a2.196 2.196 0 1 1 4.393 0m0 13.672a2.196 2.196 0 0 1-2.196 2.196h0a2.196 2.196 0 1 1 0-4.392h0c1.213 0 2.196.983 2.196 2.196M33 24a2.196 2.196 0 0 1-2.196 2.196h0A2.196 2.196 0 0 1 28.607 24h0c0-1.213.984-2.196 2.197-2.196h0c1.213 0 2.196.983 2.196 2.196m-6.804 0a2.196 2.196 0 1 1-4.392 0h0c0-1.213.983-2.196 2.196-2.196h0c1.213 0 2.196.983 2.196 2.196"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M23.5 40.589v4.688M24 2.854V7.47M2.5 24h4.766m33.264 0h4.785m-4.785 0c0 9.13-7.4 16.53-16.53 16.53S7.47 33.13 7.47 24S14.87 7.47 24 7.47S40.53 14.87 40.53 24m4.97 0c0 11.874-9.626 21.5-21.5 21.5S2.5 35.874 2.5 24S12.126 2.5 24 2.5S45.5 12.126 45.5 24"/></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. MlauncherIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →

100