us-state-flags/src/components/flags/FlagAL.js

Complete US state data with flags, utility functions, and React component - zero dependencies for data, optional React support - SVG-only flags, offline ready

import React from 'react';

const FlagAL = 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': 'Alabama 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="#B10122" transform="translate(0,0)"/> <path d="M0 0 C4.08858348 1.67202295 7.60529467 4.0546217 11.26416016 6.51074219 C12.11772598 7.07476242 12.97129181 7.63878265 13.85072327 8.21989441 C16.66834786 10.08498133 19.47801291 11.96169519 22.28759766 13.83886719 C24.24664077 15.1396033 26.20603699 16.43980773 28.16577148 17.73950195 C46.58056501 29.96940509 64.91162614 42.32608208 83.21070862 54.72831726 C83.93048386 55.21589005 84.65025909 55.70346283 85.3918457 56.20581055 C86.43095596 56.91071121 86.43095596 56.91071121 87.49105835 57.62985229 C89.05589668 58.68123664 90.62834366 59.72132796 92.20547485 60.75418091 C93.03155243 61.29589935 93.85763 61.8376178 94.70874023 62.39575195 C95.4652034 62.88769547 96.22166656 63.37963898 97.00105286 63.88648987 C97.54936264 64.28327438 98.09767242 64.6800589 98.66259766 65.08886719 C98.66259766 65.41886719 98.66259766 65.74886719 98.66259766 66.08886719 C33.32259766 66.08886719 -32.01740234 66.08886719 -99.33740234 66.08886719 C-96.58597876 63.33744361 -94.64672226 61.46496089 -91.52661133 59.43286133 C-90.41156975 58.7012529 -90.41156975 58.7012529 -89.27400208 57.9548645 C-88.4686351 57.43318695 -87.66326813 56.9115094 -86.83349609 56.37402344 C-85.97837936 55.81415741 -85.12326263 55.25429138 -84.24223328 54.67745972 C-82.39040201 53.46530858 -80.537247 52.25517787 -78.68292236 51.04684448 C-73.72326275 47.81408745 -68.77427976 44.5650883 -63.82568359 41.31542969 C-62.80283264 40.64400436 -61.77998169 39.97257904 -60.72613525 39.2808075 C-49.5782389 31.95164217 -38.5142486 24.49930236 -27.46240234 17.02636719 C-26.53716766 16.40085968 -25.61193298 15.77535217 -24.65866089 15.13088989 C-21.25484221 12.82928907 -17.851116 10.52755784 -14.4493866 8.22286987 C-13.04282983 7.27004268 -11.63363728 6.32108925 -10.22125244 5.37692261 C-9.01317524 4.55091719 -7.82302127 3.69768294 -6.65814209 2.8117981 C-4.40453131 1.1354473 -2.84435066 0.10814118 0 0 Z " fill="#FEFDFD" transform="translate(125.33740234375,100.9111328125)"/> <path d="M0 0 C6.75689404 4.29984166 13.49828741 8.60613442 20.1875 13.0078125 C21.03298401 13.563479 21.87846802 14.11914551 22.74957275 14.69165039 C32.47926892 21.09067677 42.19338129 27.5132801 51.90063477 33.94628906 C53.97561019 35.32121567 56.05097163 36.69555989 58.12670898 38.06933594 C64.21624478 42.10020288 70.29795503 46.14241046 76.36865234 50.20159912 C78.28782488 51.48271427 80.20937674 52.76027231 82.13330078 54.03424072 C84.8090855 55.80733776 87.47584644 57.5932324 90.140625 59.3828125 C91.34202118 60.1730481 91.34202118 60.1730481 92.56768799 60.97924805 C93.28817322 61.46707764 94.00865845 61.95490723 94.75097656 62.45751953 C95.69774261 63.0890947 95.69774261 63.0890947 96.66363525 63.73342896 C97.10463562 64.1513974 97.54563599 64.56936584 98 65 C98 65.99 98 66.98 98 68 C96.61894226 69.26657104 96.61894226 69.26657104 94.64331055 70.54248047 C93.89963226 71.03030502 93.15595398 71.51812958 92.38973999 72.02073669 C91.56374298 72.54756546 90.73774597 73.07439423 89.88671875 73.6171875 C89.02607819 74.17837784 88.16543762 74.73956818 87.27871704 75.31776428 C85.40476064 76.53834184 83.52774384 77.75423033 81.64810181 78.96603394 C76.6243005 82.20533015 71.62238778 85.47816122 66.6171875 88.74609375 C65.58135025 89.42102371 64.545513 90.09595367 63.47828674 90.79133606 C52.34381107 98.05615963 41.3222069 105.48546524 30.3125 112.9375 C28.49245646 114.16849373 26.67238872 115.39945168 24.85229492 116.63037109 C22.38486736 118.29917164 19.91765591 119.96827871 17.45181274 121.63941956 C16.0235695 122.60695948 14.59424665 123.57290811 13.16372681 124.53707886 C11.61383723 125.58497743 10.06896211 126.6403076 8.5274353 127.70046997 C7.31538925 128.52658279 7.31538925 128.52658279 6.07885742 129.36938477 C5.34559738 129.87292984 4.61233734 130.37647491 3.8568573 130.89527893 C2 132 2 132 0 132 C0 88.44 0 44.88 0 0 Z " fill="#FEFDFE" transform="translate(0,17)"/> <path d="M0 0 C0 43.56 0 87.12 0 132 C-3.50424302 130.59830279 -5.83817606 129.60418992 -8.81665039 127.57104492 C-9.53673782 127.08314987 -10.25682526 126.59525482 -10.99873352 126.09257507 C-11.77387802 125.56057999 -12.54902252 125.0285849 -13.34765625 124.48046875 C-14.17633713 123.91781815 -15.00501801 123.35516754 -15.85881042 122.77546692 C-17.65551114 121.55527548 -19.45085589 120.33308554 -21.24499512 119.10913086 C-26.05834758 115.8262664 -30.88233066 112.55912412 -35.70703125 109.29296875 C-36.70793793 108.6151535 -37.7088446 107.93733826 -38.74008179 107.23898315 C-51.71883048 98.46479063 -64.81847593 89.87399432 -77.91821289 81.28198242 C-79.25786858 80.4024012 -79.25786858 80.4024012 -80.62458801 79.50505066 C-82.2810614 78.41774218 -83.93837075 77.33170561 -85.59672546 76.24726868 C-90.1420946 73.26452514 -94.59674926 70.18911375 -99 67 C-94.929957 62.56842295 -90.43954934 59.44143371 -85.3984375 56.1875 C-84.11788483 55.34982338 -84.11788483 55.34982338 -82.8114624 54.495224 C-80.96596269 53.28850248 -79.11877331 52.08436192 -77.27008057 50.88253784 C-72.32246901 47.66533343 -67.38801614 44.42807602 -62.453125 41.19140625 C-61.43336578 40.52307266 -60.41360657 39.85473907 -59.36294556 39.16615295 C-48.21947646 31.8517536 -37.16645317 24.40468011 -26.125 16.9375 C-25.19967468 16.31190186 -24.27434937 15.68630371 -23.32098389 15.04174805 C-19.91727067 12.74023084 -16.51362114 10.43862572 -13.11199951 8.13401794 C-11.70840975 7.18319749 -10.30427843 6.23317571 -8.8994751 5.28414917 C-7.65789592 4.44477367 -6.41803029 3.60285647 -5.18011475 2.75808716 C-1.11087016 0 -1.11087016 0 0 0 Z " fill="#FEFDFD" transform="translate(250,17)"/> <path d="M0 0 C65.34 0 130.68 0 198 0 C195.05213156 2.35829475 192.28001626 4.56436084 189.18334961 6.65600586 C188.10322601 7.38761429 188.10322601 7.38761429 187.00128174 8.13400269 C186.2261322 8.65568024 185.45098267 9.17735779 184.65234375 9.71484375 C183.40925446 10.55464279 183.40925446 10.55464279 182.14105225 11.41140747 C179.40826479 13.25601847 176.67304523 15.09698167 173.9375 16.9375 C172.53245712 17.88434158 172.53245712 17.88434158 171.09902954 18.85031128 C151.58845016 31.99566973 131.95935856 44.95978825 112.28997803 57.86599731 C111.54677307 58.35373627 110.80356812 58.84147522 110.0378418 59.34399414 C109.34210052 59.79412872 108.64635925 60.24426331 107.92953491 60.70803833 C106.69337927 61.53573297 105.4814085 62.40150013 104.30508423 63.31222534 C102.76879883 64.48217773 102.76879883 64.48217773 100 66 C95.09107963 65.14937342 90.51140864 61.21490067 86.3984375 58.48046875 C85.11802078 57.63649284 85.11802078 57.63649284 83.81173706 56.77546692 C80.99635787 54.91750512 78.18559063 53.05269615 75.375 51.1875 C73.41645625 49.89240403 71.45779577 48.59748459 69.49902344 47.30273438 C53.52100723 36.72744426 37.62360807 26.0326834 21.76318359 15.28198242 C20.89726593 14.69559494 20.03134827 14.10920746 19.13919067 13.50505066 C17.53809086 12.42045137 15.93781451 11.33463489 14.33859253 10.24726868 C10.10491653 7.37922105 5.82786438 4.62456844 1.44622803 1.98706055 C0.96897278 1.66133057 0.49171753 1.33560059 0 1 C0 0.67 0 0.34 0 0 Z " fill="#FEFDFD" transform="translate(26,0)"/>`
      }
    })
  );
};

FlagAL.displayName = 'FlagAL';

export default FlagAL;