import React , { FunctionComponent } from "react" ; import Svg , { Path , Circle } from "react-native-svg" ; export const RewardIcon = ( { size , color } ) => { return ( < Svg width = { size } height = { size } fill = "none" viewBox = "0 0 44 44" > < Circle cx = "22" cy = "22" r = "22" fill = { color } / > < Path fill = "#fff" stroke = { color } strokeWidth = "2" d = "M34 24.087c0 .783-.564 1.687-1.903 2.452-1.31.749-3.187 1.243-5.314 1.243-2.128 0-4.005-.494-5.315-1.243-1.338-.765-1.903-1.67-1.903-2.452 0-.783.565-1.687 1.903-2.452 1.31-.749 3.187-1.244 5.315-1.244 2.127 0 4.004.495 5.314 1.244C33.436 22.4 34 23.304 34 24.087z" / > < Path fill = "#fff" stroke = { color } strokeWidth = "2" d = "M34 19.392c0 .782-.564 1.687-1.903 2.451-1.31.75-3.187 1.244-5.314 1.244-2.128 0-4.005-.495-5.315-1.244-1.338-.764-1.903-1.669-1.903-2.451 0-.784.565-1.688 1.903-2.453 1.31-.748 3.187-1.243 5.315-1.243 2.127 0 4.004.495 5.314 1.243 1.339.765 1.903 1.67 1.903 2.453z" / > < Path fill = "#fff" stroke = { color } strokeWidth = "2" d = "M34 14.696c0 .783-.564 1.687-1.903 2.452-1.31.748-3.187 1.243-5.314 1.243-2.128 0-4.005-.495-5.315-1.243-1.338-.765-1.903-1.67-1.903-2.452 0-.783.565-1.688 1.903-2.452 1.31-.75 3.187-1.244 5.315-1.244 2.127 0 4.004.495 5.314 1.244 1.339.764 1.903 1.669 1.903 2.452zM23.435 27.61c0 .782-.565 1.686-1.903 2.451-1.31.749-3.187 1.244-5.315 1.244-2.127 0-4.004-.495-5.314-1.244C9.564 29.296 9 28.392 9 27.61c0-.783.564-1.687 1.903-2.452 1.31-.749 3.187-1.243 5.314-1.243 2.128 0 4.005.494 5.315 1.243 1.338.765 1.903 1.67 1.903 2.452z" / > < Path fill = "#fff" stroke = { color } strokeWidth = "2" d = "M23.435 22.913c0 .783-.565 1.688-1.903 2.453-1.31.748-3.187 1.243-5.315 1.243-2.127 0-4.004-.495-5.314-1.244C9.564 24.602 9 23.697 9 22.913c0-.782.564-1.687 1.903-2.452 1.31-.748 3.187-1.243 5.314-1.243 2.128 0 4.005.495 5.315 1.243 1.338.765 1.903 1.67 1.903 2.452z" / > < /Svg>); } ;