Skip to content

Commit 60eb4bf

Browse files
tenphitenphi
authored
feat: new icons (#575)
1 parent 392c80e commit 60eb4bf

File tree

7 files changed

+101
-0
lines changed

7 files changed

+101
-0
lines changed

‎.changeset/thin-melons-promise.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@cube-dev/ui-kit': patch
3+
---
4+
5+
Add PlayIcon, PauseIcon and StopIcon.

‎src/icons/ClearIcon.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const ClearIcon = wrapIcon(
4+
'ClearIcon',
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="16"
8+
height="16"
9+
fill="none"
10+
viewBox="0 0 16 16"
11+
>
12+
<path
13+
fill="currentColor"
14+
fillRule="evenodd"
15+
d="M7.053 5.94V2.097h1.91V5.94h3.95v1.957H2.949V5.939zM6.803.997a.85.85 0 0 0-.85.85V4.84H2.699a.85.85 0 0 0-.85.85v2.457c0 .469.38.85.85.85h.19L1.5 14.286a.65.65 0 0 0 .629.814h11.74a.65.65 0 0 0 .63-.815l-1.388-5.29h.05c.47 0 .85-.38.85-.85V5.69a.85.85 0 0 0-.85-.85h-3.1V1.85a.85.85 0 0 0-.85-.85zM2.713 14l1.311-5h7.952l1.311 5h-3.176v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14H7.004v-2.649a.4.4 0 0 0-.4-.4h-.3a.4.4 0 0 0-.4.4V14z"
16+
clipRule="evenodd"
17+
/>
18+
</svg>,
19+
);

‎src/icons/EditIcon.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const EditIcon = wrapIcon(
4+
'EditIcon',
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="16"
8+
height="16"
9+
fill="none"
10+
viewBox="0 0 16 16"
11+
>
12+
<path
13+
fill="currentColor"
14+
fillRule="evenodd"
15+
d="m6.577 9.832-1.76.43.43-1.76 6.17-6.17 1.33 1.33zm-3.121.945a.7.7 0 0 0 .846.846l2.614-.638a1 1 0 0 0 .47-.265l6.35-6.351a1 1 0 0 0 0-1.414l-1.612-1.613a1 1 0 0 0-1.414 0L4.36 7.694a1 1 0 0 0-.264.47zM13.4 14.2a.6.6 0 1 0 0-1.2H2.6a.6.6 0 1 0 0 1.2z"
16+
clipRule="evenodd"
17+
/>
18+
</svg>,
19+
);

‎src/icons/PauseIcon.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const PauseIcon = wrapIcon(
4+
'PauseIcon',
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="16"
8+
height="16"
9+
fill="none"
10+
viewBox="0 0 16 16"
11+
>
12+
<path
13+
fill="currentColor"
14+
fillRule="evenodd"
15+
d="M5.6 4a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6zm4 0a.6.6 0 0 0-.6.6v6.8a.6.6 0 0 0 .6.6h.8a.6.6 0 0 0 .6-.6V4.6a.6.6 0 0 0-.6-.6z"
16+
clipRule="evenodd"
17+
/>
18+
</svg>,
19+
);

‎src/icons/PlayIcon.tsx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const PlayIcon = wrapIcon(
4+
'PlayIcon',
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="16"
8+
height="16"
9+
fill="none"
10+
viewBox="0 0 16 16"
11+
>
12+
<path
13+
fill="currentColor"
14+
d="M12.186 7.491a.6.6 0 0 1 0 1.018l-6.268 3.917A.6.6 0 0 1 5 11.918V4.083a.6.6 0 0 1 .918-.51z"
15+
/>
16+
</svg>,
17+
);

‎src/icons/StopIcon.tsx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { wrapIcon } from './wrap-icon';
2+
3+
export const StopIcon = wrapIcon(
4+
'StopIcon',
5+
<svg
6+
xmlns="http://www.w3.org/2000/svg"
7+
width="16"
8+
height="16"
9+
fill="none"
10+
viewBox="0 0 16 16"
11+
>
12+
<path
13+
fill="currentColor"
14+
d="M4 4.6a.6.6 0 0 1 .6-.6h6.8a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H4.6a.6.6 0 0 1-.6-.6z"
15+
/>
16+
</svg>,
17+
);

‎src/icons/index.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ export { CheckCircleFilledIcon } from './CheckCircleFilledIcon';
1313
export { CheckCircleIcon } from './CheckCircleIcon';
1414
export { CheckIcon } from './CheckIcon';
1515
export { CircleFilledIcon } from './CircleFilledIcon';
16+
export { ClearIcon } from './ClearIcon';
1617
export { CloseCircleFilledIcon } from './CloseCircleFilledIcon';
1718
export { CloseCircleIcon } from './CloseCircleIcon';
1819
export { CloseIcon } from './CloseIcon';
@@ -23,6 +24,7 @@ export { DangerIcon } from './DangerIcon';
2324
export { DashboardIcon } from './DashboardIcon';
2425
export { DonutIcon } from './DonutIcon';
2526
export { DownIcon } from './DownIcon';
27+
export { EditIcon } from './EditIcon';
2628
export { ExclamationCircleFilledIcon } from './ExclamationCircleFilledIcon';
2729
export { ExclamationCircleIcon } from './ExclamationCircleIcon';
2830
export { ExclamationIcon } from './ExclamationIcon';
@@ -48,7 +50,9 @@ export { NotAllowedIcon } from './NotAllowedIcon';
4850
export { NumberIcon } from './NumberIcon';
4951
export { PauseCircleFilledIcon } from './PauseCircleFilledIcon';
5052
export { PauseCircleIcon } from './PauseCircleIcon';
53+
export { PauseIcon } from './PauseIcon';
5154
export { PieChartIcon } from './PieChartIcon';
55+
export { PlayIcon } from './PlayIcon';
5256
export { PlusIcon } from './PlusIcon';
5357
export { ReloadIcon } from './ReloadIcon';
5458
export { ReturnIcon } from './ReturnIcon';
@@ -61,6 +65,7 @@ export { SlashIcon } from './SlashIcon';
6165
export { SparklesIcon } from './SparklesIcon';
6266
export { SqlIcon } from './SqlIcon';
6367
export { StatsIcon } from './StatsIcon';
68+
export { StopIcon } from './StopIcon';
6469
export { StringIcon } from './StringIcon';
6570
export { SwitchIcon } from './SwitchIcon';
6671
export { TableIcon } from './TableIcon';

0 commit comments

Comments
 (0)