Skip to content

Commit 4601042

Browse files
steven-teysteven-tey
authored
Merge pull request dubinc#2404 from dubinc/dub-co-icons
Add icons to `@dub/ui`
2 parents cd962f5 + 3455590 commit 4601042

6 files changed

Lines changed: 198 additions & 1 deletion

File tree

‎packages/ui/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@dub/ui",
33
"description": "UI components for Dub",
4-
"version": "0.2.47",
4+
"version": "0.2.48",
55
"sideEffects": false,
66
"main": "./dist/index.js",
77
"module": "./dist/index.mjs",

‎packages/ui/src/icons/nucleo/brackets-curly.tsx‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { SVGProps } from "react";
2+
3+
export function BracketsCurly(props: SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
height="18"
7+
width="18"
8+
viewBox="0 0 18 18"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<g fill="currentColor">
13+
<path
14+
d="M6.25,15.25h-1c-1.105,0-2-.895-2-2v-2.625c0-.897-.728-1.625-1.625-1.625,.897,0,1.625-.728,1.625-1.625v-2.625c0-1.105,.895-2,2-2h1"
15+
fill="none"
16+
stroke="currentColor"
17+
strokeLinecap="round"
18+
strokeLinejoin="round"
19+
strokeWidth="1.5"
20+
/>
21+
<path
22+
d="M11.75,15.25h1c1.105,0,2-.895,2-2v-2.625c0-.897,.728-1.625,1.625-1.625-.897,0-1.625-.728-1.625-1.625v-2.625c0-1.105-.895-2-2-2h-1"
23+
fill="none"
24+
stroke="currentColor"
25+
strokeLinecap="round"
26+
strokeLinejoin="round"
27+
strokeWidth="1.5"
28+
/>
29+
</g>
30+
</svg>
31+
);
32+
}

‎packages/ui/src/icons/nucleo/brush.tsx‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
import { SVGProps } from "react";
2+
3+
export function Brush(props: SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
height="18"
7+
width="18"
8+
viewBox="0 0 18 18"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<g fill="currentColor">
13+
<line
14+
fill="none"
15+
stroke="currentColor"
16+
strokeLinecap="round"
17+
strokeLinejoin="round"
18+
strokeWidth="1.5"
19+
x1="10.75"
20+
x2="10.75"
21+
y1="1.75"
22+
y2="5.25"
23+
/>
24+
<path
25+
d="M3.75,8.75V3.75c0-1.105,.895-2,2-2H14.25v7"
26+
fill="none"
27+
stroke="currentColor"
28+
strokeLinecap="round"
29+
strokeLinejoin="round"
30+
strokeWidth="1.5"
31+
/>
32+
<path
33+
d="M3.75,8.75v1.5c0,1.104,.895,2,2,2h2l-.25,3.5c0,.828,.672,1.5,1.5,1.5s1.5-.672,1.5-1.5l-.25-3.5h2c1.105,0,2-.896,2-2v-1.5H3.75Z"
34+
fill="none"
35+
stroke="currentColor"
36+
strokeLinecap="round"
37+
strokeLinejoin="round"
38+
strokeWidth="1.5"
39+
/>
40+
</g>
41+
</svg>
42+
);
43+
}

‎packages/ui/src/icons/nucleo/index.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ export * from "./book2-fill";
1818
export * from "./book2-small";
1919
export * from "./books2";
2020
export * from "./box-archive";
21+
export * from "./brackets-curly";
22+
export * from "./brush";
2123
export * from "./bullet-list";
2224
export * from "./bullet-list-fill";
2325
export * from "./calendar";
@@ -186,6 +188,7 @@ export * from "./tag";
186188
export * from "./tags";
187189
export * from "./timer2";
188190
export * from "./toggle2-fill";
191+
export * from "./toggles";
189192
export * from "./trash";
190193
export * from "./triangle-warning";
191194
export * from "./tv";
@@ -194,6 +197,7 @@ export * from "./user";
194197
export * from "./user-check";
195198
export * from "./user-crown";
196199
export * from "./user-delete";
200+
export * from "./user-focus";
197201
export * from "./user-plus";
198202
export * from "./users";
199203
export * from "./users-fill";

