|
1 | 1 | export function ContainerQueriesIcon() {
|
2 | 2 | return (
|
3 |
| - <> |
4 |
| - <svg |
5 |
| - className="dark:hidden" |
6 |
| - width={112} |
7 |
| - height={72} |
8 |
| - viewBox="0 0 112 72" |
9 |
| - fill="none" |
10 |
| - xmlns="http://www.w3.org/2000/svg" |
11 |
| - > |
12 |
| - <g clipPath="url(#clip0_408_5756)"> |
13 |
| - <path |
14 |
| - d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z" |
15 |
| - fill="white" |
16 |
| - /> |
17 |
| - <path |
18 |
| - d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35" |
19 |
| - stroke="#030712" |
20 |
| - /> |
21 |
| - <rect |
22 |
| - width={47} |
23 |
| - height={47} |
24 |
| - rx={3} |
25 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
26 |
| - stroke="#030712" |
27 |
| - strokeOpacity="0.3" |
28 |
| - strokeDasharray="3 3" |
29 |
| - /> |
30 |
| - <rect |
31 |
| - width={31} |
32 |
| - height={31} |
33 |
| - rx={3} |
34 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
35 |
| - stroke="#030712" |
36 |
| - strokeOpacity="0.3" |
37 |
| - strokeDasharray="3 3" |
38 |
| - /> |
39 |
| - <rect |
40 |
| - width={15} |
41 |
| - height={15} |
42 |
| - rx={3} |
43 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
44 |
| - stroke="#030712" |
45 |
| - strokeOpacity="0.3" |
46 |
| - strokeDasharray="3 3" |
47 |
| - /> |
48 |
| - </g> |
49 |
| - <defs> |
50 |
| - <clipPath id="clip0_408_5756"> |
51 |
| - <rect width={112} height={72} fill="white" /> |
52 |
| - </clipPath> |
53 |
| - </defs> |
54 |
| - </svg> |
55 |
| - |
56 |
| - <svg |
57 |
| - className="hidden dark:block" |
58 |
| - width={112} |
59 |
| - height={72} |
60 |
| - viewBox="0 0 112 72" |
61 |
| - fill="none" |
62 |
| - xmlns="http://www.w3.org/2000/svg" |
63 |
| - > |
64 |
| - <g clipPath="url(#clip0_408_6092)"> |
65 |
| - <path |
66 |
| - d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z" |
67 |
| - fill="#030712" |
68 |
| - /> |
69 |
| - <path |
70 |
| - d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35" |
71 |
| - stroke="white" |
72 |
| - /> |
73 |
| - <rect |
74 |
| - width={47} |
75 |
| - height={47} |
76 |
| - rx={3} |
77 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
78 |
| - stroke="white" |
79 |
| - strokeOpacity="0.5" |
80 |
| - strokeDasharray="3 3" |
81 |
| - /> |
82 |
| - <rect |
83 |
| - width={31} |
84 |
| - height={31} |
85 |
| - rx={3} |
86 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
87 |
| - stroke="white" |
88 |
| - strokeOpacity="0.5" |
89 |
| - strokeDasharray="3 3" |
90 |
| - /> |
91 |
| - <rect |
92 |
| - width={15} |
93 |
| - height={15} |
94 |
| - rx={3} |
95 |
| - transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
96 |
| - stroke="white" |
97 |
| - strokeOpacity="0.5" |
98 |
| - strokeDasharray="3 3" |
99 |
| - /> |
100 |
| - </g> |
101 |
| - <defs> |
102 |
| - <clipPath id="clip0_408_6092"> |
103 |
| - <rect width={112} height={72} fill="white" /> |
104 |
| - </clipPath> |
105 |
| - </defs> |
106 |
| - </svg> |
107 |
| - </> |
| 3 | + <svg |
| 4 | + className="text-gray-950 [--site-background:var(--color-white)] dark:text-white dark:[--site-background:var(--color-gray-950)]" |
| 5 | + width={112} |
| 6 | + height={72} |
| 7 | + viewBox="0 0 112 72" |
| 8 | + fill="none" |
| 9 | + xmlns="http://www.w3.org/2000/svg" |
| 10 | + > |
| 11 | + <g clipPath="url(#clip0_408_5756)"> |
| 12 | + <path |
| 13 | + d="M52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35L2.52344 38C2.52344 38.5429 2.88215 39.0858 3.59958 39.5L52.963 68C54.3979 68.8284 56.7243 68.8284 58.1592 68L107.523 39.5C108.24 39.0858 108.599 38.5429 108.599 38V34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998Z" |
| 14 | + fill="var(--site-background)" |
| 15 | + /> |
| 16 | + <path |
| 17 | + d="M108.599 34.9952C108.597 34.4539 108.238 33.913 107.523 33.5L58.1592 4.99998C56.7243 4.17156 54.3979 4.17156 52.9631 4.99998L3.59961 33.5C2.88216 33.9142 2.52344 34.4571 2.52345 35M108.599 34.9952C108.601 35.5397 108.242 36.0845 107.523 36.5L58.1592 65C56.7243 65.8284 54.3979 65.8284 52.9631 65L3.59961 36.5C2.88218 36.0858 2.52346 35.5429 2.52345 35M108.599 34.9952V38C108.599 38.5429 108.24 39.0858 107.523 39.5L58.1592 68C56.7243 68.8284 54.3979 68.8284 52.963 68L3.59958 39.5C2.88215 39.0858 2.52344 38.5429 2.52344 38L2.52345 35" |
| 18 | + stroke="currentColor" |
| 19 | + /> |
| 20 | + <rect |
| 21 | + width={47} |
| 22 | + height={47} |
| 23 | + rx={3} |
| 24 | + transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
| 25 | + stroke="currentColor" |
| 26 | + strokeOpacity="0.3" |
| 27 | + strokeDasharray="3 3" |
| 28 | + /> |
| 29 | + <rect |
| 30 | + width={31} |
| 31 | + height={31} |
| 32 | + rx={3} |
| 33 | + transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
| 34 | + stroke="currentColor" |
| 35 | + strokeOpacity="0.3" |
| 36 | + strokeDasharray="3 3" |
| 37 | + /> |
| 38 | + <rect |
| 39 | + width={15} |
| 40 | + height={15} |
| 41 | + rx={3} |
| 42 | + transform="matrix(0.866025 -0.5 0.866025 0.5 1 35)" |
| 43 | + stroke="currentColor" |
| 44 | + strokeOpacity="0.3" |
| 45 | + strokeDasharray="3 3" |
| 46 | + /> |
| 47 | + </g> |
| 48 | + <defs> |
| 49 | + <clipPath id="clip0_408_5756"> |
| 50 | + <rect width={112} height={72} fill="var(--site-background)" /> |
| 51 | + </clipPath> |
| 52 | + </defs> |
| 53 | + </svg> |
108 | 54 | );
|
109 | 55 | }
|
0 commit comments