Es Mx アイコン
circle-flags:es-mx
Es Mx アイコン(circle-flags:es-mx)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- esmx
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>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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Es Mx アイコン" width="24" height="24">Circle Flags の関連アイコン
Es Mx アイコン のよくある質問
Es Mx アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Es Mx アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:es-mx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Es Mx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/es-mx.svg" alt="Es Mx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。