All files / packages/ui/src/icons Avatar.tsx

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
 
 
 
3x
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import Svg, { Circle, G, Mask, Path } from "react-native-svg";
 
import { IconProps } from "@repo/types/icons";
 
export const AvatarIcon = ({ width = 60, height = 60 }: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 65 65" fill="none">
    <Mask
      id="mask0_1891_20999"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="65"
      height="65"
    >
      <Circle cx="32.5" cy="32.5" r="32.5" fill="#C4C4C4" />
    </Mask>
    <G mask="url(#mask0_1891_20999)">
      <Circle
        cx="32.5"
        cy="32.5"
        r="31"
        fill="#D9D9D9"
        stroke="white"
        stroke-width="3"
      />
      <Path
        d="M32.3583 33.9629C32.227 33.9441 32.0583 33.9441 31.9083 33.9629C28.6083 33.8504 25.9833 31.1504 25.9833 27.8316C25.9833 24.4379 28.7208 21.6816 32.1333 21.6816C35.527 21.6816 38.2833 24.4379 38.2833 27.8316C38.2645 31.1504 35.6583 33.8504 32.3583 33.9629Z"
        stroke="#A1A1A1"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M44.7708 46.3373C41.4333 49.3936 37.0083 51.2498 32.1333 51.2498C27.2583 51.2498 22.8333 49.3936 19.4958 46.3373C19.6833 44.5748 20.8083 42.8498 22.8146 41.4998C27.9521 38.0873 36.3521 38.0873 41.4521 41.4998C43.4583 42.8498 44.5833 44.5748 44.7708 46.3373Z"
        stroke="#A1A1A1"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M32.1333 51.25C42.4886 51.25 50.8833 42.8553 50.8833 32.5C50.8833 22.1447 42.4886 13.75 32.1333 13.75C21.778 13.75 13.3833 22.1447 13.3833 32.5C13.3833 42.8553 21.778 51.25 32.1333 51.25Z"
        stroke="#A1A1A1"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </G>
  </Svg>
);