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) • 4.1 kB
JavaScript
import React from 'react';
const FlagAK = 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 177',
role: 'img',
'aria-label': 'Alaska 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 58.41 250 116.82 250 177 C167.5 177 85 177 0 177 C0 118.59 0 60.18 0 0 Z " fill="#0F204A" transform="translate(0,0)"/> <path d="M0 0 C2 3 2 3 3 6 C5.31 6.33 7.62 6.66 10 7 C9.154375 7.70125 8.30875 8.4025 7.4375 9.125 C4.60690249 11.79457985 4.60690249 11.79457985 5.1875 15.3125 C5.455625 16.199375 5.72375 17.08625 6 18 C5.113125 17.443125 4.22625 16.88625 3.3125 16.3125 C1.6728125 15.6628125 1.6728125 15.6628125 0 15 C-2.87391821 16.17274994 -2.87391821 16.17274994 -5 18 C-4.67 15.36 -4.34 12.72 -4 10 C-6.475 9.01 -6.475 9.01 -9 8 C-9 7.67 -9 7.34 -9 7 C-6.69 7 -4.38 7 -2 7 C-1.34 4.69 -0.68 2.38 0 0 Z " fill="#ECAA16" transform="translate(204,23)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 0.99 2 1.98 2 3 C3.32 3 4.64 3 6 3 C6 3.66 6 4.32 6 5 C5.34 5.66 4.68 6.32 4 7 C3.67 7.99 3.34 8.98 3 10 C-1 10 -1 10 -3 9 C-2.67 7.68 -2.34 6.36 -2 5 C-2.99 4.67 -3.98 4.34 -5 4 C-5 3.67 -5 3.34 -5 3 C-3.35 3 -1.7 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#CF981D" transform="translate(69,76)"/> <path d="M0 0 C0.66 0.66 1.32 1.32 2 2 C3.31747324 2.69748583 4.64914193 3.36959957 6 4 C5 6 4 8 3 10 C2.38125 9.814375 1.7625 9.62875 1.125 9.4375 C-1.04160178 8.76313824 -1.04160178 8.76313824 -3 10 C-2.67 8.35 -2.34 6.7 -2 5 C-2.99 4.67 -3.98 4.34 -5 4 C-4.360625 3.71125 -3.72125 3.4225 -3.0625 3.125 C-0.84793921 2.17176549 -0.84793921 2.17176549 0 0 Z " fill="#DCA01A" transform="translate(143,124)"/> <path d="M0 0 C0.66 0.66 1.32 1.32 2 2 C3.31747324 2.69748583 4.64914193 3.36959957 6 4 C5.01 4.33 4.02 4.66 3 5 C3.33 6.65 3.66 8.3 4 10 C3.21625 9.814375 2.4325 9.62875 1.625 9.4375 C-0.97089775 8.74037734 -0.97089775 8.74037734 -3 10 C-2.67 8.35 -2.34 6.7 -2 5 C-2.99 4.67 -3.98 4.34 -5 4 C-4.360625 3.71125 -3.72125 3.4225 -3.0625 3.125 C-0.84793921 2.17176549 -0.84793921 2.17176549 0 0 Z " fill="#E0A319" transform="translate(84,92)"/> <path d="M0 0 C0.66 0.99 1.32 1.98 2 3 C2.99 3.66 3.98 4.32 5 5 C4.67 6.65 4.34 8.3 4 10 C3.401875 9.814375 2.80375 9.62875 2.1875 9.4375 C-0.16408762 8.77906313 -0.16408762 8.77906313 -3 10 C-3.33 8.02 -3.66 6.04 -4 4 C-3.01 4 -2.02 4 -1 4 C-0.67 2.68 -0.34 1.36 0 0 Z " fill="#E6A617" transform="translate(97,131)"/> <path d="M0 0 C0.66 0.99 1.32 1.98 2 3 C2.99 3.66 3.98 4.32 5 5 C4.67 6.65 4.34 8.3 4 10 C3.401875 9.814375 2.80375 9.62875 2.1875 9.4375 C-0.16408762 8.77906313 -0.16408762 8.77906313 -3 10 C-3.33 8.02 -3.66 6.04 -4 4 C-3.01 4 -2.02 4 -1 4 C-0.67 2.68 -0.34 1.36 0 0 Z " fill="#E2A318" transform="translate(40,65)"/> <path d="M0 0 C0.268125 0.639375 0.53625 1.27875 0.8125 1.9375 C1.88667752 4.33131686 1.88667752 4.33131686 5 5 C4.67 6.65 4.34 8.3 4 10 C3.401875 9.835 2.80375 9.67 2.1875 9.5 C-0.11344336 8.8885876 -0.11344336 8.8885876 -3 9 C-3.33 7.35 -3.66 5.7 -4 4 C-3.01 3.67 -2.02 3.34 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#E8A817" transform="translate(130,142)"/> <path d="M0 0 C0.66 0.99 1.32 1.98 2 3 C2.99 3.66 3.98 4.32 5 5 C4.67 6.65 4.34 8.3 4 10 C3.401875 9.814375 2.80375 9.62875 2.1875 9.4375 C-0.16408762 8.77906313 -0.16408762 8.77906313 -3 10 C-3.33 8.02 -3.66 6.04 -4 4 C-3.01 4 -2.02 4 -1 4 C-0.67 2.68 -0.34 1.36 0 0 Z " fill="#E6A617" transform="translate(99,108)"/>`
}
})
);
};
FlagAK.displayName = 'FlagAK';
export default FlagAK;