Mjml icon
file-icons:mjml
The Mjml icon (file-icons:mjml) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M289.643 149.25H62.645c-83.574 0-82.81-119-2-119h225.998c91.665 0 87.667 119 3 119m154.732 51.5H218.376c-80.81 0-81.573 119 2 119h226.999c84.667 0 88.665-119-3-119m-157.732 162.5H60.644c-80.81 0-81.573 119 2 119h226.999c84.667 0 88.665-119-3-119M120 260.25c0-46.017-50.158-74.933-90.068-51.925s-39.91 80.842 0 103.85S120 306.267 120 260.25m392-170.5c0-46.017-50.158-74.933-90.068-51.925s-39.91 80.842 0 103.85S512 135.767 512 89.75m0 332.5c0-46.017-50.158-74.933-90.068-51.925s-39.91 80.842 0 103.85S512 468.267 512 422.25"/></svg>How to use the Mjml icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:mjml" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:mjml" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:mjml" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--mjml]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:mjml"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:mjml"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/mjml.svg" alt="Mjml icon" width="24" height="24">Mjml icon in other icon sets
Mjml icon FAQ
Is the Mjml icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Mjml icon in React?
Install @iconify/react and render <Icon icon="file-icons:mjml" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mjml icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/mjml.svg" alt="Mjml icon">, or paste the SVG code inline to style it with CSS.