‎packages/ui/src/icons/nucleo/toggles.tsx‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
import { SVGProps } from "react";
2+
3+
export function Toggles(props: SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
height="18"
7+
width="18"
8+
viewBox="0 0 18 18"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<g fill="currentColor">
13+
<path
14+
d="M7.408,2.25h5.342c1.381,0,2.5,1.119,2.5,2.5h0c0,1.381-1.119,2.5-2.5,2.5H7.408"
15+
fill="none"
16+
stroke="currentColor"
17+
strokeLinecap="round"
18+
strokeLinejoin="round"
19+
strokeWidth="1.5"
20+
/>
21+
<path
22+
d="M10.591,15.75H5.25c-1.381,0-2.5-1.119-2.5-2.5h0c0-1.381,1.119-2.5,2.5-2.5h5.344"
23+
fill="none"
24+
stroke="currentColor"
25+
strokeLinecap="round"
26+
strokeLinejoin="round"
27+
strokeWidth="1.5"
28+
/>
29+
<circle
30+
cx="5.75"
31+
cy="4.75"
32+
fill="none"
33+
r="3"
34+
stroke="currentColor"
35+
strokeLinecap="round"
36+
strokeLinejoin="round"
37+
strokeWidth="1.5"
38+
/>
39+
<circle
40+
cx="12.25"
41+
cy="13.25"
42+
fill="none"
43+
r="3"
44+
stroke="currentColor"
45+
strokeLinecap="round"
46+
strokeLinejoin="round"
47+
strokeWidth="1.5"
48+
/>
49+
</g>
50+
</svg>
51+
);
52+
}

‎packages/ui/src/icons/nucleo/user-focus.tsx‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
import { SVGProps } from "react";
2+
3+
export function UserFocus(props: SVGProps<SVGSVGElement>) {
4+
return (
5+
<svg
6+
height="18"
7+
width="18"
8+
viewBox="0 0 18 18"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<g fill="currentColor">
13+
<circle
14+
cx="9"
15+
cy="6.5"
16+
fill="none"
17+
r="2"
18+
stroke="currentColor"
19+
strokeLinecap="round"
20+
strokeLinejoin="round"
21+
strokeWidth="1.5"
22+
/>
23+
<path
24+
d="M5.402,13.25c.649-1.332,2.016-2.25,3.598-2.25s2.949,.918,3.598,2.25"
25+
fill="none"
26+
stroke="currentColor"
27+
strokeLinecap="round"
28+
strokeLinejoin="round"
29+
strokeWidth="1.5"
30+
/>
31+
<path
32+
d="M15.75,11.75v2c0,1.105-.895,2-2,2h-2"
33+
fill="none"
34+
stroke="currentColor"
35+
strokeLinecap="round"
36+
strokeLinejoin="round"
37+
strokeWidth="1.5"
38+
/>
39+
<path
40+
d="M6.25,15.75h-2c-1.105,0-2-.895-2-2v-2"
41+
fill="none"
42+
stroke="currentColor"
43+
strokeLinecap="round"
44+
strokeLinejoin="round"
45+
strokeWidth="1.5"
46+
/>
47+
<path
48+
d="M2.25,6.25v-2c0-1.105,.895-2,2-2h2"
49+
fill="none"
50+
stroke="currentColor"
51+
strokeLinecap="round"
52+
strokeLinejoin="round"
53+
strokeWidth="1.5"
54+
/>
55+
<path
56+
d="M11.75,2.25h2c1.105,0,2,.895,2,2v2"
57+
fill="none"
58+
stroke="currentColor"
59+
strokeLinecap="round"
60+
strokeLinejoin="round"
61+
strokeWidth="1.5"
62+
/>
63+
</g>
64+
</svg>
65+
);
66+
}

0 commit comments

Comments
 (0)