Home/Libraries/SVG Logos (Iconify)/marionette

SVG Logos (Iconify)

Marionette

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 256 315"><path fill="#818cf8" d="m150.815 142.832l29.445-69.646a1.66 1.66 0 0 1 2.17-.883a1.64 1.64 0 0 1 .888 2.15l-25.95 61.37z"/><path fill="#818cf8" d="M176.216 107.388s-14.092 18.468-24.037 29.137c-9.955 10.673-24.46 27.5-24.46 27.5v37.621c.105-.007.2-.028.305-.028c2.406 0 4.355 1.927 4.355 4.306c0 2.382-1.95 4.312-4.355 4.312c-.104 0-.2-.025-.305-.034v37.957s18.267-12.413 31.5-24.421c14.919-13.54 31.5-34.684 31.5-34.684l-14.503-81.664z"/><path fill="#818cf8" d="m117.376 38.549l-.136 14.667l-53.23 21.32l.937-13.03l52.43-22.96z"/><path fill="#818cf8" d="m191.325 60.993l1.038 13.026l-53.498-20.892l-.253-14.662zM127.972 33.91l.056 14.981L50.16 18.479l1.616-17.14zM51.777 1.34l-1.616 17.14l-10.326 6.093l1.786-16.736z"/><path fill="#818cf8" d="m203.82.7l1.743 17.13l-77.535 31.062l-.058-14.982z"/><path fill="#818cf8" d="m214.053 7.116l1.916 16.724l-10.404-6.01L203.822.703z"/><path fill="#818cf8" d="m74.608 77.534l-10.6-2.996l53.232-21.32l-77.405-28.644l10.326-6.095l77.867 30.413l77.537-31.061l10.404 6.01l-77.104 29.287l53.498 20.89l-10.574 3.083l-53.712-19.874L74.608 77.53z"/><path fill="#818cf8" d="M40.676 120.55c-.056 0-.112 0-.166-.008a1.644 1.644 0 0 1-1.485-1.796l9.489-94.681c.09-.898.882-1.56 1.813-1.47c.91.088 1.576.893 1.485 1.793l-9.487 94.68a1.65 1.65 0 0 1-1.646 1.483zm170.62 0a1.65 1.65 0 0 1-1.651-1.542l-5.736-95.332a1.647 1.647 0 0 1 1.555-1.74a1.637 1.637 0 0 1 1.757 1.541l5.73 95.327a1.644 1.644 0 0 1-1.55 1.74c-.038.005-.07.005-.105.007m-110.764 19.054L73.082 74.89a1.64 1.64 0 0 1 .885-2.153a1.67 1.67 0 0 1 2.172.88l30.467 71.826z"/><path fill="#818cf8" d="M123.676 205.928c0-2.277 1.786-4.122 4.045-4.28v-37.622s-14.51-16.828-24.46-27.501c-9.947-10.67-24.04-29.137-24.04-29.137l-14.505 81.673s16.58 21.141 31.5 34.682c13.231 12.008 31.502 24.42 31.502 24.42v-37.959c-2.255-.158-4.042-2.005-4.042-4.276"/><path fill="#818cf8" d="M128.024 208.388c-.4 0-.809-.143-1.126-.436l-57.13-52.522l-.017-4.494l58.263 53.555l57.524-54.194l.231 4.31l-56.603 53.326c-.32.306-.732.456-1.145.456h.003z"/><path fill="#818cf8" d="m247.515 118.879l-71.297-11.489s6.631 37.756 6.631 100.957c0 63.21-8.704 106.301-8.704 106.301l72.127-7.8s9.116-34.483 9.116-93.99c-.003-59.506-7.876-93.98-7.876-93.98zm-32.958 166.63c-1.945 0-3.523-1.56-3.523-3.488c0-1.92 1.576-3.486 3.523-3.486s3.522 1.565 3.522 3.486c0 1.925-1.573 3.487-3.522 3.487M72.59 208.345c0-63.202 6.632-100.958 6.632-100.958l-71.296 11.49S.05 153.353.05 212.86c0 59.515 9.118 93.991 9.118 93.991l72.126 7.803c0-.008-8.705-43.097-8.705-106.31M39.556 285.28c-1.813 0-3.286-1.46-3.286-3.255c0-1.797 1.47-3.255 3.285-3.255c1.813 0 3.284 1.458 3.284 3.251s-1.47 3.254-3.284 3.254z"/><ellipse cx="214.557" cy="139.605" fill="#818cf8" rx="3.258" ry="3.225"/><path fill="#818cf8" d="M214.56 283.664q-.19-.001-.388-.05a1.64 1.64 0 0 1-1.229-1.976c.05-.202 4.928-21.18 4.928-69.764c0-48.678-4.888-71.7-4.935-71.923a1.646 1.646 0 0 1 1.27-1.953a1.66 1.66 0 0 1 1.97 1.26c.051.227 5.011 23.597 5.011 72.616c0 49.048-4.813 69.666-5.017 70.52a1.654 1.654 0 0 1-1.61 1.271z"/><ellipse cx="39.556" cy="139.605" fill="#818cf8" rx="3.821" ry="3.783"/><path fill="#818cf8" d="M39.553 283.664a1.66 1.66 0 0 1-1.639-1.402c-.04-.272-4.163-27.914-4.163-71.244s4.123-71.372 4.163-71.651a1.654 1.654 0 0 1 1.883-1.383c.907.13 1.534.968 1.4 1.862c-.044.279-4.128 28.103-4.128 71.176c0 43.09 4.088 70.492 4.126 70.755c.14.89-.488 1.735-1.395 1.87c-.083.006-.167.017-.247.017"/></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. MarionetteIcon.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.