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) • 15.4 kB
JavaScript
import React from 'react';
const FlagHI = 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 125',
role: 'img',
'aria-label': 'Hawaii 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 41.25 250 82.5 250 125 C167.5 125 85 125 0 125 C0 83.75 0 42.5 0 0 Z " fill="#C7112F" transform="translate(0,0)"/> <path d="M0 0 C82.5 0 165 0 250 0 C250 10.23 250 20.46 250 31 C167.5 31 85 31 0 31 C0 20.77 0 10.54 0 0 Z " fill="#C91532" transform="translate(0,94)"/> <path d="M0 0 C82.5 0 165 0 250 0 C250 5.28 250 10.56 250 16 C167.5 16 85 16 0 16 C0 10.72 0 5.44 0 0 Z " fill="#06246B" transform="translate(0,78)"/> <path d="M0 0 C82.5 0 165 0 250 0 C250 4.95 250 9.9 250 15 C167.5 15 85 15 0 15 C0 10.05 0 5.1 0 0 Z " fill="#FFFFFF" transform="translate(0,94)"/> <path d="M0 0 C62.37 0 124.74 0 189 0 C189 5.28 189 10.56 189 16 C142.47 16 95.94 16 48 16 C48 13.36 48 10.72 48 8 C41.07 11.96 34.14 15.92 27 20 C33.93 20.33 40.86 20.66 48 21 C48 22.32 48 23.64 48 25 C32.16 25 16.32 25 0 25 C0 16.75 0 8.5 0 0 Z " fill="#FDF9FA" transform="translate(61,0)"/> <path d="M0 0 C15.84 0 31.68 0 48 0 C48 1.65 48 3.3 48 5 C38.1 5.495 38.1 5.495 28 6 C34.27 9.63 40.54 13.26 47 17 C47.33 14.69 47.66 12.38 48 10 C94.53 10 141.06 10 189 10 C189 14.95 189 19.9 189 25 C142.8 25 96.6 25 49 25 C48.505 23.02 48.505 23.02 48 21 C45.7860455 19.27840556 45.7860455 19.27840556 42.9765625 17.8359375 C41.955625 17.27132812 40.9346875 16.70671875 39.8828125 16.125 C38.80773437 15.5475 37.73265625 14.97 36.625 14.375 C34.51266805 13.216789 32.40067369 12.05796203 30.2890625 10.8984375 C29.34756348 10.38974121 28.40606445 9.88104492 27.43603516 9.35693359 C25 8 25 8 22 6 C19.66800612 5.92094936 17.33167378 5.91201231 15 6 C15.72590332 6.4031543 16.45180664 6.80630859 17.19970703 7.22167969 C19.91811661 8.73301645 22.63524856 10.2466192 25.3515625 11.76171875 C27.09539159 12.73350016 28.84065285 13.70271016 30.5859375 14.671875 C31.69453125 15.290625 32.803125 15.909375 33.9453125 16.546875 C34.96125488 17.11245117 35.97719727 17.67802734 37.02392578 18.26074219 C40.116884 20.06830858 43.07160462 21.93719662 46 24 C46 24.33 46 24.66 46 25 C35.17363677 26.43124372 28.21579585 22.53972338 19.375 17.0625 C18.09910453 16.29770885 16.8217661 15.53531963 15.54296875 14.77539062 C13.22127784 13.39210658 10.91196864 11.99364346 8.60693359 10.58227539 C6.13601077 9.03393277 6.13601077 9.03393277 4 8 C4 13.61 4 19.22 4 25 C2.68 25 1.36 25 0 25 C0 16.75 0 8.5 0 0 Z " fill="#FEFEFE" transform="translate(61,37)"/> <path d="M0 0 C46.53 0 93.06 0 141 0 C141 5.28 141 10.56 141 16 C94.47 16 47.94 16 0 16 C0 18.64 0 21.28 0 24 C-15.11540715 16.67603984 -15.11540715 16.67603984 -22 12 C-22 11.67 -22 11.34 -22 11 C-14.74 11 -7.48 11 0 11 C0 7.37 0 3.74 0 0 Z " fill="#062369" transform="translate(109,31)"/> <path d="M0 0 C15.84 0 31.68 0 48 0 C48 8.25 48 16.5 48 25 C32.16 25 16.32 25 0 25 C0 16.75 0 8.5 0 0 Z " fill="#FAF8FA" transform="translate(0,0)"/> <path d="M0 0 C15.84 0 31.68 0 48 0 C48 8.58 48 17.16 48 26 C46.68 26 45.36 26 44 26 C44 20.06 44 14.12 44 8 C42.02515625 9.13179687 40.0503125 10.26359375 38.015625 11.4296875 C36.0961781 12.52874444 34.17651747 13.62742716 32.25683594 14.72607422 C30.92588282 15.48805297 29.59515119 16.25041873 28.26464844 17.01318359 C26.34889308 18.11137818 24.4323377 19.20816485 22.515625 20.3046875 C21.92380432 20.6443454 21.33198364 20.9840033 20.722229 21.33395386 C19.15280569 22.23082763 17.57668163 23.11594845 16 24 C14.93217285 24.64026123 14.93217285 24.64026123 13.84277344 25.29345703 C11.52840113 26.18081705 10.29586965 25.81995345 8 25 C8.78125244 24.56655273 9.56250488 24.13310547 10.36743164 23.68652344 C13.29552366 22.06171134 16.22339508 20.43650308 19.15112305 18.81103516 C20.41275505 18.11068355 21.67447207 17.41048507 22.9362793 16.71044922 C32.4975749 11.40746026 32.4975749 11.40746026 42 6 C36.35718065 5.61199478 33.21606841 6.53577819 28.3671875 9.39453125 C27.76746124 9.74255295 27.16773499 10.09057465 26.54983521 10.44914246 C24.64960293 11.5562678 22.76249165 12.68381959 20.875 13.8125 C19.60107011 14.5593256 18.32633627 15.30478161 17.05078125 16.04882812 C12.74794249 18.56541678 8.45160148 21.09067225 4.22705078 23.73706055 C2 25 2 25 0 25 C0 16.75 0 8.5 0 0 Z " fill="#F3E9ED" transform="translate(0,37)"/> <path d="M0 0 C15.84 0 31.68 0 48 0 C48 1.65 48 3.3 48 5 C38.1 5.495 38.1 5.495 28 6 C34.27 9.63 40.54 13.26 47 17 C46.34 17.66 45.68 18.32 45 19 C41.72795584 17.21053803 38.45757816 15.41805177 35.1875 13.625 C34.25873047 13.11710937 33.32996094 12.60921875 32.37304688 12.0859375 C31.48037109 11.59609375 30.58769531 11.10625 29.66796875 10.6015625 C28.84578857 10.15119629 28.0236084 9.70083008 27.17651367 9.23681641 C25.40717238 8.23137804 23.69327344 7.12884896 22 6 C19.66800612 5.92094936 17.33167378 5.91201231 15 6 C15.72590332 6.4031543 16.45180664 6.80630859 17.19970703 7.22167969 C19.91811661 8.73301645 22.63524856 10.2466192 25.3515625 11.76171875 C27.09539159 12.73350016 28.84065285 13.70271016 30.5859375 14.671875 C31.69453125 15.290625 32.803125 15.909375 33.9453125 16.546875 C34.96125488 17.11245117 35.97719727 17.67802734 37.02392578 18.26074219 C40.116884 20.06830858 43.07160462 21.93719662 46 24 C46 24.33 46 24.66 46 25 C35.17363677 26.43124372 28.21579585 22.53972338 19.375 17.0625 C18.09910453 16.29770885 16.8217661 15.53531963 15.54296875 14.77539062 C13.22127784 13.39210658 10.91196864 11.99364346 8.60693359 10.58227539 C6.13601077 9.03393277 6.13601077 9.03393277 4 8 C4 13.61 4 19.22 4 25 C2.68 25 1.36 25 0 25 C0 16.75 0 8.5 0 0 Z " fill="#F9EFF1" transform="translate(61,37)"/> <path d="M0 0 C7.67225263 -0.82651902 12.17228583 1.80871152 18.625 5.75 C19.54023437 6.28882813 20.45546875 6.82765625 21.3984375 7.3828125 C23.95005301 8.89460782 26.47541846 10.44364986 29 12 C29.98178223 12.56557617 29.98178223 12.56557617 30.98339844 13.14257812 C32.6484375 14.140625 32.6484375 14.140625 35 16 C35 17.32 35 18.64 35 20 C81.2 20 127.4 20 175 20 C175 20.33 175 20.66 175 21 C124.51 21 74.02 21 22 21 C22 20.67 22 20.34 22 20 C24.97 19.67 27.94 19.34 31 19 C30.27409668 18.5968457 29.54819336 18.19369141 28.80029297 17.77832031 C26.08188339 16.26698355 23.36475144 14.7533808 20.6484375 13.23828125 C18.90460841 12.26649984 17.15934715 11.29728984 15.4140625 10.328125 C14.30546875 9.709375 13.196875 9.090625 12.0546875 8.453125 C11.03874512 7.88754883 10.02280273 7.32197266 8.97607422 6.73925781 C5.883116 4.93169142 2.92839538 3.06280338 0 1 C0 0.67 0 0.34 0 0 Z " fill="#E38796" transform="translate(75,42)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 5.94 2 11.88 2 18 C-8.56 18 -19.12 18 -30 18 C-26.75187372 15.56390529 -23.70761804 13.63403933 -20.17578125 11.6796875 C-19.06525391 11.06222656 -17.95472656 10.44476563 -16.81054688 9.80859375 C-15.65619141 9.17050781 -14.50183594 8.53242187 -13.3125 7.875 C-11.01576481 6.60363249 -8.72050846 5.32968445 -6.42578125 4.0546875 C-5.40911377 3.49249512 -4.39244629 2.93030273 -3.3449707 2.35107422 C-1.11471603 1.20127701 -1.11471603 1.20127701 0 0 Z " fill="#0F2368" transform="translate(42,45)"/> <path d="M0 0 C10.23 0 20.46 0 31 0 C27.29889198 2.96088642 24.14871729 5.18450339 20.078125 7.453125 C18.41716797 8.38125 18.41716797 8.38125 16.72265625 9.328125 C15.57667969 9.96234375 14.43070313 10.5965625 13.25 11.25 C12.07661458 11.90587741 10.90343547 12.56212408 9.73046875 13.21875 C1.14229911 18 1.14229911 18 0 18 C0 12.06 0 6.12 0 0 Z " fill="#06256B" transform="translate(65,0)"/> <path d="M0 0 C10.23 0 20.46 0 31 0 C31 5.94 31 11.88 31 18 C20.64798642 12.36728673 10.32430343 6.68329767 0 1 C0 0.67 0 0.34 0 0 Z " fill="#06256C" transform="translate(13,0)"/> <path d="M0 0 C4.09820933 1.36606978 6.98230778 2.38259387 10.56640625 4.4609375 C11.38173828 4.93273438 12.19707031 5.40453125 13.03710938 5.890625 C13.87048828 6.38046875 14.70386719 6.8703125 15.5625 7.375 C16.39974609 7.85710938 17.23699219 8.33921875 18.09960938 8.8359375 C22.41342301 11.34976714 26.05425129 13.84340103 30 17 C20.1 17 10.2 17 0 17 C0 11.39 0 5.78 0 0 Z " fill="#06256C" transform="translate(65,45)"/> <path d="M0 0 C1.8871875 0.061875 1.8871875 0.061875 3.8125 0.125 C1.15585531 3.17063661 -2.00139727 4.87473949 -5.5 6.84765625 C-6.11012939 7.19380478 -6.72025879 7.53995331 -7.34887695 7.89659119 C-9.29251283 8.99818268 -11.23982177 10.09307428 -13.1875 11.1875 C-15.13441742 12.28679136 -17.08054751 13.38745607 -19.02612305 14.48912048 C-20.79075553 15.48749341 -22.55743724 16.48224171 -24.32421875 17.47680664 C-26.31917878 18.62516741 -28.27222975 19.84815317 -30.1875 21.125 C-32.44921875 21.3203125 -32.44921875 21.3203125 -34.875 21.25 C-36.08736328 21.22292969 -36.08736328 21.22292969 -37.32421875 21.1953125 C-37.93910156 21.17210938 -38.55398437 21.14890625 -39.1875 21.125 C-35.61395956 18.11461309 -31.99377699 15.76648514 -27.8984375 13.5234375 C-27.02078232 13.0396312 -27.02078232 13.0396312 -26.12539673 12.54605103 C-24.27352641 11.52620416 -22.41821866 10.5128246 -20.5625 9.5 C-18.700325 8.47883833 -16.83890493 7.45632699 -14.97817993 6.43252563 C-13.29592459 5.50766139 -11.61163776 4.5864951 -9.92724609 3.66552734 C-3.22051305 -0.10559059 -3.22051305 -0.10559059 0 0 Z " fill="#CB203C" transform="translate(104.1875,-0.125)"/> <path d="M0 0 C4.03741781 1.34580594 6.81260098 2.28505225 10.3046875 4.34765625 C11.05234375 4.78787109 11.8 5.22808594 12.5703125 5.68164062 C13.33085937 6.13732422 14.09140625 6.59300781 14.875 7.0625 C16.050625 7.75182617 16.050625 7.75182617 17.25 8.45507812 C21.49562893 10.97360888 21.49562893 10.97360888 23 12 C23 12.33 23 12.66 23 13 C15.41 13 7.82 13 0 13 C0 8.71 0 4.42 0 0 Z " fill="#0B2A6F" transform="translate(0,8)"/> <path d="M0 0 C0 4.29 0 8.58 0 13 C-7.59 13 -15.18 13 -23 13 C-17.36580882 8.49264706 -17.36580882 8.49264706 -14.08203125 6.640625 C-13.38529297 6.24746094 -12.68855469 5.85429687 -11.97070312 5.44921875 C-11.25849609 5.05347656 -10.54628906 4.65773438 -9.8125 4.25 C-9.08869141 3.83878906 -8.36488281 3.42757813 -7.61914062 3.00390625 C-2.25502232 0 -2.25502232 0 0 0 Z " fill="#0C2A6F" transform="translate(109,8)"/> <path d="M0 0 C7.26 0 14.52 0 22 0 C19.4920541 2.5079459 17.81528794 3.82208715 14.8046875 5.48046875 C14.00675781 5.92197266 13.20882813 6.36347656 12.38671875 6.81835938 C11.14341797 7.49608398 11.14341797 7.49608398 9.875 8.1875 C9.03839844 8.65091797 8.20179687 9.11433594 7.33984375 9.59179688 C1.14584867 13 1.14584867 13 0 13 C0 8.71 0 4.42 0 0 Z " fill="#05246B" transform="translate(0,42)"/> <path d="M0 0 C8.10028781 4.39168551 16.15229586 8.86549469 24.1875 13.375 C25.33025391 14.01566406 26.47300781 14.65632812 27.65039062 15.31640625 C30.43391038 16.87704076 33.21710732 18.43824768 36 20 C36 20.33 36 20.66 36 21 C27.44045845 22.27164225 21.17606378 17.72230893 14.0625 13.5625 C12.8075125 12.84677633 11.55165903 12.13256885 10.29492188 11.41992188 C1.28182499 6.28182499 1.28182499 6.28182499 0 5 C-0.04063832 3.33382885 -0.042721 1.66611905 0 0 Z " fill="#CB1E3A" transform="translate(0,0)"/> <path d="M0 0 C7.70135564 -0.83965542 12.21879965 1.84899243 18.6875 5.8125 C19.61111328 6.35970703 20.53472656 6.90691406 21.48632812 7.47070312 C24.00109465 8.96435495 26.50181396 10.47883879 29 12 C29.9175708 12.49975342 30.8351416 12.99950684 31.78051758 13.5144043 C32.51294678 14.00465088 33.24537598 14.49489746 34 15 C34.3125 17.6875 34.3125 17.6875 34 20 C25.43531669 15.97289725 17.2436563 11.48808381 9.125 6.625 C8.2268457 6.08907227 7.32869141 5.55314453 6.40332031 5.00097656 C1.61668919 2.10600129 1.61668919 2.10600129 0 1 C0 0.67 0 0.34 0 0 Z " fill="#CB1E3A" transform="translate(75,42)"/> <path d="M0 0 C0.556875 0.226875 1.11375 0.45375 1.6875 0.6875 C-2.18905834 2.91332818 -6.06686319 5.13696451 -9.94580078 7.35864258 C-11.26319676 8.11358572 -12.58025971 8.86911033 -13.89697266 9.62524414 C-15.79761344 10.71656589 -17.69947109 11.80574024 -19.6015625 12.89453125 C-20.74318848 13.5491333 -21.88481445 14.20373535 -23.06103516 14.87817383 C-26.10610694 16.5726495 -29.18289999 18.15586132 -32.3125 19.6875 C-32.3125 18.6975 -32.3125 17.7075 -32.3125 16.6875 C-31.58135986 16.27910889 -30.85021973 15.87071777 -30.09692383 15.44995117 C-27.36626892 13.92420722 -24.63600786 12.39776146 -21.90600586 10.87084961 C-20.15052811 9.88927404 -18.39460323 8.90849827 -16.63867188 7.92773438 C-15.52685547 7.30576172 -14.41503906 6.68378906 -13.26953125 6.04296875 C-12.24835205 5.47215576 -11.22717285 4.90134277 -10.17504883 4.31323242 C-7.30839788 2.73421558 -7.30839788 2.73421558 -4.69018555 0.9152832 C-2.3125 -0.3125 -2.3125 -0.3125 0 0 Z " fill="#ECE3E9" transform="translate(98.3125,0.3125)"/> <path d="M0 0 C-4.80484184 3.7483091 -10.09023851 6.61452642 -15.375 9.625 C-16.91800781 10.5221875 -16.91800781 10.5221875 -18.4921875 11.4375 C-19.4925 12.00726563 -20.4928125 12.57703125 -21.5234375 13.1640625 C-22.43013184 13.68436035 -23.33682617 14.2046582 -24.27099609 14.74072266 C-27.20283712 16.09359759 -29.80662019 16.61219474 -33 17 C-28.23541219 13.26727474 -22.97564497 10.34554386 -17.75463867 7.31005859 C-16.53875156 6.60075027 -15.32553807 5.88683974 -14.11499023 5.16845703 C-12.36225693 4.12834226 -10.60220395 3.10182219 -8.83984375 2.078125 C-7.79175537 1.46356445 -6.74366699 0.84900391 -5.66381836 0.21582031 C-3 -1 -3 -1 0 0 Z " fill="#EDE3E9" transform="translate(41,46)"/> <path d="M0 0 C7.92 0 15.84 0 24 0 C24 0.33 24 0.66 24 1 C17.4 1.33 10.8 1.66 4 2 C10.27 5.63 16.54 9.26 23 13 C22.34 13.66 21.68 14.32 21 15 C17.6757557 13.27166051 14.36802369 11.5138436 11.0625 9.75 C10.11697266 9.25886719 9.17144531 8.76773438 8.19726562 8.26171875 C6.84858398 7.53662109 6.84858398 7.53662109 5.47265625 6.796875 C4.64000244 6.35698242 3.80734863 5.91708984 2.94946289 5.46386719 C1 4 1 4 0 0 Z " fill="#CFD1DF" transform="translate(85,41)"/> <path d="M0 0 C14.78132118 7.29840547 14.78132118 7.29840547 21 11 C20.67 11.66 20.34 12.32 20 13 C15.50675151 11.34229667 11.38813854 9.15017838 7.1875 6.875 C6.49462891 6.50246094 5.80175781 6.12992188 5.08789062 5.74609375 C3.39065164 4.83309623 1.69514862 3.91687284 0 3 C0 2.01 0 1.02 0 0 Z " fill="#ECE1E7" transform="translate(0,5)"/> <path d="M0 0 C3.66881155 0.70554068 6.70450534 2.27735506 10 4 C9.67 4.99 9.34 5.98 9 7 C6.03 5.35 3.06 3.7 0 2 C0 1.34 0 0.68 0 0 Z " fill="#EFE1E6" transform="translate(86,43)"/> <path d="M0 0 C-2.54712074 2.00130916 -4.9527375 3.85727656 -8 5 C-10.125 4.546875 -10.125 4.546875 -12 4 C-10.56988027 3.13353333 -9.13059381 2.28218171 -7.6875 1.4375 C-6.48673828 0.72400391 -6.48673828 0.72400391 -5.26171875 -0.00390625 C-3 -1 -3 -1 0 0 Z " fill="#EBD0D7" transform="translate(20,58)"/>`
}
})
);
};
FlagHI.displayName = 'FlagHI';
export default FlagHI;