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) • 13.7 kB
JavaScript
import React from 'react';
const FlagMS = 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': 'Mississippi 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="#082143" transform="translate(0,0)"/> <path d="M0 0 C20.46 0 40.92 0 62 0 C62 49.5 62 99 62 150 C41.54 150 21.08 150 0 150 C0 100.5 0 51 0 0 Z " fill="#BA0C2F" transform="translate(188,0)"/> <path d="M0 0 C20.46 0 40.92 0 62 0 C62 49.5 62 99 62 150 C41.54 150 21.08 150 0 150 C0 100.5 0 51 0 0 Z " fill="#BA0C2F" transform="translate(0,0)"/> <path d="M0 0 C3.3 0 6.6 0 10 0 C10 49.5 10 99 10 150 C6.7 150 3.4 150 0 150 C0 100.5 0 51 0 0 Z " fill="#D5982D" transform="translate(188,0)"/> <path d="M0 0 C3.3 0 6.6 0 10 0 C10 49.5 10 99 10 150 C6.7 150 3.4 150 0 150 C0 100.5 0 51 0 0 Z " fill="#D5982D" transform="translate(52,0)"/> <path d="M0 0 C2.45876254 1.08599263 3.87358028 2.40239613 5.73046875 4.33984375 C6.33246094 4.95730469 6.93445313 5.57476562 7.5546875 6.2109375 C10.22931514 9.25060618 10.30664175 11.72006059 10.27734375 15.7265625 C9.90553357 19.17820031 8.58862643 21.81102839 7.04296875 24.90234375 C6.38296875 24.57234375 5.72296875 24.24234375 5.04296875 23.90234375 C5.37296875 23.24234375 5.70296875 22.58234375 6.04296875 21.90234375 C3.85583985 20.57444406 2.56576419 19.85481689 -0.01953125 20.08984375 C-2.21458407 21.01034977 -3.40569406 22.11830598 -4.95703125 23.90234375 C-8.4889512 21.07680779 -9.83878426 19.62365038 -10.58203125 15.08984375 C-10.22777686 9.42177357 -6.94430966 5.41518339 -3.5390625 1.109375 C-1.95703125 -0.09765625 -1.95703125 -0.09765625 0 0 Z " fill="#F3F4F5" transform="translate(121.95703125,53.09765625)"/> <path d="M0 0 C2.23722343 5.31340565 2.43924559 10.32045232 2 16 C1.67 16.66 1.34 17.32 1 18 C0.1028125 17.690625 0.1028125 17.690625 -0.8125 17.375 C-3.28450846 16.69328085 -3.28450846 16.69328085 -6 19 C-8.5625 19.75 -8.5625 19.75 -11 20 C-11.66 19.34 -12.32 18.68 -13 18 C-12 16 -11 14 -10 12 C-11.65 13.32 -13.3 14.64 -15 16 C-15.15434713 11.74580736 -14.99916777 8.31632603 -12.36328125 4.84375 C-8.42626468 1.18419936 -5.60682639 -0.98119462 0 0 Z " fill="#EFF1F3" transform="translate(147,59)"/> <path d="M0 0 C2 2 2 2 2.25 4.5 C2 7 2 7 0 9 C-5.14434981 11.28404941 -10.36595124 12.86677673 -16 12 C-19 9.75 -19 9.75 -21 7 C-20.97265625 4.97265625 -20.97265625 4.97265625 -20 3 C-13.55472608 -0.43404195 -7.06646406 -1.83204624 0 0 Z " fill="#F9F9FA" transform="translate(154,79)"/> <path d="M0 0 C2.07128532 2.15095014 2.92555609 3.61847498 3.5 6.5625 C3 9 3 9 0.6875 10.6875 C-0.199375 11.120625 -1.08625 11.55375 -2 12 C-2.99 12.66 -3.98 13.32 -5 14 C-8.5625 14.25 -8.5625 14.25 -12 14 C-13.33333333 12.66666667 -14.66666667 11.33333333 -16 10 C-17.31747324 9.30251417 -18.64914193 8.63040043 -20 8 C-20 6.68 -20 5.36 -20 4 C-18.125 2.1875 -18.125 2.1875 -15 1 C-12.38527678 1.11658002 -9.88508595 1.43579857 -7.3046875 1.87109375 C-4.16784907 2.04654404 -3.05760294 0 0 0 Z " fill="#F0F2F4" transform="translate(132,86)"/> <path d="M0 0 C2.80918144 0.80196104 5.31203976 1.82707189 8 3 C8 3.66 8 4.32 8 5 C9.45833358 6.62514468 9.45833358 6.62514468 11 8 C10.01 8.66 9.02 9.32 8 10 C7.34 10.66 6.68 11.32 6 12 C2.375 12.125 2.375 12.125 -1 12 C-1 11.34 -1 10.68 -1 10 C-1.62648438 9.95101562 -2.25296875 9.90203125 -2.8984375 9.8515625 C-4.12433594 9.73941406 -4.12433594 9.73941406 -5.375 9.625 C-6.18710938 9.55539063 -6.99921875 9.48578125 -7.8359375 9.4140625 C-10 9 -10 9 -12 7 C-12.3125 4.5 -12.3125 4.5 -12 2 C-7.93230544 -0.71179637 -4.77621084 -0.52983689 0 0 Z " fill="#F6F7F8" transform="translate(106,78)"/> <path d="M0 0 C2.03125 0.0859375 2.03125 0.0859375 4.5 0.375 C5.3146875 0.46523437 6.129375 0.55546875 6.96875 0.6484375 C9 1 9 1 10 2 C10.39454223 3.84599688 10.74176866 5.70225822 11.0625 7.5625 C11.32740234 9.08037109 11.32740234 9.08037109 11.59765625 10.62890625 C11.73042969 11.41136719 11.86320312 12.19382812 12 13 C9.4375 13.875 9.4375 13.875 6 14 C3.08685974 12.47656138 0.95150975 10.64525454 -1 8 C-1.5 4.1875 -1.5 4.1875 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z " fill="#F4F5F6" transform="translate(101,64)"/> <path d="M0 0 C4.875 0.875 4.875 0.875 6 2 C8.69654854 2.07319621 11.36691458 2.09242537 14.0625 2.0625 C15.20041992 2.05573242 15.20041992 2.05573242 16.36132812 2.04882812 C18.24091871 2.0370068 20.12046899 2.01907078 22 2 C20.13335511 6.17146933 18.08918232 7.83967726 14 10 C10.5 10.6875 10.5 10.6875 7 10 C3.62521068 7.15488613 1.39484964 4.18454893 0 0 Z " fill="#F3F4F6" transform="translate(113,77)"/> <path d="M0 0 C0 3.51716303 -0.82445585 4.37121748 -3 7 C-2.67 7.66 -2.34 8.32 -2 9 C1.82097239 8.46930939 4.06171403 7.50298434 7 5 C7.33 6.65 7.66 8.3 8 10 C4.04 10.99 0.08 11.98 -4 13 C-3.67 12.01 -3.34 11.02 -3 10 C-7.95 10 -12.9 10 -18 10 C-18 6 -18 6 -17 3 C-13.77570912 3.66709466 -11.40758428 4.59241572 -9 7 C-8.34 5.35 -7.68 3.7 -7 2 C-6.34 2 -5.68 2 -5 2 C-5 2.99 -5 3.98 -5 5 C-3.35 3.35 -1.7 1.7 0 0 Z " fill="#394D69" transform="translate(138,69)"/> <path d="M0 0 C2.9008605 0.35298081 3.89516676 0.88728296 5.921875 3.06640625 C6.52515625 3.89011719 7.1284375 4.71382813 7.75 5.5625 C8.36359375 6.38878906 8.9771875 7.21507813 9.609375 8.06640625 C10.06828125 8.70449219 10.5271875 9.34257813 11 10 C8.6875 12.0625 8.6875 12.0625 6 14 C5.01 13.67 4.02 13.34 3 13 C2.67 12.34 2.34 11.68 2 11 C3.65 10.34 5.3 9.68 7 9 C4.03 8.505 4.03 8.505 1 8 C2.32 7.67 3.64 7.34 5 7 C4.67 6.34 4.34 5.68 4 5 C1.83532539 4.37330801 -0.35864524 3.84572626 -2.5625 3.375 C-3.76003906 3.11460938 -4.95757812 2.85421875 -6.19140625 2.5859375 C-7.11824219 2.39257812 -8.04507813 2.19921875 -9 2 C-9 1.67 -9 1.34 -9 1 C-6.03 1 -3.06 1 0 1 C0 0.67 0 0.34 0 0 Z " fill="#5A6B83" transform="translate(109,76)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 0.99 2 1.98 2 3 C3.32 3.33 4.64 3.66 6 4 C5.34 5.65 4.68 7.3 4 9 C2.02 9 0.04 9 -2 9 C-2 7.68 -2 6.36 -2 5 C-2.99 4.67 -3.98 4.34 -5 4 C-4.0409375 3.8453125 -4.0409375 3.8453125 -3.0625 3.6875 C-2.381875 3.460625 -1.70125 3.23375 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#937233" transform="translate(124,25)"/> <path d="M0 0 C2.96175123 0.61277612 4.38058783 1.25372522 7 3 C6.34 4.32 5.68 5.64 5 7 C3.02 7 1.04 7 -1 7 C-1 3 -1 3 0 0 Z " fill="#B18738" transform="translate(121,72)"/> <path d="M0 0 C0.66 0.66 1.32 1.32 2 2 C2.66 1.34 3.32 0.68 4 0 C5.48199902 0.44909061 6.96055236 0.90956564 8.4375 1.375 C9.26121094 1.63023438 10.08492187 1.88546875 10.93359375 2.1484375 C13 3 13 3 14 5 C13.67 5.66 13.34 6.32 13 7 C11.68 7 10.36 7 9 7 C9 6.34 9 5.68 9 5 C7.68 5 6.36 5 5 5 C2.98504093 4.38001259 0.9812585 3.72045764 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#99A3B2" transform="translate(104,118)"/> <path d="M0 0 C1.62490954 -0.02698189 3.24994633 -0.04638757 4.875 -0.0625 C5.77992188 -0.07410156 6.68484375 -0.08570312 7.6171875 -0.09765625 C10 0 10 0 12 1 C11.67 1.99 11.34 2.98 11 4 C4.6 4.49230769 4.6 4.49230769 1.5625 2 C1.046875 1.34 0.53125 0.68 0 0 Z " fill="#B5BDC7" transform="translate(134,87)"/> <path d="M0 0 C0.66 1.32 1.32 2.64 2 4 C-0.64 4.66 -3.28 5.32 -6 6 C-6 5.01 -6 4.02 -6 3 C-6.66 3 -7.32 3 -8 3 C-8 2.34 -8 1.68 -8 1 C-5.10765685 0.17361624 -3.11257569 0 0 0 Z " fill="#8794A5" transform="translate(141,119)"/> <path d="M0 0 C0 3.5609462 -0.77175808 4.34325001 -3 7 C-3.66 7.66 -4.32 8.32 -5 9 C-6.32 8.34 -7.64 7.68 -9 7 C-8.34 5.35 -7.68 3.7 -7 2 C-6.34 2 -5.68 2 -5 2 C-5 2.99 -5 3.98 -5 5 C-3.35 3.35 -1.7 1.7 0 0 Z " fill="#69798E" transform="translate(138,69)"/> <path d="M0 0 C1.65 1.65 3.3 3.3 5 5 C2.6875 6.5625 2.6875 6.5625 0 8 C-0.99 7.67 -1.98 7.34 -3 7 C-3.33 6.34 -3.66 5.68 -4 5 C-2.35 4.34 -0.7 3.68 1 3 C0.67 2.01 0.34 1.02 0 0 Z " fill="#3D516D" transform="translate(115,82)"/> <path d="M0 0 C0.99 1.32 1.98 2.64 3 4 C2.01 4.33 1.02 4.66 0 5 C-0.33 5.66 -0.66 6.32 -1 7 C-1.99 6.01 -2.98 5.02 -4 4 C-3.67 3.01 -3.34 2.02 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#BEC5CE" transform="translate(95,38)"/> <path d="M0 0 C3 1 3 1 4.1875 3.0625 C4.455625 3.701875 4.72375 4.34125 5 5 C1 5 1 5 -2 4 C-1.34 2.68 -0.68 1.36 0 0 Z " fill="#8D99A9" transform="translate(97,112)"/> <path d="M0 0 C0.66 1.32 1.32 2.64 2 4 C1.01 4.33 0.02 4.66 -1 5 C-1.33 5.66 -1.66 6.32 -2 7 C-2 6.34 -2 5.68 -2 5 C-2.99 5 -3.98 5 -5 5 C-5 4.34 -5 3.68 -5 3 C-4.34 3 -3.68 3 -3 3 C-3 2.34 -3 1.68 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#BEC5CE" transform="translate(81,86)"/> <path d="M0 0 C1.98 0.495 1.98 0.495 4 1 C4 1.66 4 2.32 4 3 C4.66 3 5.32 3 6 3 C6 3.66 6 4.32 6 5 C5.01 5 4.02 5 3 5 C2.67 5.66 2.34 6.32 2 7 C2 6.34 2 5.68 2 5 C1.01 4.67 0.02 4.34 -1 4 C-0.67 2.68 -0.34 1.36 0 0 Z " fill="#BEC5CE" transform="translate(168,86)"/> <path d="M0 0 C1.98 0 3.96 0 6 0 C5.67 1.32 5.34 2.64 5 4 C3.68 4.33 2.36 4.66 1 5 C0.67 3.35 0.34 1.7 0 0 Z " fill="#67778D" transform="translate(145,116)"/> <path d="M0 0 C1.32 0.66 2.64 1.32 4 2 C4 3.32 4 4.64 4 6 C2.68 6.33 1.36 6.66 0 7 C0 6.01 0 5.02 0 4 C-0.66 3.67 -1.32 3.34 -2 3 C-1.34 3 -0.68 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#C8CED5" transform="translate(159,104)"/> <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C1.66 3.33 2.32 3.66 3 4 C2.34 4 1.68 4 1 4 C0.67 4.99 0.34 5.98 0 7 C-0.99 6.67 -1.98 6.34 -3 6 C-3 4.68 -3 3.36 -3 2 C-2.01 1.34 -1.02 0.68 0 0 Z " fill="#C8CDD5" transform="translate(90,104)"/> <path d="M0 0 C1.9375 0.75 1.9375 0.75 4 2 C4.75 4.125 4.75 4.125 5 6 C3.68 6.33 2.36 6.66 1 7 C1 6.34 1 5.68 1 5 C0.34 5 -0.32 5 -1 5 C-0.67 3.35 -0.34 1.7 0 0 Z " fill="#C1C7D0" transform="translate(76,75)"/> <path d="M0 0 C1.32 0.66 2.64 1.32 4 2 C4 2.99 4 3.98 4 5 C2.68 5.33 1.36 5.66 0 6 C0 5.34 0 4.68 0 4 C-0.99 3.67 -1.98 3.34 -3 3 C-2.01 2.67 -1.02 2.34 0 2 C0 1.34 0 0.68 0 0 Z " fill="#CDD2D9" transform="translate(162,46)"/> <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C1.66 3.33 2.32 3.66 3 4 C2.34 4 1.68 4 1 4 C0.67 4.99 0.34 5.98 0 7 C-0.99 6.67 -1.98 6.34 -3 6 C-3 4.68 -3 3.36 -3 2 C-2.01 1.34 -1.02 0.68 0 0 Z " fill="#CDD3DA" transform="translate(138,28)"/> <path d="M0 0 C2 1.3125 2 1.3125 4 3 C4 3.99 4 4.98 4 6 C2.68 6.33 1.36 6.66 0 7 C0 6.01 0 5.02 0 4 C-0.66 3.67 -1.32 3.34 -2 3 C-1.34 3 -0.68 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#CED3DA" transform="translate(111,28)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 0.66 2 1.32 2 2 C2.66 2.33 3.32 2.66 4 3 C3.01 3.99 2.02 4.98 1 6 C0.01 5.67 -0.98 5.34 -2 5 C-2 4.01 -2 3.02 -2 2 C-1.34 2 -0.68 2 0 2 C0 1.34 0 0.68 0 0 Z " fill="#CDD3D9" transform="translate(81,55)"/> <path d="M0 0 C1.9375 0.8125 1.9375 0.8125 4 2 C4.33 2.99 4.66 3.98 5 5 C3.68 5.33 2.36 5.66 1 6 C1 5.34 1 4.68 1 4 C0.01 3.67 -0.98 3.34 -2 3 C-1.34 3 -0.68 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#D8DCE2" transform="translate(165,96)"/> <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C1.66 3.33 2.32 3.66 3 4 C2.01 4 1.02 4 0 4 C-0.33 4.66 -0.66 5.32 -1 6 C-1.99 5.34 -2.98 4.68 -4 4 C-3.67 3.01 -3.34 2.02 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#D8DCE2" transform="translate(84,96)"/> <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C1.66 2 2.32 2 3 2 C3 2.66 3 3.32 3 4 C2.34 4 1.68 4 1 4 C0.67 4.66 0.34 5.32 0 6 C-0.99 5.34 -1.98 4.68 -3 4 C-2.67 3.01 -2.34 2.02 -2 1 C-1.34 0.67 -0.68 0.34 0 0 Z " fill="#CED3DA" transform="translate(172,76)"/> <path d="M0 0 C1.98 0.66 3.96 1.32 6 2 C6 2.66 6 3.32 6 4 C6.66 4.33 7.32 4.66 8 5 C5.125 4.75 5.125 4.75 2 4 C0.625 1.9375 0.625 1.9375 0 0 Z " fill="#B2BAC5" transform="translate(103,73)"/> <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C1.66 2 2.32 2 3 2 C2.67 3.32 2.34 4.64 2 6 C1.01 6 0.02 6 -1 6 C-1.66 4.68 -2.32 3.36 -3 2 C-2.01 2 -1.02 2 0 2 C0 1.34 0 0.68 0 0 Z " fill="#D4D9DF" transform="translate(78,65)"/> <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C1.99 2.33 2.98 2.66 4 3 C2.6875 4.5 2.6875 4.5 1 6 C0.01 6 -0.98 6 -2 6 C-2 4.68 -2 3.36 -2 2 C-1.34 2 -0.68 2 0 2 C0 1.34 0 0.68 0 0 Z " fill="#D4D9DF" transform="translate(171,65)"/> <path d="M0 0 C0.99 1.32 1.98 2.64 3 4 C2.34 4 1.68 4 1 4 C0.67 4.66 0.34 5.32 0 6 C-0.99 5.34 -1.98 4.68 -3 4 C-3 3.01 -3 2.02 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#DADDE3" transform="translate(87,46)"/> <path d="M0 0 C1.32 0 2.64 0 4 0 C4.33 0.99 4.66 1.98 5 3 C4.01 3.66 3.02 4.32 2 5 C1.01 4.34 0.02 3.68 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#D4D8DE" transform="translate(145,33)"/> <path d="M0 0 C1.32 0 2.64 0 4 0 C4.33 1.32 4.66 2.64 5 4 C3.68 4.33 2.36 4.66 1 5 C0.34 4.01 -0.32 3.02 -1 2 C-0.67 1.34 -0.34 0.68 0 0 Z " fill="#D4D8DE" transform="translate(101,33)"/> <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C1.01 2.98 0.02 4.96 -1 7 C-1.99 7 -2.98 7 -4 7 C-3.39816251 4.97954558 -2.72693904 2.97888961 -2 1 C-1.34 0.67 -0.68 0.34 0 0 Z " fill="#ABB3BF" transform="translate(116,59)"/> <path d="M0 0 C1.32 0.33 2.64 0.66 4 1 C4.33 2.32 4.66 3.64 5 5 C3.68 5.33 2.36 5.66 1 6 C0.67 4.02 0.34 2.04 0 0 Z " fill="#D2D7DD" transform="translate(154,38)"/> <path d="M0 0 C0.99 0.66 1.98 1.32 3 2 C3 2.99 3 3.98 3 5 C1.68 5 0.36 5 -1 5 C-1.66 3.68 -2.32 2.36 -3 1 C-2.01 0.67 -1.02 0.34 0 0 Z " fill="#DCDFE4" transform="translate(168,56)"/>`
}
})
);
};
FlagMS.displayName = 'FlagMS';
export default FlagMS;