us-state-flags
Version:
Complete US state data with flags, utility functions, and React component - zero dependencies for data, optional React support - SVG-only flags, offline ready
34 lines (29 loc) • 5.03 kB
JavaScript
const React = require('react');
const FlagMN = function(props) {
const defaultWidth = props.width || 75;
const defaultHeight = props.height || Math.round(defaultWidth / 1.5);
return React.createElement('svg',
Object.assign({
width: defaultWidth,
height: defaultHeight,
viewBox: '0 0 250 150',
role: 'img',
'aria-label': 'Minnesota flag',
xmlns: 'http://www.w3.org/2000/svg',
preserveAspectRatio: 'xMidYMid meet',
style: Object.assign({
display: 'block',
border: '1px solid #ddd', // Add border to see exact boundaries
background: 'white' // Add background to see the flag area
}, props.style || {})
}, props),
// Render the inner SVG content as raw HTML
React.createElement('g', {
dangerouslySetInnerHTML: {
__html: `<path d="M0 0 C82.5 0 165 0 250 0 C250 49.5 250 99 250 150 C167.5 150 85 150 0 150 C0 100.5 0 51 0 0 Z " fill="#51C8E7" transform="translate(0,0)"/> <path d="M0 0 C46.2 0 92.4 0 140 0 C138.02 3.63 136.04 7.26 134 11 C133.07960937 12.69898438 132.15921875 14.39796875 131.2109375 16.1484375 C126.20734045 25.37877346 121.14992413 34.57320409 115.9375 43.6875 C115.44983154 44.54263184 114.96216309 45.39776367 114.4597168 46.27880859 C111.94449971 50.67159383 109.38701469 55.03294107 106.765625 59.36328125 C106.2487915 60.22671143 105.73195801 61.0901416 105.19946289 61.97973633 C104.21627353 63.61859694 103.22124752 65.25043418 102.21264648 66.8737793 C101.77509033 67.60636963 101.33753418 68.33895996 100.88671875 69.09375 C100.49701904 69.72990234 100.10731934 70.36605469 99.70581055 71.02148438 C98.48891489 74.43266472 99.57293191 77.06059266 101.0246582 80.25390625 C101.44577881 81.01574219 101.86689941 81.77757813 102.30078125 82.5625 C102.77700928 83.43060303 103.2532373 84.29870605 103.74389648 85.19311523 C104.52035522 86.58252319 104.52035522 86.58252319 105.3125 88 C105.85011963 88.97332275 106.38773926 89.94664551 106.94165039 90.94946289 C111.51833514 99.20723459 116.19512864 107.40762091 120.8984375 115.59375 C124.30814149 121.52940491 127.68927532 127.48105182 131.0625 133.4375 C131.61091553 134.40292725 132.15933105 135.36835449 132.72436523 136.36303711 C133.23942627 137.2731958 133.7544873 138.18335449 134.28515625 139.12109375 C134.96396851 140.31883423 134.96396851 140.31883423 135.65649414 141.54077148 C137.17616299 144.32245861 138.58245447 147.16490893 140 150 C93.8 150 47.6 150 0 150 C0 100.5 0 51 0 0 Z " fill="#002D5D" transform="translate(0,0)"/> <path d="M0 0 C3.42931954 3.7559214 4.56429083 8.23466745 6 13 C6.84304687 12.62746094 7.68609375 12.25492188 8.5546875 11.87109375 C9.65039062 11.39800781 10.74609375 10.92492188 11.875 10.4375 C12.96554688 9.96183594 14.05609375 9.48617187 15.1796875 8.99609375 C16.11039063 8.66738281 17.04109375 8.33867188 18 8 C18.66 8.33 19.32 8.66 20 9 C18.35 13.29 16.7 17.58 15 22 C16.423125 22.474375 17.84625 22.94875 19.3125 23.4375 C21.875 24.29166667 24.4375 25.14583333 27 26 C27 26.66 27 27.32 27 28 C25.3767313 28.6708712 23.75132422 29.33657029 22.125 30 C21.22007813 30.37125 20.31515625 30.7425 19.3828125 31.125 C17 32 17 32 15 32 C15.30035156 32.75925781 15.60070312 33.51851562 15.91015625 34.30078125 C16.29042969 35.29464844 16.67070313 36.28851563 17.0625 37.3125 C17.63677734 38.79169922 17.63677734 38.79169922 18.22265625 40.30078125 C19 43 19 43 18 46 C17.30132812 45.71125 16.60265625 45.4225 15.8828125 45.125 C14.97273438 44.75375 14.06265625 44.3825 13.125 44 C12.22007813 43.62875 11.31515625 43.2575 10.3828125 42.875 C8.11016142 41.88509774 8.11016142 41.88509774 6 42 C4.35 45.96 2.7 49.92 1 54 C-1.28459758 51.71540242 -1.97129748 49.87462656 -3.125 46.875 C-3.47820313 45.96492188 -3.83140625 45.05484375 -4.1953125 44.1171875 C-4.46085937 43.41851562 -4.72640625 42.71984375 -5 42 C-5.59167969 42.20496094 -6.18335937 42.40992188 -6.79296875 42.62109375 C-7.58316406 42.89050781 -8.37335937 43.15992188 -9.1875 43.4375 C-9.96480469 43.70433594 -10.74210937 43.97117188 -11.54296875 44.24609375 C-13.98414213 44.99513423 -16.49608208 45.49921642 -19 46 C-17.35 41.38 -15.7 36.76 -14 32 C-15.423125 31.525625 -16.84625 31.05125 -18.3125 30.5625 C-20.875 29.70833333 -23.4375 28.85416667 -26 28 C-26 27.34 -26 26.68 -26 26 C-24.3767313 25.3291288 -22.75132422 24.66342971 -21.125 24 C-20.22007813 23.62875 -19.31515625 23.2575 -18.3828125 22.875 C-16 22 -16 22 -14 22 C-15.65 17.38 -17.3 12.76 -19 8 C-15.17696167 8.76460767 -12.61606762 9.47614782 -9.1875 11.0625 C-8.00220703 11.60583984 -8.00220703 11.60583984 -6.79296875 12.16015625 C-6.20128906 12.43730469 -5.60960938 12.71445312 -5 13 C-4.80664062 12.39671875 -4.61328125 11.7934375 -4.4140625 11.171875 C-4.15367188 10.37265625 -3.89328125 9.5734375 -3.625 8.75 C-3.24214844 7.56664062 -3.24214844 7.56664062 -2.8515625 6.359375 C-2.04826333 4.13372042 -1.10288338 2.09068328 0 0 Z " fill="#F8F9FB" transform="translate(52,48)"/>`
}
})
);
};
FlagMN.displayName = 'FlagMN';
module.exports = FlagMN;