@100mslive/react-icons 0.0.17 → 0.0.18-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AddIcon.d.ts +3 -0
- package/dist/AddIcon.js +2 -0
- package/dist/AddIcon.js.map +1 -0
- package/dist/ExternalLinkIcon.d.ts +3 -0
- package/dist/ExternalLinkIcon.js +2 -0
- package/dist/ExternalLinkIcon.js.map +1 -0
- package/dist/EyeCloseIcon.d.ts +3 -0
- package/dist/EyeCloseIcon.js +2 -0
- package/dist/EyeCloseIcon.js.map +1 -0
- package/dist/EyeOpenIcon.d.ts +3 -0
- package/dist/EyeOpenIcon.js +2 -0
- package/dist/EyeOpenIcon.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1 -1
- package/package.json +4 -3
- package/src/AddIcon.tsx +14 -0
- package/src/ArrowRightIcon.tsx +14 -0
- package/src/AudioLevelIcon.tsx +14 -0
- package/src/AudioPlayerIcon.tsx +22 -0
- package/src/BrbIcon.tsx +16 -0
- package/src/ChatIcon.tsx +16 -0
- package/src/ChatUnreadIcon.tsx +17 -0
- package/src/CheckIcon.tsx +14 -0
- package/src/ChevronDownIcon.tsx +14 -0
- package/src/ChevronLeftIcon.tsx +14 -0
- package/src/ChevronRightIcon.tsx +14 -0
- package/src/ChevronUpIcon.tsx +14 -0
- package/src/ClosedCaptionIcon.tsx +15 -0
- package/src/CodeIcon.tsx +14 -0
- package/src/ComputerIcon.tsx +16 -0
- package/src/ConnectivityIcon.tsx +16 -0
- package/src/CopyIcon.tsx +16 -0
- package/src/CrossIcon.tsx +14 -0
- package/src/DownloadIcon.tsx +16 -0
- package/src/EditIcon.tsx +16 -0
- package/src/ExitIcon.tsx +16 -0
- package/src/ExpandIcon.tsx +14 -0
- package/src/ExternalLinkIcon.tsx +16 -0
- package/src/EyeCloseIcon.tsx +16 -0
- package/src/EyeOpenIcon.tsx +16 -0
- package/src/GlobeIcon.tsx +16 -0
- package/src/GridIcon.tsx +16 -0
- package/src/HamburgerMenuIcon.tsx +14 -0
- package/src/HandIcon.tsx +25 -0
- package/src/HandRaiseFilledIcon.tsx +20 -0
- package/src/HandRaiseIcon.tsx +20 -0
- package/src/HandRaiseSlashed.tsx +20 -0
- package/src/HangUpIcon.tsx +16 -0
- package/src/Headphones.tsx +16 -0
- package/src/HorizontalMenuIcon.tsx +14 -0
- package/src/InfoIcon.tsx +14 -0
- package/src/InviteIcon.tsx +16 -0
- package/src/InviteStageIcon.tsx +31 -0
- package/src/MicOffIcon.tsx +16 -0
- package/src/MicOnIcon.tsx +16 -0
- package/src/MusicIcon.tsx +24 -0
- package/src/NextIcon.tsx +14 -0
- package/src/OpenBook.tsx +16 -0
- package/src/PauseIcon.tsx +14 -0
- package/src/PencilDrawIcon.tsx +16 -0
- package/src/PeopleIcon.tsx +16 -0
- package/src/PersonIcon.tsx +16 -0
- package/src/PipIcon.tsx +18 -0
- package/src/PlayIcon.tsx +14 -0
- package/src/PlaylistIcon.tsx +14 -0
- package/src/PoorConnectivityIcon.tsx +16 -0
- package/src/PrevIcon.tsx +14 -0
- package/src/RecordIcon.tsx +14 -0
- package/src/RemoveUserIcon.tsx +17 -0
- package/src/SendIcon.tsx +16 -0
- package/src/SettingIcon.tsx +16 -0
- package/src/ShareScreenIcon.tsx +16 -0
- package/src/ShrinkIcon.tsx +14 -0
- package/src/SpeakerIcon.tsx +16 -0
- package/src/SpotlightIcon.tsx +16 -0
- package/src/SquareMenuIcon.tsx +16 -0
- package/src/SunWithFace.tsx +22 -0
- package/src/TextboxIcon.tsx +16 -0
- package/src/UploadIcon.tsx +24 -0
- package/src/VideoConferencing.tsx +16 -0
- package/src/VideoOffIcon.tsx +24 -0
- package/src/VideoOnIcon.tsx +16 -0
- package/src/VideoPlayerIcon.tsx +22 -0
- package/src/VirtualBackgroundIcon.tsx +16 -0
- package/src/WiredMic.tsx +16 -0
- package/src/Wrench.tsx +16 -0
- package/src/index.tsx +71 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgInviteStageIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M8.267 4v14.933a1.067 1.067 0 01-2.134 0M6.133 18.933V8.267"
|
|
8
|
+
stroke="currentColor"
|
|
9
|
+
strokeWidth={1.067}
|
|
10
|
+
strokeLinecap="round"
|
|
11
|
+
strokeLinejoin="round"
|
|
12
|
+
/>
|
|
13
|
+
<path
|
|
14
|
+
d="M6.133 18.933a1.067 1.067 0 01-2.133 0V5.067A1.067 1.067 0 015.067 4h13.866A1.067 1.067 0 0120 5.067v13.866a1.067 1.067 0 01-2.133 0v-1.066M8.267 18.4h2.666"
|
|
15
|
+
stroke="currentColor"
|
|
16
|
+
strokeWidth={1.067}
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
/>
|
|
20
|
+
<path
|
|
21
|
+
d="M12 15.733v-1.6a2.667 2.667 0 015.333 0v1.6h-1.066L15.733 20H13.6l-.533-4.267H12zM12.533 8.267a2.133 2.133 0 104.267 0 2.133 2.133 0 00-4.267 0v0z"
|
|
22
|
+
stroke="currentColor"
|
|
23
|
+
strokeWidth={1.067}
|
|
24
|
+
strokeLinecap="round"
|
|
25
|
+
strokeLinejoin="round"
|
|
26
|
+
/>
|
|
27
|
+
</svg>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export default SvgInviteStageIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgMicOffIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M8.15 11.659v-.798l1.494 1.555c.22.63.706 1.135 1.324 1.38l1.422 1.481a3.663 3.663 0 01-4.24-3.618zm5.961-5.496v4.359l1.356 1.412c.006-.091.01-.183.01-.275V6.163a3.663 3.663 0 00-7.001-1.512L9.549 5.77a2.298 2.298 0 014.562.393zm-2.262 10.92a5.408 5.408 0 001.924-.365l1.007 1.05a6.744 6.744 0 01-2.284.646v2.403a.683.683 0 01-1.365 0v-2.403a6.79 6.79 0 01-6.106-6.754V9.822a.683.683 0 011.366 0v1.838a5.423 5.423 0 005.458 5.422zm5.082-3.624l1.033 1.077c.41-.874.638-1.848.638-2.876V9.822a.683.683 0 10-1.366 0v1.838c0 .63-.107 1.236-.305 1.799zM4.903 3.28a.683.683 0 10-.985.946l15.179 15.68a.683.683 0 00.985-.945L4.903 3.282z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgMicOffIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgMicOnIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M14.298 11.659V6.163a2.298 2.298 0 00-4.596 0v5.496a2.298 2.298 0 004.596 0zM12 2.5a3.663 3.663 0 00-3.663 3.663v5.496a3.663 3.663 0 007.326 0V6.163A3.663 3.663 0 0012 2.5zm-.683 15.914v2.403a.683.683 0 001.366 0v-2.403a6.79 6.79 0 006.106-6.754V9.822a.683.683 0 00-1.366 0v1.838a5.423 5.423 0 01-10.846 0V9.822a.683.683 0 00-1.366 0v1.838a6.79 6.79 0 006.106 6.754z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgMicOnIcon;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgMusicIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M5 16.94a2.059 2.059 0 104.118 0 2.059 2.059 0 00-4.118 0v0zM14.882 14.47a2.059 2.059 0 104.118 0 2.059 2.059 0 00-4.118 0z"
|
|
8
|
+
stroke="currentColor"
|
|
9
|
+
strokeWidth={1.75}
|
|
10
|
+
strokeLinecap="round"
|
|
11
|
+
strokeLinejoin="round"
|
|
12
|
+
/>
|
|
13
|
+
<path
|
|
14
|
+
d="M19 14.47V4.746a.57.57 0 00-.723-.549L9.529 6.721a.572.572 0 00-.418.548v9.672M9.118 10.764L19 8.294"
|
|
15
|
+
stroke="currentColor"
|
|
16
|
+
strokeWidth={1.75}
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default SvgMusicIcon;
|
package/src/NextIcon.tsx
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgNextIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M13.832 10.608L7.409 5.335A1.474 1.474 0 005 6.469v11.082a1.474 1.474 0 002.408 1.135l6.424-5.274a1.809 1.809 0 000-2.798v-.006zM15.996 5H19v14.02h-3.004V5z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgNextIcon;
|
package/src/OpenBook.tsx
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgOpenBook(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M14.145 4.71c-.677.134-1.342.32-1.99.558a.457.457 0 01-.121.025l-.033-.001h-.034a.5.5 0 01-.101-.018 11.17 11.17 0 00-7.698-.162 1.953 1.953 0 00-1.354 1.863v10.752a1.943 1.943 0 00.753 1.547 1.951 1.951 0 001.687.352l.016-.005a9.497 9.497 0 016.069.32 1.95 1.95 0 001.343-.008 9.497 9.497 0 016.048-.312l.016.005a1.954 1.954 0 001.684-.351h.001c.235-.183.425-.417.556-.685h.001c.13-.268.198-.562.198-.861V6.974a1.957 1.957 0 00-1.36-1.862c-.5-.161-1.01-.292-1.526-.392a1.871 1.871 0 00-1.518-.775h-1.125a1.875 1.875 0 00-1.512.766zm-2.894 1.935a9.654 9.654 0 00-6.62-.107.463.463 0 00-.318.435V17.73a.47.47 0 00.046.2.463.463 0 00.511.245 11 11 0 016.381.139V6.644zm2.531-.314a11.67 11.67 0 00-1.031.316v11.667a11.004 11.004 0 016.38-.138.46.46 0 00.509-.245.466.466 0 00.046-.201V6.975a.457.457 0 00-.316-.434h-.002a11.068 11.068 0 00-.711-.204v5.108a.75.75 0 01-1.28.53l-1.157-1.157-1.157 1.157a.75.75 0 01-1.281-.53V6.33zm3.375 3.303l-.407-.407a.75.75 0 00-1.061 0l-.407.407V5.82a.375.375 0 01.375-.375h1.125c.1 0 .195.039.265.11a.37.37 0 01.11.265v3.814z"
|
|
10
|
+
fill="#000"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgOpenBook;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPauseIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M11.875 4a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zM10.75 14.688a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 012.25 0v5.626zm4.5 0a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 112.25 0v5.626z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgPauseIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPencilDrawIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M23.435 3.25c-.808 0-1.583.321-2.155.892l-9.068 9.069-.002.002-.002.002-1.477 1.477a.93.93 0 00-.252.42l-1.3 4.271a.938.938 0 001.17 1.17l4.272-1.3a.933.933 0 00.42-.253l1.478-1.478 9.07-9.07a3.047 3.047 0 00-2.154-5.202zM12.21 15.864l.663-.663 1.657 1.658-.663.663-2.383.725.726-2.383zm1.989-1.988l1.657 1.657 8.407-8.407a1.172 1.172 0 10-1.657-1.658L14.2 13.876zm-7.636 6.249a3.047 3.047 0 100 6.094h14.765a.938.938 0 000-1.875H6.563a1.172 1.172 0 010-2.344h.7a.937.937 0 100-1.875h-.7z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgPencilDrawIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPeopleIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M8.625 4.54a3.844 3.844 0 100 7.687 3.844 3.844 0 000-7.688zM6.968 6.725a2.344 2.344 0 113.314 3.314 2.344 2.344 0 01-3.314-3.314zm-1.392 8.936a4.312 4.312 0 017.362 3.049.75.75 0 001.5 0 5.813 5.813 0 00-11.626 0 .75.75 0 001.5 0c0-1.144.455-2.24 1.264-3.05zm8.4-8.21a3.281 3.281 0 114.64 4.64 3.281 3.281 0 01-4.64-4.64zm2.32.539a1.781 1.781 0 100 3.563 1.781 1.781 0 000-3.563zm-1.177 7.537a3.395 3.395 0 014.569 3.183.75.75 0 001.5 0 4.896 4.896 0 00-6.588-4.59.75.75 0 10.52 1.407z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgPeopleIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPersonIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M12 2.813a4.687 4.687 0 100 9.374 4.687 4.687 0 000-9.374zM9.746 5.245a3.188 3.188 0 114.508 4.508 3.188 3.188 0 01-4.508-4.508zM8.012 16.45a5.64 5.64 0 019.628 3.988.75.75 0 001.5 0 7.14 7.14 0 00-14.28 0 .75.75 0 001.5 0 5.64 5.64 0 011.652-3.988z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgPersonIcon;
|
package/src/PipIcon.tsx
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPipIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M18.268 15.929h-7.893a2.72 2.72 0 01-2.732-2.72V7.744A2.744 2.744 0 0110.375 5h7.893A2.744 2.744 0 0121 7.744v5.465a2.72 2.72 0 01-2.732 2.72zM10.375 6.82a.923.923 0 00-.91.923v5.465a.91.91 0 00.91.898h7.893a.91.91 0 00.91-.898V7.744a.923.923 0 00-.91-.923h-7.893z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
<path
|
|
11
|
+
d="M16.75 18.673a.91.91 0 01-.91.898H6.124A2.125 2.125 0 014 17.46v-7.286a.923.923 0 01.91-.923.923.923 0 01.911.923v7.286a.303.303 0 00.304.291h9.714a.923.923 0 01.911.923z"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export default SvgPipIcon;
|
package/src/PlayIcon.tsx
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPlayIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M12 4.125a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zm3.572 8.57l-4.5 3.094a.84.84 0 01-.801.085.842.842 0 01-.521-.78V8.906a.844.844 0 011.322-.695l4.5 3.094a.845.845 0 010 1.39z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgPlayIcon;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPlaylistIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M5.897 6.795h12.206a.897.897 0 000-1.795H5.897a.897.897 0 100 1.795zM18.102 8.949H12a.898.898 0 000 1.795h6.102a.897.897 0 100-1.795zM18.102 13.256H12a.898.898 0 000 1.795h6.102a.897.897 0 000-1.795zM18.103 17.205H5.897a.897.897 0 100 1.795h12.206a.897.897 0 000-1.795zM5.982 9.183a.718.718 0 00-.444.663v4.308a.718.718 0 001.227.508l2.154-2.154a.718.718 0 000-1.016L6.765 9.338a.718.718 0 00-.783-.155z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgPlaylistIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPoorConnectivityIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M3.046 3.046a.75.75 0 000 1.06l16.847 16.848a.75.75 0 101.06-1.06L4.108 3.045a.75.75 0 00-1.06 0zm.256 6.303a13.888 13.888 0 012.175-1.432l1.356 1.356c-.847.401-1.65.902-2.391 1.497a.91.91 0 01-1.14-1.42zm2.066 3.625A9.79 9.79 0 018.57 11.01l1.451 1.451a7.969 7.969 0 00-3.42 1.854.91.91 0 11-1.233-1.34zm7.503-2.543l2.563 2.563a7.968 7.968 0 011.927 1.297.91.91 0 101.227-1.346 9.79 9.79 0 00-5.717-2.514zm2.391 7.271L12.05 14.49h-.057a5.698 5.698 0 00-1.752.277c-.852.276-1.63.75-2.267 1.386a.91.91 0 101.286 1.29 3.878 3.878 0 013.66-1.019c.683.17 1.308.521 1.807 1.019.15.15.34.236.535.259zM9.048 6.608l1.582 1.583a12.07 12.07 0 018.928 2.584.91.91 0 001.14-1.42 13.89 13.89 0 00-11.65-2.747z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgPoorConnectivityIcon;
|
package/src/PrevIcon.tsx
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgPrevIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M10.168 13.392l6.423 5.273A1.473 1.473 0 0019 17.531V6.449a1.474 1.474 0 00-2.408-1.135l-6.424 5.274a1.81 1.81 0 000 2.798v.006zM8.004 19H5V4.98h3.004V19z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgPrevIcon;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgRecordIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M11.992 20.59c4.706 0 8.591-3.885 8.591-8.583s-3.893-8.583-8.6-8.583c-4.698 0-8.574 3.885-8.574 8.583s3.884 8.583 8.583 8.583zm0-1.71a6.84 6.84 0 01-6.857-6.873 6.832 6.832 0 016.848-6.865 6.86 6.86 0 016.882 6.865 6.85 6.85 0 01-6.873 6.873zM12 15.26A3.25 3.25 0 0015.254 12 3.254 3.254 0 0012 8.745a3.256 3.256 0 00-3.262 3.254A3.252 3.252 0 0012 15.26z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgRecordIcon;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgRemoveUserIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M3 16.322c0-1.433.574-2.807 1.597-3.82a5.477 5.477 0 013.855-1.583 5.576 5.576 0 012.14.433M8.452 9.727c1.842 0 3.335-1.48 3.335-3.306 0-1.825-1.493-3.305-3.335-3.305-1.843 0-3.336 1.48-3.336 3.305 0 1.826 1.493 3.306 3.336 3.306zM11.093 21.116a3.682 3.682 0 01-2.481-1.121 3.616 3.616 0 01-1.014-2.509c0-.934.363-1.832 1.014-2.508a3.681 3.681 0 012.48-1.121h6.413c.942.044 1.83.445 2.481 1.121A3.616 3.616 0 0121 17.486c0 .934-.363 1.833-1.014 2.509a3.682 3.682 0 01-2.48 1.121h-6.413zM13.063 16.314l2.423 2.4M15.486 16.314l-2.423 2.4"
|
|
8
|
+
stroke="currentColor"
|
|
9
|
+
strokeWidth={1.211}
|
|
10
|
+
strokeLinecap="round"
|
|
11
|
+
strokeLinejoin="round"
|
|
12
|
+
/>
|
|
13
|
+
</svg>
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default SvgRemoveUserIcon;
|
package/src/SendIcon.tsx
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSendIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M4.7 3.195c.394-.07.8-.013 1.16.164l.007.004 14.26 7.245a1.313 1.313 0 01.718 1.162v.01a1.313 1.313 0 01-.717 1.168L5.859 20.206a1.875 1.875 0 01-2.451-2.622l3.554-5.806-3.554-5.796A1.875 1.875 0 014.7 3.195zm13.623 7.832L5.193 4.703a.375.375 0 00-.496.511l3.74 5.813h9.886zm-9.924 1.5h9.924l-13.13 6.335a.374.374 0 01-.496-.511L8.4 12.527z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgSendIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSettingIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M13.989 4.37l.32.919a.655.655 0 00.367.393.66.66 0 00.538-.01l.004-.001.88-.405a2.046 2.046 0 012.884 1.525 2.05 2.05 0 01-.178 1.226l-.424.873a.663.663 0 00.368.91l.912.334a2.044 2.044 0 011.342 1.94 2.05 2.05 0 01-1.376 1.918l-.918.317a.666.666 0 00-.384.908l.41.88a2.053 2.053 0 01-.421 2.324 2.05 2.05 0 01-2.329.383l-.873-.423a.653.653 0 00-.538-.019h-.001a.672.672 0 00-.374.388l-.334.916a2.045 2.045 0 01-3.107.954 2.047 2.047 0 01-.741-.984l-.32-.922a.666.666 0 00-.639-.447.674.674 0 00-.268.062l-.886.41A2.046 2.046 0 015.2 15.994l.425-.876a.665.665 0 00-.37-.914l-.91-.332a2.042 2.042 0 01-1.347-1.938 2.049 2.049 0 011.374-1.92l.917-.317a.667.667 0 00.447-.64.662.662 0 00-.063-.269l-.408-.885a2.044 2.044 0 01.421-2.318A2.048 2.048 0 018.01 5.2l.875.425a.658.658 0 00.768-.137.656.656 0 00.146-.233l.337-.916A2.04 2.04 0 0112.074 3a2.047 2.047 0 011.915 1.37zm-.55 2.1A2.054 2.054 0 0113 5.74v.002l-.317-.914a.664.664 0 00-1.249-.01l-.333.906a2.043 2.043 0 01-1.995 1.35 2.033 2.033 0 01-.826-.205l-.87-.423a.664.664 0 00-.889.877l.407.881a2.047 2.047 0 01-1.186 2.8l-.916.318a.662.662 0 00-.326 1.005c.078.112.189.198.318.244l.912.333a2.045 2.045 0 011.14 2.819l-.423.87a.665.665 0 00.877.889l.88-.407a2.039 2.039 0 012.359.458c.196.208.346.456.44.727l.317.914a.66.66 0 00.62.442.663.663 0 00.626-.432l.332-.908a2.045 2.045 0 012.817-1.141l.873.423c.123.06.262.08.396.059l.001-.001a.659.659 0 00.546-.536.663.663 0 00-.052-.398l-.41-.88a2.042 2.042 0 011.185-2.8l.918-.318a.672.672 0 00.322-.24.668.668 0 00-.31-1.01l-.913-.334a2.046 2.046 0 01-1.136-2.814l.423-.874a.661.661 0 00-.479-.942.662.662 0 00-.399.052h-.001l-.88.405c-.26.12-.542.186-.828.192a2.042 2.042 0 01-1.531-.65zm-4.967 6.96a3.81 3.81 0 012.1-4.958 3.805 3.805 0 014.932 5.014 3.807 3.807 0 01-7.032-.057zm2.618-3.675a2.423 2.423 0 101.82 4.492 2.423 2.423 0 00-1.82-4.492z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgSettingIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgShareScreenIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M21.2 8a2.75 2.75 0 00-2.75-2.75H5.55A2.75 2.75 0 002.8 8v7.64a2.75 2.75 0 002.75 2.75h3.075a.75.75 0 000-1.5H5.55c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h12.9c.69 0 1.25.56 1.25 1.25v7.64c0 .69-.56 1.25-1.25 1.25h-2.7a.75.75 0 000 1.5h2.7a2.75 2.75 0 002.75-2.75V8zM8.008 13.307a.925.925 0 101.309 1.308l1.89-1.89v6.839a.925.925 0 001.85 0v-6.839l1.89 1.89a.925.925 0 101.309-1.308l-3.47-3.47a.926.926 0 00-1.308 0l-3.47 3.47z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgShareScreenIcon;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgShrinkIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M18.987 10.81H14.11c-.896 0-1.415-.527-1.415-1.423v-4.87c0-.456.343-.817.809-.817s.8.352.8.818v.738l-.185 3.067 2.32-2.434 2.699-2.725a.764.764 0 01.562-.237c.501 0 .87.334.87.826a.858.858 0 01-.246.606l-2.707 2.707-2.434 2.312 3.067-.176h.738c.466 0 .827.325.827.8 0 .466-.352.808-.827.808zm-8.428 8.921c-.466 0-.8-.342-.8-.817v-.835l.184-3.059-2.32 2.435-2.76 2.777a.75.75 0 01-.562.238c-.492 0-.862-.334-.862-.826a.85.85 0 01.238-.607l2.768-2.768 2.444-2.312-3.076.176h-.835c-.466 0-.827-.325-.827-.791 0-.475.352-.809.827-.809h4.974c.897 0 1.415.519 1.415 1.415v4.966c0 .466-.334.817-.808.817z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgShrinkIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSpeakerIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M14.19 5.058a2.031 2.031 0 00-2.101.173L6.657 8.688H4.313a2.031 2.031 0 00-2.031 2.03v2.563a2.031 2.031 0 002.031 2.031h2.344l5.432 3.457a2.03 2.03 0 003.224-1.644V6.875a2.03 2.03 0 00-1.123-1.817zm-.956 1.288a.532.532 0 01.579.53v10.249a.53.53 0 01-.85.425.768.768 0 00-.047-.033l-5.29-3.366V9.849l5.29-3.366a.733.733 0 00.047-.033.53.53 0 01.271-.104zm-7.108 3.842H4.313a.531.531 0 00-.531.53v2.563a.532.532 0 00.531.531h1.813v-3.624zm14.59-1.453a.75.75 0 10-1.265.807 4.888 4.888 0 010 5.258.75.75 0 101.264.807 6.388 6.388 0 000-6.872zM17.131 9.74a.75.75 0 011.055.11 3.734 3.734 0 010 4.708.75.75 0 01-1.164-.946 2.233 2.233 0 000-2.816.75.75 0 01.11-1.056z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgSpeakerIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSpotlightIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M4.182 1.549a.6.6 0 01.6.6v1.087H5.87a.6.6 0 010 1.2H4.782v1.088a.6.6 0 01-1.2 0V4.436H2.495a.6.6 0 010-1.2h1.087V2.15a.6.6 0 01.6-.6zM21.646 12a.6.6 0 01.6.6v1.088h1.088a.6.6 0 110 1.2h-1.088v1.087a.6.6 0 11-1.2 0v-1.088H19.96a.6.6 0 110-1.2h1.087V12.6a.6.6 0 01.6-.6zM3.095 14.674a.6.6 0 00-1.2 0v1.088H.807a.6.6 0 000 1.2h1.088v1.087a.6.6 0 101.2 0v-1.087h1.087a.6.6 0 100-1.2H3.095v-1.088zm6.226-6.12l2.36-4.679 2.363 4.682c.115.227.337.38.59.404l4.485.445-3.717 3.684a.743.743 0 00-.193.725l1.375 4.996-4.574-2.265a.743.743 0 00-.659 0l-4.567 2.262 1.375-4.996a.743.743 0 00-.193-.725l-3.72-3.684 4.486-.445a.743.743 0 00.59-.404zm3.564-5.59l.126.25 2.175 4.31 4.372.433a1.34 1.34 0 01.826 2.287l-3.628 3.595 1.346 4.889a1.346 1.346 0 01-1.904 1.55l-.002-.002-4.515-2.235-4.508 2.232-.003.001a1.346 1.346 0 01-1.904-1.55l.002-.006 1.344-4.882-3.63-3.595a1.34 1.34 0 01.825-2.287L8.18 7.52l2.3-4.56a1.35 1.35 0 012.404 0l.002.004z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgSpotlightIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSquareMenuIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M5 6.556a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm5.445 0a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm7-1.556a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111zM5 12a1.556 1.556 0 113.111 0A1.556 1.556 0 015 12zm7-1.556a1.556 1.556 0 100 3.112 1.556 1.556 0 000-3.112zM15.89 12A1.556 1.556 0 1119 12a1.556 1.556 0 01-3.111 0zm-9.333 3.889a1.556 1.556 0 100 3.11 1.556 1.556 0 000-3.11zm3.889 1.555a1.556 1.556 0 113.11 0 1.556 1.556 0 01-3.11 0zm7-1.555a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgSquareMenuIcon;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgSunWithFace(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M36 62.7a1.546 1.546 0 01-1.382-.847l-2.7-5.331-4.536 3.894c-.286.241-.645.37-1.008.37a1.542 1.542 0 01-1.542-1.426l-.456-5.964-5.682 1.861a1.55 1.55 0 01-1.951-1.955l1.86-5.681-5.958-.452a1.555 1.555 0 01-1.313-.95 1.55 1.55 0 01.255-1.601l3.891-4.536-5.33-2.7a1.55 1.55 0 010-2.763l5.33-2.7-3.89-4.536a1.553 1.553 0 01-.256-1.6c.224-.538.73-.908 1.313-.95l5.958-.456-1.86-5.682a1.551 1.551 0 01.375-1.577 1.553 1.553 0 011.576-.375l5.682 1.86.456-5.958a1.547 1.547 0 012.55-1.057l4.536 3.89 2.7-5.33a1.546 1.546 0 012.762 0l2.703 5.33 4.536-3.89a1.543 1.543 0 011.6-.255c.537.223.905.73.951 1.312l.455 5.958 5.677-1.86a1.542 1.542 0 011.575.375c.414.414.56 1.023.378 1.577l-1.861 5.682 5.964.456a1.55 1.55 0 011.056 2.55l-3.894 4.536 5.33 2.7a1.55 1.55 0 01.002 2.763l-5.33 2.7 3.893 4.536a1.55 1.55 0 01-1.06 2.551l-5.96.452 1.862 5.682a1.544 1.544 0 01-.378 1.576 1.54 1.54 0 01-1.575.378l-5.678-1.861-.454 5.96a1.551 1.551 0 01-1.545 1.43c-.36 0-.72-.129-1.007-.37l-4.536-3.894-2.703 5.33A1.55 1.55 0 0136 62.7z"
|
|
8
|
+
fill="#F4900C"
|
|
9
|
+
/>
|
|
10
|
+
<path
|
|
11
|
+
d="M55.5 36c0 10.769-8.731 19.5-19.5 19.5-10.768 0-19.5-8.73-19.5-19.5S25.232 16.5 36 16.5c10.769 0 19.5 8.732 19.5 19.5z"
|
|
12
|
+
fill="#FFCC4D"
|
|
13
|
+
/>
|
|
14
|
+
<path
|
|
15
|
+
d="M36 41.206c-9.334 0-12-3.492-12-1.842-.002 3.25 5.334 8.755 12 8.755s12-5.505 12-8.755c0-1.65-2.666 1.843-12 1.843zM48 31c0 2.21-1.791 1.665-4.001 1.665C41.791 32.665 40 33.21 40 31a4 4 0 118 0zm-16.001 0c0 2.21-1.793 1.665-4 1.665-2.208 0-4.001.545-4.001-1.665 0-2.209 1.794-4 4.002-4a4 4 0 013.999 4z"
|
|
16
|
+
fill="#F4900C"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export default SvgSunWithFace;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgTextboxIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M14.1 2.813a.75.75 0 000 1.5 2.625 2.625 0 012.625 2.625v6h-1.5a.75.75 0 000 1.5h1.5v2.624a2.625 2.625 0 01-2.625 2.625.75.75 0 000 1.5 4.125 4.125 0 003.375-1.753 4.13 4.13 0 003.375 1.753.75.75 0 100-1.5 2.625 2.625 0 01-2.625-2.625v-2.625h1.5a.75.75 0 100-1.5h-1.5v-6a2.625 2.625 0 012.625-2.625.75.75 0 100-1.5 4.125 4.125 0 00-3.375 1.754A4.122 4.122 0 0014.1 2.813zM8.728 17.209c0 .633-.413 1.028-1.045 1.028-.633 0-1.038-.395-1.038-1.028V7.075H3.323c-.536 0-.923-.351-.923-.896 0-.536.387-.888.923-.888h8.728c.536 0 .923.352.923.888 0 .545-.387.896-.923.896H8.728V17.21z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgTextboxIcon;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgUploadIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M10.417 17.916v-7.5M7.083 13.75l3.334-3.334 3.333 3.333"
|
|
8
|
+
stroke="currentColor"
|
|
9
|
+
strokeWidth={1.5}
|
|
10
|
+
strokeLinecap="round"
|
|
11
|
+
strokeLinejoin="round"
|
|
12
|
+
/>
|
|
13
|
+
<path
|
|
14
|
+
d="M13.75 17.73a7.5 7.5 0 10-9.128-8.064 4.167 4.167 0 00.795 8.25h1.666"
|
|
15
|
+
stroke="currentColor"
|
|
16
|
+
strokeWidth={1.5}
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default SvgUploadIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgVideoConferencing(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M5.496 4.12a.625.625 0 01.441-.183h13.5a.625.625 0 01.625.626v9a.624.624 0 01-.625.624h-5.625a.5.5 0 000 1h1.75v1.25h-.624a.5.5 0 000 1H17.75a.5.5 0 000-1h-1.188v-1.25h2.875a1.625 1.625 0 001.625-1.624v-9a1.625 1.625 0 00-1.625-1.625h-13.5a1.625 1.625 0 00-1.625 1.624V6.25a.5.5 0 001 0V4.562c0-.165.066-.324.184-.441zm7.332 1.708a2.187 2.187 0 112.595 3.467 3.313 3.313 0 012.264 3.143.5.5 0 01-1 0 2.312 2.312 0 00-2.312-2.313.5.5 0 01-.486-.617 2.187 2.187 0 01-1.06-3.68zm1.547.36a1.188 1.188 0 100 2.375 1.188 1.188 0 000-2.376zM8.75 16a4.313 4.313 0 00-4.313 4.313.75.75 0 01-1.5 0 5.813 5.813 0 014.51-5.665 3.843 3.843 0 112.605 0 5.813 5.813 0 014.51 5.665.75.75 0 01-1.5 0A4.313 4.313 0 008.75 16zM7.093 9.374a2.344 2.344 0 113.314 3.315 2.344 2.344 0 01-3.314-3.315z"
|
|
10
|
+
fill="#000"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgVideoConferencing;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgVideoOffIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg
|
|
6
|
+
width="24px"
|
|
7
|
+
height="24px"
|
|
8
|
+
viewBox="0 0 24 24"
|
|
9
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
+
fillRule="evenodd"
|
|
11
|
+
clipRule="evenodd"
|
|
12
|
+
strokeLinejoin="round"
|
|
13
|
+
strokeMiterlimit={2}
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
d="M20.227 20.563L2.318 3.018a.691.691 0 010-.973.69.69 0 01.973 0L21.199 19.59a.687.687 0 11-.972.973zM16.125 7.878v2.751a.688.688 0 01-1.375 0V7.878a.682.682 0 00-.202-.485.682.682 0 00-.485-.202h-3.438a.688.688 0 010-1.375h3.438a2.063 2.063 0 012.062 2.062zm-2.75 8.938H3.063a.688.688 0 01-.688-.688v-8.25a.685.685 0 01.688-.687.688.688 0 000-1.375A2.062 2.062 0 001 7.878v8.25a2.062 2.062 0 002.063 2.063h10.312a.688.688 0 100-1.375zm7.636.117l-2.372-1.184a2.061 2.061 0 01-1.139-1.845v-3.8c0-.383.106-.759.307-1.084v-.001c.202-.326.49-.589.832-.76l2.372-1.185A1.374 1.374 0 0123 8.304v7.399a1.377 1.377 0 01-1.313 1.374 1.364 1.364 0 01-.676-.144zm-2.033-2.667a.692.692 0 00.277.254l2.37 1.183V8.304l-2.37 1.184a.685.685 0 00-.38.615v3.802c0 .127.035.253.103.361z"
|
|
18
|
+
fill="currentColor"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default SvgVideoOffIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgVideoOnIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M3.062 5.813A2.062 2.062 0 001 7.876v8.248c0 1.14.923 2.063 2.062 2.063H14.04a2.062 2.062 0 002.062-2.063V7.876a2.062 2.062 0 00-2.062-2.063H3.062zm-.687 2.063c0-.38.308-.688.687-.688H14.04c.38 0 .687.308.687.688v8.248c0 .38-.308.688-.687.688H3.062a.687.687 0 01-.687-.688V7.876zM21.01 16.94l-2.37-1.184a2.062 2.062 0 01-1.14-1.845v-3.8c0-.382.106-.758.307-1.084.201-.326.49-.589.832-.76l2.371-1.185a1.37 1.37 0 011.337.061A1.38 1.38 0 0123 8.313v7.398a1.384 1.384 0 01-.652 1.17 1.377 1.377 0 01-1.337.06zm-2.033-2.667a.69.69 0 00.277.254l2.37 1.183V8.313l-2.37 1.184a.684.684 0 00-.38.615v3.8c0 .128.035.253.103.362z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgVideoOnIcon;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgVideoPlayerIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
d="M17.618 8.747a.765.765 0 00-.72 0l-.842.513a.168.168 0 01-.158 0 .183.183 0 01-.073-.043.165.165 0 01-.043-.07 1.682 1.682 0 00-.667-.839A1.902 1.902 0 0014.04 8H10.8c-.477 0-.935.176-1.273.488A1.606 1.606 0 009 9.667v2.666c0 .442.19.866.527 1.179.338.312.796.488 1.273.488h3.24c.39 0 .77-.118 1.082-.336a1.67 1.67 0 00.646-.87.145.145 0 01.042-.069.162.162 0 01.073-.038.192.192 0 01.159 0l.842.52a.76.76 0 00.72.033.704.704 0 00.283-.236c.07-.101.109-.218.113-.337V9.334a.63.63 0 00-.103-.343.7.7 0 00-.279-.244z"
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
/>
|
|
10
|
+
<path
|
|
11
|
+
d="M19.125 4H7.781a1.375 1.375 0 00-1.375 1.375v11.344a1.375 1.375 0 001.375 1.375h11.344a1.375 1.375 0 001.375-1.375V5.375A1.375 1.375 0 0019.125 4zm-.096 12.616a.378.378 0 01-.248.103H8.125a.344.344 0 01-.344-.344V5.719a.344.344 0 01.344-.344h10.656a.344.344 0 01.344.344v10.656c0 .09-.034.176-.096.24z"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
/>
|
|
14
|
+
<path
|
|
15
|
+
d="M17.406 19.125H5.72a.344.344 0 01-.344-.344V7.094a.688.688 0 10-1.375 0v12.031A1.375 1.375 0 005.375 20.5h12.031a.687.687 0 100-1.375z"
|
|
16
|
+
fill="currentColor"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export default SvgVideoPlayerIcon;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgVirtualBackgroundIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M15.815 7.497a.407.407 0 010-.576l1.802-1.802a.407.407 0 11.576.576L16.39 7.497a.407.407 0 01-.576 0zM3.129 9.93a.407.407 0 00.576.576L8.49 5.721a.407.407 0 10-.576-.576L3.13 9.93zm.038-3.263a.407.407 0 10.576.576L5.26 5.727a.407.407 0 00-.576-.576L3.167 6.667zm-.048 7.075a.407.407 0 010-.576l7.994-7.994a.407.407 0 01.576.576l-7.994 7.994a.407.407 0 01-.576 0zm10.268-7.618a.407.407 0 00.576.576l.975-.975a.407.407 0 00-.576-.576l-.975.975zM3.132 16.954a.407.407 0 010-.575l3.944-3.944a.407.407 0 11.576.576l-3.944 3.944a.407.407 0 01-.576 0zm-.01 2.66a.407.407 0 10.576.576l4.58-4.58a.407.407 0 00-.575-.576l-4.58 4.58zm13.735-10.51a.407.407 0 10.576.576l3.872-3.871a.407.407 0 10-.576-.576l-3.872 3.871zm-.019 3.821a.407.407 0 010-.576l3.905-3.905a.407.407 0 01.576.576l-3.905 3.905a.407.407 0 01-.576 0zm.306 2.344a.407.407 0 00.576.576l3.606-3.607a.407.407 0 10-.576-.575l-3.606 3.606zm1.015 2.787a.407.407 0 010-.576l2.646-2.646a.407.407 0 11.576.576l-2.646 2.646a.407.407 0 01-.576 0zm.816 1.603a.407.407 0 00.576.576l1.787-1.788a.407.407 0 00-.576-.576l-1.787 1.788zM9.865 8.815a3.415 3.415 0 114.828 4.829 3.415 3.415 0 01-4.829-4.83zm2.414.221a2.193 2.193 0 100 4.386 2.193 2.193 0 000-4.386zM9.53 17.617a3.887 3.887 0 016.62 2.404.61.61 0 101.216-.109 5.108 5.108 0 00-10.177 0 .611.611 0 001.218.109 3.887 3.887 0 011.123-2.404z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgVirtualBackgroundIcon;
|
package/src/WiredMic.tsx
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
function SvgWiredMic(props: React.SVGProps<SVGSVGElement>) {
|
|
4
|
+
return (
|
|
5
|
+
<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
|
|
6
|
+
<path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M14.706 3.17a4.687 4.687 0 015.596 7.072l.308.307a.75.75 0 01-1.06 1.061l-.308-.308a4.69 4.69 0 01-2.509.88l-7.78 6.455a1.875 1.875 0 01-2.447-.082l-2.413 2.413a.75.75 0 01-1.06-1.06l2.41-2.412a1.875 1.875 0 01-.08-2.447l.006-.008 6.45-7.774a4.689 4.689 0 01.879-2.509l-.308-.307a.75.75 0 111.06-1.061l.309.308c.293-.212.611-.39.947-.529zm-2.564 6.056l-5.614 6.767a.375.375 0 00.029.497l.956.953a.375.375 0 00.497.029l6.764-5.614a4.69 4.69 0 01-2.632-2.632zm7.303-.506c-.063.153-.138.3-.224.44L14.84 4.78a3.185 3.185 0 013.914.467 3.187 3.187 0 01.69 3.474zm-5.89-2.44c.063-.153.138-.3.224-.44l4.381 4.38a3.18 3.18 0 01-2.88.225 3.188 3.188 0 01-1.725-4.165zm-.58 4.861a1.033 1.033 0 00-1.45.002l-.002.002a1.032 1.032 0 101.459.002l-.002-.002-.004-.004z"
|
|
10
|
+
fill="#000"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgWiredMic;
|