mx logo
mx from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- mx
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
The same logo in other sets
Use the mx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-4-15-13-33-31-18v11q10 1 11 11q-11 12-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-2-13c22-2 34 4 51 29c9-83-45-86-64-86Z"/><path fill="#6da544" d="M209 183q-5 4-4 12q1 11 10 15c3 2 8 0 10 3c3 3-2 5-4 6q-8 5-9 14q3 10 12 15c2 2 7 4 5 7q-4 2-9-2q-12-6-19-19c-2-3-1-10-7-10c-7 2-4 10-2 14q8 14 21 23q9 8 20 3q10-6 4-17c-3-6-11-8-14-14c-2-3 2-4 4-6q8-4 9-11q-2-13-14-15q-6 1-7-6c-1-3 3-7 0-11q-2-3-6-1"/><path fill="#496e2d" d="M0 0v512h144V0zm164 235a5 5 0 0 0-5 5a97 97 0 0 0 194 0a5 5 0 0 0-5-5a5 5 0 0 0-5 5a87 87 0 1 1-174 0a5 5 0 0 0-5-5m35 25l-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"/><path fill="#338af3" d="M256 316q-21 0-40-13l6-9c20 13 48 13 68 0l7 9q-18 13-41 13"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9q4-3 1-7zm-62 79a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m169 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-69 4l-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>
React
import type { SVGProps } from "react";
export function CircleFlagsMx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-4-15-13-33-31-18v11q10 1 11 11q-11 12-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-2-13c22-2 34 4 51 29c9-83-45-86-64-86Z"/><path fill="#6da544" d="M209 183q-5 4-4 12q1 11 10 15c3 2 8 0 10 3c3 3-2 5-4 6q-8 5-9 14q3 10 12 15c2 2 7 4 5 7q-4 2-9-2q-12-6-19-19c-2-3-1-10-7-10c-7 2-4 10-2 14q8 14 21 23q9 8 20 3q10-6 4-17c-3-6-11-8-14-14c-2-3 2-4 4-6q8-4 9-11q-2-13-14-15q-6 1-7-6c-1-3 3-7 0-11q-2-3-6-1"/><path fill="#496e2d" d="M0 0v512h144V0zm164 235a5 5 0 0 0-5 5a97 97 0 0 0 194 0a5 5 0 0 0-5-5a5 5 0 0 0-5 5a87 87 0 1 1-174 0a5 5 0 0 0-5-5m35 25l-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"/><path fill="#338af3" d="M256 316q-21 0-40-13l6-9c20 13 48 13 68 0l7 9q-18 13-41 13"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9q4-3 1-7zm-62 79a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m169 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-69 4l-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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-4-15-13-33-31-18v11q10 1 11 11q-11 12-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-2-13c22-2 34 4 51 29c9-83-45-86-64-86Z"/><path fill="#6da544" d="M209 183q-5 4-4 12q1 11 10 15c3 2 8 0 10 3c3 3-2 5-4 6q-8 5-9 14q3 10 12 15c2 2 7 4 5 7q-4 2-9-2q-12-6-19-19c-2-3-1-10-7-10c-7 2-4 10-2 14q8 14 21 23q9 8 20 3q10-6 4-17c-3-6-11-8-14-14c-2-3 2-4 4-6q8-4 9-11q-2-13-14-15q-6 1-7-6c-1-3 3-7 0-11q-2-3-6-1"/><path fill="#496e2d" d="M0 0v512h144V0zm164 235a5 5 0 0 0-5 5a97 97 0 0 0 194 0a5 5 0 0 0-5-5a5 5 0 0 0-5 5a87 87 0 1 1-174 0a5 5 0 0 0-5-5m35 25l-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"/><path fill="#338af3" d="M256 316q-21 0-40-13l6-9c20 13 48 13 68 0l7 9q-18 13-41 13"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9q4-3 1-7zm-62 79a10 10 0 0 0-10 10a10 10 0 0 0 10 10a10 10 0 0 0 10-10a10 10 0 0 0-10-10m169 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-69 4l-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> </template>
CSS
.icon-mx {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M144%200h223l33%20256l-33%20256H144l-32-256z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M368%200h144v512H368z%22%2F%3E%3Cpath%20fill%3D%22%23751a46%22%20d%3D%22M256%20174c22%2011%2012%2033%2011%2034l-2-4c-4-15-13-33-31-18v11q10%201%2011%2011q-11%2012-4%2026l4%208l-13%2023l29-7l18%2018v-11l11%2011l23-11l-35-21l-2-13c22-2%2034%204%2051%2029c9-83-45-86-64-86Z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M209%20183q-5%204-4%2012q1%2011%2010%2015c3%202%208%200%2010%203c3%203-2%205-4%206q-8%205-9%2014q3%2010%2012%2015c2%202%207%204%205%207q-4%202-9-2q-12-6-19-19c-2-3-1-10-7-10c-7%202-4%2010-2%2014q8%2014%2021%2023q9%208%2020%203q10-6%204-17c-3-6-11-8-14-14c-2-3%202-4%204-6q8-4%209-11q-2-13-14-15q-6%201-7-6c-1-3%203-7%200-11q-2-3-6-1%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200v512h144V0zm164%20235a5%205%200%200%200-5%205a97%2097%200%200%200%20194%200a5%205%200%200%200-5-5a5%205%200%200%200-5%205a87%2087%200%201%201-174%200a5%205%200%200%200-5-5m35%2025l-4%201q-3%204%201%208q23%2021%2054%2024v17h12v-17q31-3%2054-24q4-4%201-8q-4-3-8%200a78%2078%200%200%201-106%200z%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20316q-21%200-40-13l6-9c20%2013%2048%2013%2068%200l7%209q-18%2013-41%2013%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%2222%22%20x%3D%22239%22%20y%3D%22299%22%20fill%3D%22%23ff9811%22%20rx%3D%2211%22%20ry%3D%2211%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m234%20186l-12%2011v11l18-9q4-3%201-7zm-62%2079a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m169%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m-69%204l-16%208v5l15-1l4-9zm-83%2023a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m135%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m-108%2021a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m81%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M144%200h223l33%20256l-33%20256H144l-32-256z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M368%200h144v512H368z%22%2F%3E%3Cpath%20fill%3D%22%23751a46%22%20d%3D%22M256%20174c22%2011%2012%2033%2011%2034l-2-4c-4-15-13-33-31-18v11q10%201%2011%2011q-11%2012-4%2026l4%208l-13%2023l29-7l18%2018v-11l11%2011l23-11l-35-21l-2-13c22-2%2034%204%2051%2029c9-83-45-86-64-86Z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M209%20183q-5%204-4%2012q1%2011%2010%2015c3%202%208%200%2010%203c3%203-2%205-4%206q-8%205-9%2014q3%2010%2012%2015c2%202%207%204%205%207q-4%202-9-2q-12-6-19-19c-2-3-1-10-7-10c-7%202-4%2010-2%2014q8%2014%2021%2023q9%208%2020%203q10-6%204-17c-3-6-11-8-14-14c-2-3%202-4%204-6q8-4%209-11q-2-13-14-15q-6%201-7-6c-1-3%203-7%200-11q-2-3-6-1%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200v512h144V0zm164%20235a5%205%200%200%200-5%205a97%2097%200%200%200%20194%200a5%205%200%200%200-5-5a5%205%200%200%200-5%205a87%2087%200%201%201-174%200a5%205%200%200%200-5-5m35%2025l-4%201q-3%204%201%208q23%2021%2054%2024v17h12v-17q31-3%2054-24q4-4%201-8q-4-3-8%200a78%2078%200%200%201-106%200z%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20316q-21%200-40-13l6-9c20%2013%2048%2013%2068%200l7%209q-18%2013-41%2013%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%2222%22%20x%3D%22239%22%20y%3D%22299%22%20fill%3D%22%23ff9811%22%20rx%3D%2211%22%20ry%3D%2211%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m234%20186l-12%2011v11l18-9q4-3%201-7zm-62%2079a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m169%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m-69%204l-16%208v5l15-1l4-9zm-83%2023a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m135%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m-108%2021a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10m81%200a10%2010%200%200%200-10%2010a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10a10%2010%200%200%200-10-10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/mx.svg?color=%231a73e8&size=48
