Avatar4

1import { Avatar, AvatarFallback } from "@/ui/avatar";
2import { User } from "@mynaui/icons-react";
3 
4export default function IconSizes() {
5  return (
6    <>
7      <Avatar className="size-4">
8        <AvatarFallback>
9          <User className="size-1/2" stroke={2} />
10        </AvatarFallback>
11      </Avatar>
12      <Avatar className="size-6">
13        <AvatarFallback>
14          <User className="size-1/2" stroke={2} />
15        </AvatarFallback>
16      </Avatar>
17      <Avatar className="size-8">
18        <AvatarFallback>
19          <User className="size-1/2" stroke={2} />
20        </AvatarFallback>
21      </Avatar>
22      <Avatar>
23        <AvatarFallback>
24          <User className="size-1/2" stroke={2} />
25        </AvatarFallback>
26      </Avatar>
27      <Avatar className="size-12">
28        <AvatarFallback>
29          <User className="size-1/2" stroke={2} />
30        </AvatarFallback>
31      </Avatar>
32      <Avatar className="size-14">
33        <AvatarFallback>
34          <User className="size-1/2" stroke={2} />
35        </AvatarFallback>
36      </Avatar>
37      <Avatar className="size-16">
38        <AvatarFallback>
39          <User className="size-1/2" stroke={2} />
40        </AvatarFallback>
41      </Avatar>
42    </>
43  );
44}