react-native-svg-flagkit-typescript
Version:
SVG flag for react-native
110 lines (107 loc) • 3.6 kB
JavaScript
import React from 'react'
import Svg, {
Defs,
LinearGradient,
Stop,
Path,
G,
Mask,
Use,
Circle,
} from 'react-native-svg'
const SvgGbNir = props => (
<Svg viewBox="0 0 21 15" width={21} height={15} {...props}>
<Defs>
<LinearGradient
x1="50%"
y1="0%"
x2="50%"
y2="100%"
id="GB-NIR_svg__a"
>
<Stop stopColor="#FFF" offset="0%" />
<Stop stopColor="#F0F0F0" offset="100%" />
</LinearGradient>
<LinearGradient
x1="50%"
y1="0%"
x2="50%"
y2="100%"
id="GB-NIR_svg__b"
>
<Stop stopColor="#E82739" offset="0%" />
<Stop stopColor="#CA1A2B" offset="100%" />
</LinearGradient>
<LinearGradient
x1="50%"
y1="0%"
x2="50%"
y2="100%"
id="GB-NIR_svg__c"
>
<Stop stopColor="#E6101E" offset="0%" />
<Stop stopColor="#CA0814" offset="100%" />
</LinearGradient>
<LinearGradient
x1="50%"
y1="0%"
x2="50%"
y2="100%"
id="GB-NIR_svg__e"
>
<Stop stopColor="#FFD148" offset="0%" />
<Stop stopColor="#FFCB2F" offset="100%" />
</LinearGradient>
<Path
d="M9 3.75L10 4l.5-.5.5.5 1-.25-.404 1.009a.4.4 0 0 1-.341.241h-1.51a.39.39 0 0 1-.341-.241L9 3.75zM10.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1z"
id="GB-NIR_svg__d"
/>
</Defs>
<G fill="none" fillRule="evenodd">
<Path fill="url(#GB-NIR_svg__a)" d="M0 0h21v15H0z" />
<Path
d="M9 6H0v3h9v6h3V9h9V6h-9V0H9v6z"
fill="url(#GB-NIR_svg__b)"
/>
<Path
fill="url(#GB-NIR_svg__a)"
d="M11.516 9.26L10.5 11 9.484 9.26l-2.015-.01.998-1.75-.998-1.75 2.015-.01L10.5 4l1.016 1.74 2.015.01-.998 1.75.998 1.75z"
/>
<Path
d="M9.55 7.006a.656.656 0 0 1 .425-.664l.55-.184c.263-.087.475.063.475.35V7.5s.321-1.037.5-.5c.179.537-.128 1.526-.128 1.526a.671.671 0 0 1-.63.474h-.484c-.28 0-.531-.23-.559-.506l-.148-1.488z"
fill="url(#GB-NIR_svg__c)"
/>
<Path
d="M10.5 2.908c-.511 0-.967.304-1.168.763l-.1.229.457.201.1-.229a.775.775 0 0 1 1.418-.005l.102.228.456-.205-.102-.228a1.275 1.275 0 0 0-1.164-.754z"
fill="url(#GB-NIR_svg__a)"
fillRule="nonzero"
/>
<Mask id="GB-NIR_svg__f" fill="#fff">
<Use xlinkHref="#GB-NIR_svg__d" />
</Mask>
<Use fill="url(#GB-NIR_svg__e)" xlinkHref="#GB-NIR_svg__d" />
<Circle
fill="#5169E2"
mask="url(#GB-NIR_svg__f)"
cx={10.5}
cy={4.5}
r={1}
/>
<Circle
fill="#D34D43"
mask="url(#GB-NIR_svg__f)"
cx={11.5}
cy={4.5}
r={1}
/>
<Circle
fill="#D34D43"
mask="url(#GB-NIR_svg__f)"
cx={9.5}
cy={4.5}
r={1}
/>
</G>
</Svg>
)
export default SvgGbNir