index.tsx 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. import type {
  2. INCoreUIKitIconProps
  3. } from "../../../types";
  4. import {
  5. Path,
  6. Svg
  7. } from "react-native-svg";
  8. const EnUsIcon = ({
  9. size = 32,
  10. style,
  11. ...props
  12. }: INCoreUIKitIconProps) => {
  13. const pathScale = 32 / size;
  14. return <Svg
  15. style={[
  16. style,
  17. {
  18. borderRadius: size / 2,
  19. overflow: "hidden"
  20. }
  21. ]}
  22. height={size}
  23. width={size}
  24. {...props}
  25. >
  26. <Path
  27. d="M16 0h16v4l-2 2 2 2v4l-2 2 2 2v4l-2 2 2 2v4l-16 2-16-2v-4l2-2-2-2v-4L16 0Z"
  28. transform={[
  29. {
  30. scale: 1 / pathScale
  31. }
  32. ]}
  33. fill="#EEE"
  34. />
  35. <Path
  36. d="M14 4h18v4H14V4Zm0 8h18v4H16l-2-4ZM0 20h32v4H0v-4Zm0 8h32v4H0v-4Z"
  37. transform={[
  38. {
  39. scale: 1 / pathScale
  40. }
  41. ]}
  42. fill="#D80027"
  43. />
  44. <Path
  45. transform={[
  46. {
  47. scale: 1 / pathScale
  48. }
  49. ]}
  50. d="M0 0h16v16H0V0Z"
  51. fill="#0052B4"
  52. />
  53. <Path
  54. d="m11.688 15.188 3.562-2.563h-4.375l3.563 2.563L13.062 11l-1.374 4.188Zm-5.063 0 3.563-2.563H5.811l3.563 2.563L8 11l-1.375 4.188Zm-5.063 0 3.563-2.563H.75l3.563 2.563L2.938 11l-1.376 4.188Zm10.126-5.063 3.562-2.563h-4.375l3.563 2.563-1.376-4.188-1.374 4.188Zm-5.063 0 3.563-2.563H5.811l3.563 2.563L8 5.937l-1.375 4.188Zm-5.063 0 3.563-2.563H.75l3.563 2.563-1.375-4.188-1.376 4.188ZM11.688 5l3.562-2.563h-4.375L14.438 5 13.062.812 11.688 5ZM6.625 5l3.563-2.563H5.811L9.376 5 8 .812 6.625 5ZM1.562 5l3.563-2.563H.75L4.313 5 2.938.812 1.562 5Z"
  55. transform={[
  56. {
  57. scale: 1 / pathScale
  58. }
  59. ]}
  60. fill="#EEE"
  61. />
  62. </Svg>;
  63. };
  64. export default EnUsIcon;