Flag of Mexico

<i class="fl fl-mx"></i>
Code: MX
Proportion: 4:7
🏳️ Looking to quickly add flag of Mexico to your project? Include vector flag with CSS & SVG only.

Customizer

Custom components:
Copy-paste your custom stylesheet (CSS): 
/*!
 * Vector Flag Icons (https://zeise.cloud/vector-flag-icons/)
 * Copyright 2004-2018 Pottval & Zeise Media
 * Licensed under MIT (https://zeise.cloud/vector-flag-icons/#license)
 */
/*! Vector Flag Icons — Flag of Mexico */

Shapes

fl-circle
<i class="fl fl-mx fl-circle"></i>
fl-radius
<i class="fl fl-mx fl-radius"></i>
fl-radius fl-square
<i class="fl fl-mx fl-radius fl-square"></i>
fl-square
<i class="fl fl-mx fl-square"></i>

Stretching to 1:2

fl-extend
<i class="fl fl-mx fl-extend"></i>
fl-extend fl-radius
<i class="fl fl-mx fl-extend fl-radius"></i>

Styles

fl-border
<i class="fl fl-mx fl-border"></i>
fl-border-dark
<i class="fl fl-mx fl-border-dark"></i>
fl-border-light
<i class="fl fl-mx fl-border-light"></i>
fl-shadow
<i class="fl fl-mx fl-shadow"></i>

Related flags

Mexico