Marionette icon

logos:marionette

The Marionette icon (logos:marionette) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 315 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 315

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="315" viewBox="0 0 256 315"><path fill="#939598" 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="#931a2b" 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="#a7a9ac" d="m117.376 38.549l-.136 14.667l-53.23 21.32l.937-13.03l52.43-22.96z"/><path fill="#bcbec0" 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="#a7a9ac" d="m203.82.7l1.743 17.13l-77.535 31.062l-.058-14.982z"/><path fill="#bcbec0" d="m214.053 7.116l1.916 16.724l-10.404-6.01L203.822.703z"/><path fill="#808285" 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="#939598" 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="#a81e2c" 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="#939598" 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="#ce2227" 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="#a51724" rx="3.258" ry="3.225"/><path fill="#939598" 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="#a51724" rx="3.821" ry="3.783"/><path fill="#939598" 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>

How to use the Marionette icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:marionette" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:marionette" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:marionette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--marionette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:marionette"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:marionette"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/marionette.svg" alt="Marionette icon" width="24" height="24">

Marionette icon FAQ

Is the Marionette icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Marionette icon in React?

Install @iconify/react and render <Icon icon="logos:marionette" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Marionette icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/marionette.svg" alt="Marionette icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →