Es Mx icon
circle-flags:es-mx
The Es Mx icon (circle-flags:es-mx) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags 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
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
- Tags
- esmx
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#eee" d="m384 512l32-192l-32-192l-160 96l-96 160l-32 64l32 64z"/><path fill="#ffda44" d="m0 128l192-32l192 32l-256 256l-64 32l-64-32Z"/><path d="M122 508h172m-172 24h28m116 0h28"/><path fill="none" d="M220 284v12q1 11 12 12q11-1 12-12v-12z"/><path fill="#496e2d" d="M348 305a5 5 0 0 0-5 5a87 87 0 0 1-169 28l-8 8a97 97 0 0 0 187-36a5 5 0 0 0-5-5m-220 79L0 512h128z"/><path fill="#eee" d="M196 168q-10 1-15 11l-5-1q-15 1-16 16c-1 15 7 16 16 16q11 0 15-11a16 16 0 0 0 17-4a16 16 0 0 0 17 4a16 16 0 1 0 10-20a16 16 0 0 0-27-5q-4-6-12-6m0 8q8 1 8 8q0 8-8 8q-7 0-8-8q1-7 8-8m24 0q8 1 8 8q0 8-8 8q-7 0-8-8q1-7 8-8m-44 10l4 1l4 8q-1 7-8 7q-9 0-8-8q1-7 8-8m64 0q8 1 8 8q0 8-8 8q-7 0-8-7l4-8zm-112 38v80h16v-80zm80 0v40c-26 0-48 14-48 32q2 21 27 29l69-69v-32zm64 0v16l16-16z"/><path fill="#ff9811" d="M200 160h16v32h-16z"/><path fill="#d80027" d="M0 0v128h384v384h128V0zm208 184c-22 0-40 11-40 24l8 8h64l8-8c0-13-18-24-40-24m-72 8q-7 1-8 8v8a8 8 0 1 0 16 0v-8q-1-7-8-8m144 0q-7 1-8 8v8a8 8 0 1 0 16 0v-8q-1-7-8-8m-120 32v24h-38a4 4 0 1 0 0 8h38v40a24 24 0 0 0 34 22l12-12l2-10l1 7l31-31h-32v-48zm72 8q-9 1-10 10v12a10 10 0 1 0 20 0v-12q0-9-10-10m24 16v8l8-8zm-134 24a4 4 0 1 0 0 8h28a4 4 0 1 0 0-8zM0 384v128l128-128z"/><path fill="#ffda44" d="M186 196a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6a6 6 0 0 0-6-6m22 0a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6a6 6 0 0 0-6-6m22 0a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6a6 6 0 0 0-6-6"/><path fill="#ff9811" d="M128 208a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm144 0a8 8 0 0 0 0 16h16l8-8a8 8 0 0 0-8-8zm-96 8v8h64v-8zm-8 16v8h8v16h-8v8h32v-8h-8v-16h8v-8zm-8 40v24q2 12 9 19v-43zm19 0v47h10v-47zm20 0v41l7-7l2-10v-24zm-71 32a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z"/><path fill="#338af3" d="M208 256a16 16 0 0 0 0 32a16 16 0 0 0 0-32m-80 64a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm94 44l-6 9a70 70 0 0 0 81 0l-7-9a64 64 0 0 1-68 0"/><path fill="#751a46" d="m268 244l-5 5c13 11 5 28 4 29l-2-4q-2-11-9-18l-14 14q3 3 3 8q-11 12-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-2-13c22-2 34 4 51 29c8-77-37-85-59-86"/><path fill="#6da544" d="m234 278l-21 21l-1 4q3 11 12 15c2 2 7 4 5 7q-4 2-9-2q-10-4-16-15l-7 7q7 9 16 16q9 8 20 3q10-6 4-17c-3-6-11-8-14-14c-2-3 2-4 4-6q8-4 9-11z"/><path fill="#496e2d" d="m199 330l-4 1q-3 4 1 8q23 21 54 24v17h12v-17q31-3 54-24q4-4 1-8q-4-3-8 0a78 78 0 0 1-106 0z"/><rect width="34" height="22" x="239" y="369" fill="#ff9811" rx="11" ry="11"/><path fill="#ffda44" d="M341 335a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m-165 1l-13 13a10 10 0 0 0 9 6a10 10 0 0 0 10-10a10 10 0 0 0-6-9m96 3l-16 8v5l15-1l4-9zm-83 23a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m135 0a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m-108 21a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m81 0a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10"/></g></svg>How to use the Es Mx icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:es-mx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:es-mx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:es-mx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--es-mx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:es-mx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:es-mx"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Es Mx icon" width="24" height="24">Related icons in Circle Flags
Es Mx icon FAQ
Is the Es Mx icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Es Mx icon in React?
Install @iconify/react and render <Icon icon="circle-flags:es-mx" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Es Mx icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Es Mx icon">, or paste the SVG code inline to style it with CSS.