Mojang icon
thesvg-color:mojang
The Mojang icon (thesvg-color:mojang) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 682 × 682 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
- 682 × 682
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="682" height="682" viewBox="0 0 682 682"><path fill="#f0313b" d="M58.75 58.75h682v682h-682z"/><path fill="#fff" d="M164.2 399.383q0-93.07.035-186.14c.035-21.752 1.241-22.973 22.758-22.993q162.744-.155 325.488-.103c15.582.004 17.87 2.43 18.123 18.307c.18 11.279-.116 22.571.301 33.84a51.243 51.243 0 0 0 50.626 52.305c12.533.865 25.16.305 37.74.575c13.586.291 15.494 2.303 16.043 16.174c.086 2.167.094 4.338.094 6.507q.033 133.422.032 266.843c-.012 24.282-.377 24.567-24.87 24.647q-28.643.094-57.286-.088c-22.384-.156-22.913-.684-22.922-22.535q-.05-127.565-.025-255.13c0-3.037.077-6.077-.025-9.111a25.167 25.167 0 0 0-26.823-26.971c-8.237-.242-16.498-.24-24.733.078a25.31 25.31 0 0 0-26.324 26.283c-.265 4.76-.16 9.543-.164 14.316q-.048 69.64-.08 139.28c-.003 5.206.136 10.426-.174 15.616c-.567 9.49-3.346 12.949-12.485 13.066q-39.7.507-79.41-.057c-9.197-.142-11.957-3.68-12.609-13.055c-.27-3.889-.14-7.807-.144-11.712l-.167-148.391a99 99 0 0 0-.38-12.997a24.58 24.58 0 0 0-23.45-22.196a253 253 0 0 0-29.926.02a23.865 23.865 0 0 0-23.86 24.27c-.442 9.529-.254 19.088-.262 28.633q-.101 118.453-.172 236.906c-.003 3.472.132 6.956-.118 10.41c-.68 9.41-3.45 12.95-12.642 13.07q-39.7.515-79.41-.138c-9.367-.157-11.966-3.455-12.709-12.98c-.337-4.316-.188-8.673-.189-13.011q-.014-91.77-.006-183.538Z"/></svg>How to use the Mojang icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:mojang" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:mojang" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:mojang" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mojang]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mojang"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:mojang"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/mojang.svg" alt="Mojang icon" width="24" height="24">Mojang icon in other icon sets
Mojang icon FAQ
Is the Mojang 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 Mojang icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:mojang" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mojang icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/mojang.svg" alt="Mojang icon">, or paste the SVG code inline to style it with CSS.