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) • 11.9 kB
JavaScript
import React from 'react';
const FlagRI = 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 120 106',
role: 'img',
'aria-label': 'Rhode Island 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 C39.6 0 79.2 0 120 0 C120 34.98 120 69.96 120 106 C80.4 106 40.8 106 0 106 C0 71.02 0 36.04 0 0 Z " fill="#FEFEFC" transform="translate(0,0)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C4 3 4 3 4 6 C5.98 6 7.96 6 10 6 C10.33 6.66 10.66 7.32 11 8 C6.545 8.495 6.545 8.495 2 9 C2 17.25 2 25.5 2 34 C4.64 33.01 7.28 32.02 10 31 C10.33 29.68 10.66 28.36 11 27 C12.84765625 25.953125 12.84765625 25.953125 15.0625 25.25 C16.16271484 24.88648438 16.16271484 24.88648438 17.28515625 24.515625 C17.85105469 24.34546875 18.41695312 24.1753125 19 24 C18.6875 27.375 18.6875 27.375 18 31 C15 33 15 33 13 33 C10.45346921 34.49065217 7.98759243 36.08859712 5.5078125 37.6875 C3 39 3 39 -1 39 C-3.4375 37.72265625 -3.4375 37.72265625 -6 36.0625 C-9.39674123 33.82178333 -9.39674123 33.82178333 -13.1875 32.49609375 C-15 32 -15 32 -17 29 C-17.125 26.3125 -17.125 26.3125 -17 24 C-16.401875 24.309375 -15.80375 24.61875 -15.1875 24.9375 C-12.91043228 26.10209704 -12.91043228 26.10209704 -10 27 C-10 27.99 -10 28.98 -10 30 C-5.66231898 32.16198167 -5.66231898 32.16198167 -1 33 C-0.67 25.08 -0.34 17.16 0 9 C-2.97 9 -5.94 9 -9 9 C-9 8.01 -9 7.02 -9 6 C-6.69 6 -4.38 6 -2 6 C-1.34 4.02 -0.68 2.04 0 0 Z " fill="#FEC80E" transform="translate(59,26)"/> <path d="M0 0 C0.99 1.32 1.98 2.64 3 4 C2.67 3.01 2.34 2.02 2 1 C2.79664063 1.01160156 3.59328125 1.02320312 4.4140625 1.03515625 C12.25478989 1.11851557 12.25478989 1.11851557 20 0 C20 1.32 20 2.64 20 4 C22.31 3.34 24.62 2.68 27 2 C27 2.99 27 3.98 27 5 C28.32 5.33 29.64 5.66 31 6 C25.65196824 8.67401588 21.98235897 9.41257648 16 9 C15.67 8.67 15.34 8.34 15 8 C12.73671744 7.9278635 10.48995407 8.00351911 8.2265625 8.0625 C6 8 6 8 3 7 C3 7.66 3 8.32 3 9 C-2.67276511 9.29341888 -5.99067246 9.00559652 -11 6 C-8.875 3.875 -8.875 3.875 -6 2 C-2.6875 2.75 -2.6875 2.75 0 4 C0 2.68 0 1.36 0 0 Z " fill="#294E73" transform="translate(50,68)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C4 3 4 3 4 6 C5.98 6 7.96 6 10 6 C10.33 6.66 10.66 7.32 11 8 C3.95678017 9.59295252 -1.85650045 10.1710655 -9 9 C-9 8.01 -9 7.02 -9 6 C-6.69 6 -4.38 6 -2 6 C-1.34 4.02 -0.68 2.04 0 0 Z " fill="#FED138" transform="translate(59,26)"/> <path d="M0 0 C0.99 1.32 1.98 2.64 3 4 C2.67 3.01 2.34 2.02 2 1 C3.65 1.33 5.3 1.66 7 2 C6.67 3.65 6.34 5.3 6 7 C5.01 7 4.02 7 3 7 C3 7.66 3 8.32 3 9 C-2.67276511 9.29341888 -5.99067246 9.00559652 -11 6 C-8.875 3.875 -8.875 3.875 -6 2 C-2.6875 2.75 -2.6875 2.75 0 4 C0 2.68 0 1.36 0 0 Z " fill="#0F3E79" transform="translate(50,68)"/> <path d="M0 0 C-0.3125 3.375 -0.3125 3.375 -1 7 C-4 9 -4 9 -6 9 C-7.1446875 9.7734375 -7.1446875 9.7734375 -8.3125 10.5625 C-11 12 -11 12 -13.8125 11.6875 C-14.534375 11.460625 -15.25625 11.23375 -16 11 C-13 9 -13 9 -10.3125 7.5625 C-9.549375 7.046875 -8.78625 6.53125 -8 6 C-8 5.01 -8 4.02 -8 3 C-1.125 0 -1.125 0 0 0 Z " fill="#FECF2F" transform="translate(78,50)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 1.65 2 3.3 2 5 C3.32 5.33 4.64 5.66 6 6 C5.01 6.33 4.02 6.66 3 7 C3 8.65 3 10.3 3 12 C2.236875 11.649375 1.47375 11.29875 0.6875 10.9375 C-2.04759379 9.67639116 -2.04759379 9.67639116 -5 11 C-4.79375 10.236875 -4.5875 9.47375 -4.375 8.6875 C-3.66608797 5.78114056 -3.66608797 5.78114056 -6 3 C-5.195625 2.87625 -4.39125 2.7525 -3.5625 2.625 C-2.716875 2.41875 -1.87125 2.2125 -1 2 C-0.67 1.34 -0.34 0.68 0 0 Z " fill="#FECC22" transform="translate(97,42)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 1.32 2 2.64 2 4 C3.65 4 5.3 4 7 4 C6.690625 4.763125 6.38125 5.52625 6.0625 6.3125 C5.32106407 8.18789677 4.63771783 10.08684652 4 12 C3.21625 11.814375 2.4325 11.62875 1.625 11.4375 C-0.97089775 10.74037734 -0.97089775 10.74037734 -3 12 C-2.95875 11.236875 -2.9175 10.47375 -2.875 9.6875 C-2.77919176 6.77281584 -2.77919176 6.77281584 -5 4 C-3.35 4 -1.7 4 0 4 C0 2.68 0 1.36 0 0 Z " fill="#FECC20" transform="translate(59,9)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 1.65 2 3.3 2 5 C2.99 5.33 3.98 5.66 5 6 C4.0409375 6.37125 4.0409375 6.37125 3.0625 6.75 C0.81258459 7.81562433 0.81258459 7.81562433 0.25 10.125 C0.1675 10.74375 0.085 11.3625 0 12 C-0.66 11.34 -1.32 10.68 -2 10 C-3.31747324 9.30251417 -4.64914193 8.63040043 -6 8 C-5.67 7.01 -5.34 6.02 -5 5 C-5.33 4.01 -5.66 3.02 -6 2 C-4.35 2 -2.7 2 -1 2 C-0.67 1.34 -0.34 0.68 0 0 Z " fill="#FECC21" transform="translate(70,83)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2.33 0.66 2.66 1.32 3 2 C5.52733235 2.65555119 5.52733235 2.65555119 8 3 C7.67 3.78375 7.34 4.5675 7 5.375 C5.88133489 7.84332497 5.88133489 7.84332497 6 10 C5.21625 10.144375 4.4325 10.28875 3.625 10.4375 C1.03578982 10.87798925 1.03578982 10.87798925 -1 12 C-1 10.35 -1 8.7 -1 7 C-1.99 6.67 -2.98 6.34 -4 6 C-2.68 5.67 -1.36 5.34 0 5 C0 3.35 0 1.7 0 0 Z " fill="#FECB1D" transform="translate(21,42)"/> <path d="M0 0 C0.598125 0.185625 1.19625 0.37125 1.8125 0.5625 C4.16408762 1.22093687 4.16408762 1.22093687 7 0 C7 1.32 7 2.64 7 4 C8.32 4.66 9.64 5.32 11 6 C9.35 6.33 7.7 6.66 6 7 C6 7.99 6 8.98 6 10 C5.34 10 4.68 10 4 10 C4 9.34 4 8.68 4 8 C2.02 8 0.04 8 -2 8 C-1.34 7.01 -0.68 6.02 0 5 C0.16713569 2.37468476 0.16713569 2.37468476 0 0 Z " fill="#FECC1F" transform="translate(73,15)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2.33 0.66 2.66 1.32 3 2 C4.65 2 6.3 2 8 2 C7.814375 2.598125 7.62875 3.19625 7.4375 3.8125 C6.77906313 6.16408762 6.77906313 6.16408762 8 9 C6.35 9 4.7 9 3 9 C2.67 9.99 2.34 10.98 2 12 C1.67 12 1.34 12 1 12 C1 10.35 1 8.7 1 7 C-0.65 7 -2.3 7 -4 7 C-2.68 6.34 -1.36 5.68 0 5 C0 3.35 0 1.7 0 0 Z " fill="#FECB1D" transform="translate(48,83)"/> <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C2 1.99 2 2.98 2 4 C3.65 4 5.3 4 7 4 C5.02 4.99 5.02 4.99 3 6 C3.33 7.98 3.66 9.96 4 12 C3.01 11.34 2.02 10.68 1 10 C-1.64632287 10.3121764 -1.64632287 10.3121764 -4 11 C-3.979375 10.05125 -3.95875 9.1025 -3.9375 8.125 C-3.77448174 5.09333717 -3.77448174 5.09333717 -5 3 C-4.360625 2.87625 -3.72125 2.7525 -3.0625 2.625 C-2.0415625 2.315625 -2.0415625 2.315625 -1 2 C-0.67 1.34 -0.34 0.68 0 0 Z " fill="#FECA19" transform="translate(35,75)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C2 0.66 2 1.32 2 2 C3.65 1.34 5.3 0.68 7 0 C6.95875 0.763125 6.9175 1.52625 6.875 2.3125 C6.77919176 5.22718416 6.77919176 5.22718416 9 8 C7.8553125 7.9071875 7.8553125 7.9071875 6.6875 7.8125 C3.95474688 7.74101915 3.95474688 7.74101915 2.1875 9.5 C1.795625 9.995 1.40375 10.49 1 11 C1 9.68 1 8.36 1 7 C-0.65 6.67 -2.3 6.34 -4 6 C-2.68 5.34 -1.36 4.68 0 4 C0 2.68 0 1.36 0 0 Z " fill="#FECB1A" transform="translate(40,15)"/> <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.625 6.4375 5.625 6.4375 5 9 C2.99332033 10.00333983 1.16739976 10.45815006 -1 11 C-1.99 11.495 -1.99 11.495 -3 12 C-2.67 10.02 -2.34 8.04 -2 6 C-3.32 5.34 -4.64 4.68 -6 4 C-4.35 4 -2.7 4 -1 4 C-0.67 2.68 -0.34 1.36 0 0 Z " fill="#FECA17" transform="translate(84,75)"/> <path d="M0 0 C0.763125 0.350625 1.52625 0.70125 2.3125 1.0625 C5.04759379 2.32360884 5.04759379 2.32360884 8 1 C7.979375 1.78375 7.95875 2.5675 7.9375 3.375 C7.81315937 5.98114961 7.81315937 5.98114961 9 8 C7.68 8 6.36 8 5 8 C4.34 9.32 3.68 10.64 3 12 C2.67 11.01 2.34 10.02 2 9 C-0.00016466 7.79117904 -0.00016466 7.79117904 -2 7 C-1.67 6.401875 -1.34 5.80375 -1 5.1875 C0.20787988 2.94613529 0.20787988 2.94613529 0 0 Z " fill="#FEC914" transform="translate(91,60)"/> <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C1.6599679 4.66933058 2.32558869 6.3364521 3 8 C2.38125 8.103125 1.7625 8.20625 1.125 8.3125 C-1.36526484 8.87525373 -1.36526484 8.87525373 -3 12 C-3.33 10.68 -3.66 9.36 -4 8 C-5.32 7.67 -6.64 7.34 -8 7 C-7.835 6.38125 -7.67 5.7625 -7.5 5.125 C-6.92365356 3.03936614 -6.92365356 3.03936614 -7 1 C-5.824375 1.309375 -5.824375 1.309375 -4.625 1.625 C-3.75875 1.74875 -2.8925 1.8725 -2 2 C-1.34 1.34 -0.68 0.68 0 0 Z " fill="#FEC914" transform="translate(28,60)"/> <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C2 1.66 2 2.32 2 3 C3.65 2.67 5.3 2.34 7 2 C6.67 4.31 6.34 6.62 6 9 C4.68 9 3.36 9 2 9 C0.2488427 10.4166747 0.2488427 10.4166747 -1 12 C-1 10.35 -1 8.7 -1 7 C-2.32 6.34 -3.64 5.68 -5 5 C-3.35 4.67 -1.7 4.34 0 4 C0 2.68 0 1.36 0 0 Z " fill="#FECA19" transform="translate(89,26)"/> <path d="M0 0 C0.33 1.32 0.66 2.64 1 4 C2.65 4.33 4.3 4.66 6 5 C5.01 5.66 4.02 6.32 3 7 C2.27034634 9.56282742 2.27034634 9.56282742 2 12 C1.34 11.67 0.68 11.34 0 11 C0 10.34 0 9.68 0 9 C-1.65 9 -3.3 9 -5 9 C-4.979375 8.21625 -4.95875 7.4325 -4.9375 6.625 C-4.81315937 4.01885039 -4.81315937 4.01885039 -6 2 C-3.525 2.495 -3.525 2.495 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z " fill="#FECA19" transform="translate(30,26)"/> <path d="M0 0 C0.598125 0.309375 1.19625 0.61875 1.8125 0.9375 C4.08956772 2.10209704 4.08956772 2.10209704 7 3 C7 3.99 7 4.98 7 6 C10.465 7.485 10.465 7.485 14 9 C13.01 9.66 12.02 10.32 11 11 C8.5625 10.1875 8.5625 10.1875 6 9 C5.278125 8.855625 4.55625 8.71125 3.8125 8.5625 C2 8 2 8 0 5 C-0.125 2.3125 -0.125 2.3125 0 0 Z " fill="#FECF2F" transform="translate(42,50)"/> <path d="M0 0 C1.134375 0.020625 2.26875 0.04125 3.4375 0.0625 C3.1075 1.7125 2.7775 3.3625 2.4375 5.0625 C3.0975 5.3925 3.7575 5.7225 4.4375 6.0625 C1.4675 6.0625 -1.5025 6.0625 -4.5625 6.0625 C-4.605221 4.39638095 -4.60313832 2.72867115 -4.5625 1.0625 C-3.5625 0.0625 -3.5625 0.0625 0 0 Z " fill="#69755E" transform="translate(60.5625,69.9375)"/> <path d="M0 0 C0 0.99 0 1.98 0 3 C1.32 3.33 2.64 3.66 4 4 C-0.96993194 6.43425238 -4.34605369 7.34615998 -10 7 C-8.68 6.34 -7.36 5.68 -6 5 C-6 4.01 -6 3.02 -6 2 C-2.25 0 -2.25 0 0 0 Z " fill="#0D3C78" transform="translate(77,70)"/> <path d="M0 0 C0.99 1.32 1.98 2.64 3 4 C2.67 3.01 2.34 2.02 2 1 C3.65 1.33 5.3 1.66 7 2 C6.67 3.65 6.34 5.3 6 7 C1.25 8.125 1.25 8.125 -1 7 C-0.67 4.69 -0.34 2.38 0 0 Z " fill="#2E5171" transform="translate(50,68)"/> <path d="M0 0 C-0.25561323 2.3431213 -0.59270772 4.67843403 -1 7 C-1.99 7.495 -1.99 7.495 -3 8 C-3 7.34 -3 6.68 -3 6 C-3.66 6 -4.32 6 -5 6 C-5 5.34 -5 4.68 -5 4 C-5.99 3.67 -6.98 3.34 -8 3 C-1.125 0 -1.125 0 0 0 Z " fill="#FECC20" transform="translate(78,50)"/> <path d="M0 0 C1.9375 0.75 1.9375 0.75 4 2 C4.75 4.125 4.75 4.125 5 6 C4.01 6.33 3.02 6.66 2 7 C0 5 0 5 -0.125 2.375 C-0.08375 1.59125 -0.0425 0.8075 0 0 Z " fill="#FECA15" transform="translate(42,50)"/> <path d="M0 0 C2.31 0 4.62 0 7 0 C7.33 0.99 7.66 1.98 8 3 C5.36 3 2.72 3 0 3 C0 2.01 0 1.02 0 0 Z " fill="#FECC1F" transform="translate(50,32)"/> <path d="M0 0 C0.66 0 1.32 0 2 0 C3.0625 1.875 3.0625 1.875 4 4 C3.67 4.66 3.34 5.32 3 6 C1.68 6 0.36 6 -1 6 C-0.67 4.02 -0.34 2.04 0 0 Z " fill="#FEDE71" transform="translate(59,26)"/> <path d="M0 0 C1.32 0.33 2.64 0.66 4 1 C3.67 2.32 3.34 3.64 3 5 C2.01 5 1.02 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#9C8F36" transform="translate(56,71)"/> <path d="M0 0 C-0.33 1.65 -0.66 3.3 -1 5 C-1.99 5 -2.98 5 -4 5 C-4 3.68 -4 2.36 -4 1 C-4.66 0.67 -5.32 0.34 -6 0 C-2.25 -1.125 -2.25 -1.125 0 0 Z " fill="#AF9F46" transform="translate(70,69)"/> <path d="M0 0 C2.625 -0.1875 2.625 -0.1875 5 0 C5.33 0.66 5.66 1.32 6 2 C3.36 2.33 0.72 2.66 -2 3 C-1.34 2.01 -0.68 1.02 0 0 Z " fill="#FEC606" transform="translate(64,32)"/>`
}
})
);
};
FlagRI.displayName = 'FlagRI';
export default FlagRI;