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.68 kB
JavaScript
import React from 'react';
const FlagCO = 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 167',
role: 'img',
'aria-label': 'Colorado 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 55.11 250 110.22 250 167 C167.5 167 85 167 0 167 C0 111.89 0 56.78 0 0 Z " fill="#BE0B30" transform="translate(0,0)"/> <path d="M0 0 C7.42155697 -0.23133946 14.82994697 -0.4514672 22.25198364 -0.56925201 C25.70830683 -0.6271587 29.16162382 -0.7043789 32.61621094 -0.82983398 C36.58751012 -0.9731373 40.5576187 -1.02575104 44.53125 -1.07421875 C45.75863892 -1.13099289 46.98602783 -1.18776703 48.25061035 -1.2462616 C56.70658876 -1.252315 56.70658876 -1.252315 60.44824219 2.37045288 C62.54882812 5.29760742 62.54882812 5.29760742 64.26574707 8.21037292 C70.57772048 18.36347783 83.68482135 23.98032029 94.94238281 26.61621094 C110.4737071 29.51313094 124.99477288 25.21434048 138.26953125 17.02734375 C143.36562702 13.24354732 148.66194589 8.37534203 151.03718567 2.38362122 C153 0 153 0 154.81920433 -0.45171547 C157.30752482 -0.61904323 159.75126274 -0.6176429 162.24487305 -0.56762695 C163.19140747 -0.56835709 164.13794189 -0.56908722 165.11315918 -0.56983948 C168.24659224 -0.56635174 171.37854491 -0.52743378 174.51171875 -0.48828125 C176.68218677 -0.47895737 178.85266529 -0.47183925 181.02314758 -0.46684265 C186.73956284 -0.44773959 192.45534422 -0.39860963 198.17150879 -0.34332275 C205.02794545 -0.28321616 211.88459392 -0.26022986 218.74121857 -0.23105621 C229.16125342 -0.18254737 239.5798971 -0.08675386 250 0 C250 18.48 250 36.96 250 56 C167.5 56 85 56 0 56 C0 37.52 0 19.04 0 0 Z " fill="#002868" transform="translate(0,111)"/> <path d="M0 0 C82.5 0 165 0 250 0 C250 18.48 250 36.96 250 56 C226.3625417 56.40108809 226.3625417 56.40108809 216.265625 56.48828125 C209.38267679 56.54800199 202.50106215 56.61854781 195.61914062 56.75439453 C190.06877576 56.86326775 184.51984104 56.92288641 178.9684906 56.94877243 C176.85364772 56.96721209 174.73888086 57.00322373 172.62464905 57.05730057 C156.0322502 57.46471 156.0322502 57.46471 151.02612305 53.85662842 C149.00287231 51.32779779 147.54495623 48.83555334 146 46 C139.94140955 39.48325063 133.10097014 35.55266009 125 32 C124.20078125 31.63648437 123.4015625 31.27296875 122.578125 30.8984375 C110.47819229 26.68179428 94.45665853 27.59079771 83 33 C75.04502274 36.93761406 66.30235488 41.82452664 61.95953369 49.94569397 C60.50823399 52.41380453 59.19328813 54.14501849 57 56 C52.64407967 57.12201327 48.41838024 56.93315698 43.9453125 56.78125 C42.68862762 56.76993042 41.43194275 56.75861084 40.13717651 56.74694824 C36.81120867 56.70982501 33.48970765 56.63811186 30.16497803 56.54931641 C26.76663322 56.46716152 23.36781115 56.43043481 19.96875 56.390625 C13.31000018 56.30932158 6.65902541 56.15278835 0 56 C0 37.52 0 19.04 0 0 Z " fill="#012968" transform="translate(0,0)"/> <path d="M0 0 C4.81022092 3.41123236 7.80051772 7.0168584 11 12 C11.97610229 11.59104492 11.97610229 11.59104492 12.97192383 11.17382812 C15.91652637 9.94373441 18.86444062 8.72178441 21.8125 7.5 C22.83666016 7.07074219 23.86082031 6.64148438 24.91601562 6.19921875 C25.89892578 5.79316406 26.88183594 5.38710937 27.89453125 4.96875 C28.80050049 4.59169922 29.70646973 4.21464844 30.63989258 3.82617188 C33 3 33 3 36 3 C35.01 0.69 34.02 -1.62 33 -4 C64.68 -4 96.36 -4 129 -4 C129 14.15 129 32.3 129 51 C97.32 51 65.64 51 33 51 C33.99 48.03 33.99 48.03 35 45 C29.82649571 42.25487527 24.55359507 39.93388031 19.125 37.75 C18.12521118 37.34467041 18.12521118 37.34467041 17.10522461 36.93115234 C13.6594829 35.48595992 13.6594829 35.48595992 10 35 C9.06983753 36.3596961 8.20580596 37.76491884 7.375 39.1875 C3.6343566 44.99005903 -0.65825573 47.4050766 -6.75 50.3125 C-15.20664148 52.10140493 -22.31037438 51.74462615 -29.8828125 47.4140625 C-36.09022248 43.26815399 -40.64049311 37.07852066 -43 30 C-43.82275906 20.96140402 -43.51369355 13.4581362 -38 6 C-28.0677279 -4.9712127 -12.96861587 -8.37018235 0 0 Z " fill="#FEFEFE" transform="translate(121,60)"/> <path d="M0 0 C18.81 0 37.62 0 57 0 C55.68 3.3 54.36 6.6 53 10 C51.36849008 15.47646962 50.61306371 20.45592696 50.625 26.125 C50.62516113 26.85565674 50.62532227 27.58631348 50.62548828 28.33911133 C50.77657894 35.67018892 52.57325903 42.08290256 55 49 C55.66 50.98 56.32 52.96 57 55 C38.19 55 19.38 55 0 55 C0 36.85 0 18.7 0 0 Z " fill="#FEFEFE" transform="translate(0,56)"/> <path d="M0 0 C5.08817624 3.83519922 8.21222319 8.67357698 10.07421875 14.75 C11.20124759 24.74064112 9.54803569 32.37421399 3.84765625 40.6328125 C-0.78823824 46.16729447 -7.51228502 49.27529256 -14.61328125 50.0390625 C-23.61129254 50.4751906 -29.81661424 48.12864843 -36.73828125 42.4375 C-43.98351527 33.53621248 -45.99001474 26.30807065 -44.92578125 14.75 C-42.36359531 5.86615902 -36.44236564 0.55028232 -28.80078125 -4.1875 C-18.8545602 -7.83748938 -8.54430693 -5.54600044 0 0 Z " fill="#FED500" transform="translate(122.92578125,61.25)"/>`
}
})
);
};
FlagCO.displayName = 'FlagCO';
export default FlagCO;