Markojs icon
material-icon-theme:markojs
The Markojs icon (material-icon-theme:markojs) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 32 × 32 grid. Material Icon Theme 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
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 32 × 32
- Tags
- markoj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#2196f3" d="M5.287 8.001c-.873 1.333-1.76 2.663-2.634 3.995C1.779 13.32.909 14.665.035 15.998L.038 16l-.003.002c.874 1.333 1.744 2.678 2.618 4c.873 1.332 1.76 2.665 2.634 4h4.44c-.885-1.333-1.757-2.667-2.632-4C6.225 18.67 5.353 17.33 4.481 16c.872-1.33 1.744-2.674 2.614-4.004q1.31-2.001 2.632-3.995Z"/><path fill="#26a69a" d="m5.283 8.001l-.002.001c.873 1.333 1.746 2.68 2.618 4c.874 1.333 1.76 2.665 2.632 3.998h4.442a703 703 0 0 1-2.632-3.998c-.871-1.33-1.742-2.67-2.614-4.002Z"/><path fill="#8bc34a" d="m20.222 8.001l.003.001c-.874 1.333-1.747 2.68-2.62 4c-.874 1.333-1.759 2.665-2.632 3.998h-4.44q1.322-1.995 2.63-3.998c.872-1.33 1.743-2.67 2.615-4.002Z"/><path fill="#ffc107" d="M15.783 8.001q1.323 1.994 2.632 3.995c.871 1.33 1.743 2.674 2.615 4.004c-.872 1.33-1.744 2.671-2.615 4.001Q17.106 22.004 15.783 24h4.44c.874-1.334 1.759-2.666 2.632-3.999c.874-1.32 1.747-2.665 2.622-3.997L25.474 16l.003-.002c-.874-1.333-1.747-2.68-2.622-4.002c-.873-1.332-1.758-2.664-2.632-3.996Z"/><path fill="#f44336" d="M22.271 8.001q1.323 1.994 2.632 3.995c.871 1.33 1.74 2.674 2.614 4.004c-.874 1.33-1.743 2.671-2.614 4.001c-.873 1.333-1.746 2.666-2.632 4h4.44c.874-1.332 1.759-2.666 2.632-3.999c.874-1.322 1.747-2.667 2.622-4L31.962 16l.003-.002c-.874-1.333-1.747-2.68-2.622-4.002c-.873-1.332-1.758-2.664-2.632-3.996Z"/></svg>How to use the Markojs icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:markojs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:markojs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:markojs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--markojs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:markojs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:markojs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/markojs.svg" alt="Markojs icon" width="24" height="24">Markojs icon FAQ
Is the Markojs icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Markojs icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:markojs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Markojs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/markojs.svg" alt="Markojs icon">, or paste the SVG code inline to style it with CSS.