Mindstudio icon
thesvg-color:mindstudio
The Mindstudio icon (thesvg-color:mindstudio) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 548 × 322 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
- 548 × 322
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="548" height="322" viewBox="0 0 548 322"><g fill="none"><g fill="#000" fill-rule="evenodd" clip-path="url(#SVGyX85CbGX)" clip-rule="evenodd"><path d="M241.619 75.624c-3.771 11.466-6.078 23.677-11.557 34.273a11536 11536 0 0 1-88.985 168.638c-21.523 39.994-65.883 54.229-103.246 34.085c-36.352-19.598-48.473-63.508-27.703-103.231c30.015-57.404 60.024-114.826 91.183-171.62c17.114-31.196 51.474-43.89 85.304-34.204c31.616 9.052 53.216 38.19 55.004 72.059m202.726-.366c-3.77 11.466-6.077 23.677-11.555 34.272a11550 11550 0 0 1-88.986 168.639c-21.523 39.993-65.883 54.229-103.246 34.085c-36.352-19.598-48.474-63.508-27.703-103.232c30.015-57.403 60.024-114.825 91.182-171.619c17.114-31.196 51.475-43.89 85.304-34.204c31.617 9.052 53.217 38.19 55.004 72.059m31.102 21.264c20.901 36.649 41.516 72.026 61.386 107.861c19.271 34.755 13.087 74.915-14.449 99.275c-27.222 24.082-67.319 24.057-94.151-.059c-27.34-24.573-33.294-64.934-14.035-99.446c19.951-35.754 40.463-71.162 61.249-107.631"/></g><defs><clipPath id="SVGyX85CbGX"><path fill="#fff" d="M0 0h548v322H0z"/></clipPath></defs></g></svg>How to use the Mindstudio icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:mindstudio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:mindstudio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:mindstudio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mindstudio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mindstudio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:mindstudio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/mindstudio.svg" alt="Mindstudio icon" width="24" height="24">Mindstudio icon FAQ
Is the Mindstudio 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 Mindstudio icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:mindstudio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mindstudio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/mindstudio.svg" alt="Mindstudio icon">, or paste the SVG code inline to style it with CSS.