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) • 3.63 kB
JavaScript
import React from 'react';
const FlagTX = 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': 'Texas 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="#BE0E3F" transform="translate(0,0)"/> <path d="M0 0 C27.39 0 54.78 0 83 0 C83 55.11 83 110.22 83 167 C55.61 167 28.22 167 0 167 C0 111.89 0 56.78 0 0 Z " fill="#00205B" transform="translate(0,0)"/> <path d="M0 0 C54.78 0 109.56 0 166 0 C166 27.39 166 54.78 166 83 C111.22 83 56.44 83 0 83 C0 55.61 0 28.22 0 0 Z " fill="#FFFFFF" transform="translate(84,0)"/> <path d="M0 0 C2 1 2 1 2.77783203 2.85766602 C3.13917236 4.04380493 3.13917236 4.04380493 3.5078125 5.25390625 C3.7464502 6.0229126 3.98508789 6.79191895 4.23095703 7.58422852 C4.52599121 8.56705811 4.82102539 9.5498877 5.125 10.5625 C6.07375 13.676875 7.0225 16.79125 8 20 C14.93 20.33 21.86 20.66 29 21 C25.38278634 24.61721366 22.28110664 27.40258684 18.1875 30.3125 C17.21167969 31.00988281 16.23585937 31.70726563 15.23046875 32.42578125 C14.12638672 33.20501953 14.12638672 33.20501953 13 34 C13.18175781 34.56509277 13.36351562 35.13018555 13.55078125 35.71240234 C14.37017494 38.26565409 15.1851383 40.82029847 16 43.375 C16.42925781 44.70917969 16.42925781 44.70917969 16.8671875 46.0703125 C17.13789062 46.92109375 17.40859375 47.771875 17.6875 48.6484375 C17.93886719 49.43395996 18.19023438 50.21948242 18.44921875 51.02880859 C19 53 19 53 19 55 C14.50535298 53.0060512 10.68261459 49.95812211 6.77734375 47.01367188 C3.71148269 44.62766628 3.71148269 44.62766628 0.02246094 44.24462891 C-2.08937978 45.03338255 -3.63642347 45.95627272 -5.453125 47.28515625 C-6.071875 47.73310547 -6.690625 48.18105469 -7.328125 48.64257812 C-7.96234375 49.11115234 -8.5965625 49.57972656 -9.25 50.0625 C-10.22453125 50.77116211 -10.22453125 50.77116211 -11.21875 51.49414062 C-12.81653662 52.65723529 -14.40881803 53.82788601 -16 55 C-17.08557892 51.74004193 -16.91310151 49.89457573 -15.78515625 46.671875 C-15.51123047 45.87265625 -15.23730469 45.0734375 -14.95507812 44.25 C-14.66052734 43.425 -14.36597656 42.6 -14.0625 41.75 C-13.62647461 40.48929688 -13.62647461 40.48929688 -13.18164062 39.203125 C-12.46378767 37.13194269 -11.73633881 35.06466738 -11 33 C-11.69480469 32.76410156 -12.38960937 32.52820313 -13.10546875 32.28515625 C-16.53439854 30.76272993 -19.3582893 28.70969365 -22.3125 26.4375 C-22.86228516 26.02564453 -23.41207031 25.61378906 -23.97851562 25.18945312 C-25.34133045 24.1550682 -26.67375704 23.08087744 -28 22 C-28 21.67 -28 21.34 -28 21 C-20.74 21 -13.48 21 -6 21 C-5.34 17.7 -4.68 14.4 -4 11 C-3.34810138 8.93961968 -2.65077189 6.89200691 -1.875 4.875 C-1.52179687 3.94429687 -1.16859375 3.01359375 -0.8046875 2.0546875 C-0.53914063 1.37664063 -0.27359375 0.69859375 0 0 Z " fill="#F7F8F9" transform="translate(41,53)"/>`
}
})
);
};
FlagTX.displayName = 'FlagTX';
export default FlagTX;