Ikon Es Mx
circle-flags:es-mx
Ikon Es Mx (circle-flags:es-mx) adalah ikon SVG gratis dari set Circle Flags karya HatScripts. Ikon ini digambar pada grid 512 × 512. Circle Flags icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Circle Flags
- Pembuat
- HatScripts
- Lisensi
- MIT
- Ukuran
- 512 × 512
- Tag
- esmx
Kode SVG
<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>Cara memakai ikon Es Mx
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Ikon Es Mx" width="24" height="24">Ikon terkait di Circle Flags
FAQ Ikon Es Mx
Apakah ikon Es Mx gratis untuk penggunaan komersial?
Ya. Circle Flags icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Es Mx di React?
Pasang @iconify/react lalu render <Icon icon="circle-flags:es-mx" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Es Mx ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Ikon Es Mx">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.