react-native-svg-flagkit-typescript
Version:
SVG flag for react-native
41 lines (38 loc) • 2.18 kB
JavaScript
import React from 'react'
import Svg, {
Defs,
LinearGradient,
Stop,
G,
Path,
Circle,
} from 'react-native-svg'
const SvgCy = props => (
<Svg viewBox="0 0 21 15" width={21} height={15} {...props}>
<Defs>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="CY_svg__a">
<Stop stopColor="#FFF" offset="0%" />
<Stop stopColor="#F0F0F0" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="CY_svg__b">
<Stop stopColor="#E7832C" offset="0%" />
<Stop stopColor="#D7751F" offset="100%" />
</LinearGradient>
</Defs>
<G fill="none" fillRule="evenodd">
<Path fill="url(#CY_svg__a)" d="M0 0h21v15H0z" />
<Path
d="M15.547 2.227c.25-.126.33-.043.18.183l-.454.68c-.15.226-.457.533-.683.683l-.68.454c-.226.15-.568.431-.763.626l.206-.206a.496.496 0 0 0-.003.703l.3.3a.494.494 0 0 1 0 .7l-.3.3a.729.729 0 0 1-.803.123l-.094-.046a.5.5 0 0 0-.68.226l-.046.094c-.126.25-.436.523-.702.611l-.55.184A3.743 3.743 0 0 1 9.5 8a.876.876 0 0 0-.727.453l-.046.094a.502.502 0 0 1-.67.231l-1.113-.556a3.651 3.651 0 0 1-.794-.572l-.3-.3c-.193-.193-.35-.582-.35-.85 0-.276.227-.5.5-.5h-.5c.276 0 .656-.156.85-.35l.3-.3c.193-.193.582-.35.85-.35.276 0 .57-.209.658-.475l.184-.55a.574.574 0 0 1 .64-.379l1.536.308c.266.053.696.042.966-.025l1.032-.258a5.4 5.4 0 0 0 .937-.348l.094-.046.906-.454.094-.046.906-.454.094-.046z"
fill="url(#CY_svg__b)"
/>
<Circle fill="#445128" cx={10.5} cy={11.5} r={1} />
<Path
d="M12.158 11.474a.5.5 0 1 1-.316-.948 4.528 4.528 0 0 0 .96-.482c.354-.236.615-.497.75-.768a.5.5 0 1 1 .895.448c-.224.449-.603.828-1.09 1.152a5.512 5.512 0 0 1-1.199.598zm-3-.948a.5.5 0 1 1-.316.948 5.512 5.512 0 0 1-1.2-.598c-.486-.324-.865-.703-1.09-1.152a.5.5 0 0 1 .895-.448c.136.271.397.532.75.768a4.528 4.528 0 0 0 .961.482z"
fill="#445128"
fillRule="nonzero"
opacity={0.75}
/>
</G>
</Svg>
)
export default SvgCy