Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1082x 1x 1x 1x | import { SVGProps } from 'react';
/**
* StarIcon - Star rating icon
*
* @example
* ```tsx
* // Filled star (yellow)
* <StarIcon className="fill-yellow-400" />
*
* // Outline star
* <StarIcon className="fill-gray-300" />
*
* // Custom size
* <StarIcon width={20} height={20} />
* ```
*/
const StarIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M6.10227 3.60558C6.94671 2.09075 7.36892 1.33333 8.00016 1.33333C8.6314 1.33333 9.05362 2.09074 9.89805 3.60558L10.1165 3.99748C10.3565 4.42795 10.4765 4.64319 10.6635 4.7852C10.8506 4.92721 11.0836 4.97993 11.5496 5.08536L11.9738 5.18135C13.6136 5.55237 14.4335 5.73787 14.6285 6.36515C14.8236 6.99242 14.2647 7.64604 13.1468 8.95328L12.8576 9.29148C12.5399 9.66295 12.381 9.84869 12.3096 10.0785C12.2381 10.3083 12.2621 10.5561 12.3102 11.0517L12.3539 11.5029C12.5229 13.2471 12.6074 14.1191 12.0967 14.5068C11.586 14.8945 10.8184 14.541 9.28305 13.8341L8.88584 13.6512C8.44955 13.4503 8.2314 13.3499 8.00016 13.3499C7.76893 13.3499 7.55078 13.4503 7.11449 13.6512L6.71728 13.8341C5.18195 14.541 4.41428 14.8945 3.9036 14.5068C3.39291 14.1191 3.47742 13.2471 3.64643 11.5029L3.69015 11.0517C3.73818 10.5561 3.76219 10.3083 3.69074 10.0785C3.61928 9.84869 3.46045 9.66295 3.14278 9.29148L2.85356 8.95328C1.73566 7.64604 1.17671 6.99242 1.37178 6.36515C1.56684 5.73787 2.38673 5.55237 4.02652 5.18135L4.45075 5.08536C4.91673 4.97993 5.14972 4.92721 5.33679 4.7852C5.52387 4.64319 5.64385 4.42795 5.88381 3.99748L6.10227 3.60558Z"
fill="currentColor"
/>
</svg>
);
export default StarIcon;
|