Skip to content

Instantly share code, notes, and snippets.

@reime005

reime005/rn-animated-star-rating-9.jsx Secret

Created January 13, 2021 00:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save reime005/333b6e26f93dda3b9645b98bf23f8ddf to your computer and use it in GitHub Desktop.
Save reime005/333b6e26f93dda3b9645b98bf23f8ddf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rn-animated-star-rating-9.jsx
import Svg, { Defs, LinearGradient, Path, Stop } from 'react-native-svg';
<Svg {...props}>
<Defs>
<LinearGradient id="grad" x1="0" y1="0" x2="1" y2="0">
<Stop offset={props.offset} stopColor="yellow" stopOpacity="1" />
<Stop offset={props.offset} stopColor="grey" stopOpacity="1" />
</LinearGradient>
</Defs>
<Path
fill="url(#grad)"
d="M479.471 9.49859C485.19 -2.89935 502.81 -2.89931 508.529 9.49863L642.603 300.17C644.933 305.223 649.722 308.702 655.248 309.357L973.124 347.047C986.682 348.654 992.127 365.412 982.103 374.682L747.089 592.016C743.004 595.794 741.175 601.424 742.259 606.882L804.644 920.846C807.305 934.238 793.049 944.595 781.135 937.926L501.815 781.574C496.959 778.857 491.041 778.857 486.185 781.574L206.865 937.926C194.951 944.595 180.695 934.238 183.356 920.846L245.741 606.882C246.825 601.424 244.996 595.794 240.911 592.016L5.89677 374.682C-4.12723 365.412 1.31786 348.654 14.8762 347.047L332.752 309.357C338.278 308.702 343.067 305.223 345.397 300.17L479.471 9.49859Z"
/>
</Svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment