Manzdev icon
thesvg-color:manzdev
The Manzdev icon (thesvg-color:manzdev) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 135 × 135 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 135 × 135
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="135" height="135" viewBox="0 0 135 135"><path fill="#fff" d="m23.169 104.957l8.18-.896l-.841-7.683l-8.18.896l-6.87-62.726l7.937-.87l-.87-7.936l8.18-.896l-.923-8.434L92.255 9.57l1.006 9.183l15.124-1.656l3.448 31.485l-7.684.841l10.345 94.455l-86.274 9.448Z"/><path d="m35.242 143.418l-3.437-31.38l7.98-.874l-.847-7.73l7.73-.846l-.82-7.479l-7.71.844l-.873-7.98l-7.73.847l-5.106-46.627l7.98-.874l-.845-7.71l7.71-.845l-.876-7.999l46.647-5.109l.874 7.98l15.189-1.663l1.693 15.459l-7.73.846l10.639 93.578Z"/><path fill="#cc984f" d="m95.31 42.506l-15.67 1.716l-.874-7.98l-30.898 3.384l1.693 15.459l-8 .876l3.386 30.917l7.73-.846l.844 7.71l15.71-1.72l.903 8.25l15.208-1.666l-.844-7.71l-7.73.846l-.903-8.25l15.71-1.72l1.747 15.96l7.98-.874z"/><path fill="#ffcc80" d="m79.362 43.999l-30.648 3.356l.82 7.48l-8 .875L44.1 79.15l7.73-.847l.873 7.98l38.936-4.264l.845 7.71l7.941-.87l-5.123-46.605z"/><path d="m57.02 54.268l8.25-.904l1.75 15.98l-8.25.903zm23.458-2.57l8.25-.903l1.75 15.98l-8.25.903z"/><path fill="#ebb267" d="m67.12 69.196l23.44-2.567l.819 7.479l-23.44 2.567zm12.492-25.225l15.479-1.695l.844 7.71l-15.478 1.695z"/><path fill="#cc984f" d="m34.4 135.727l15.458-1.693l.82 7.479l-15.46 1.693z"/><path fill="#0d2061" d="m66.562 139.968l-1.676-15.304l24.192-2.63l1.683 15.362z"/><path fill="#17ffff" d="m71.915 115.643l8.019-.879l.897 8.192l-8.019.879zm10.002 15.095l8.019-.879l.82 7.499l-8.018.878z"/><path fill="#e65100" d="m73.783 131.628l8.115-.888l.82 7.498l-8.114.889z"/><path fill="#cc2554" d="m64.869 124.685l8.018-.878l.866 7.903l-8.019.878z"/></svg>How to use the Manzdev icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:manzdev" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:manzdev" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:manzdev" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--manzdev]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:manzdev"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:manzdev"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/manzdev.svg" alt="Manzdev icon" width="24" height="24">Manzdev icon FAQ
Is the Manzdev icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Manzdev icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:manzdev" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Manzdev icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/manzdev.svg" alt="Manzdev icon">, or paste the SVG code inline to style it with CSS.