@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.
Files changed (89) hide show
  1. package/dist/AddIcon.d.ts +3 -0
  2. package/dist/AddIcon.js +2 -0
  3. package/dist/AddIcon.js.map +1 -0
  4. package/dist/ExternalLinkIcon.d.ts +3 -0
  5. package/dist/ExternalLinkIcon.js +2 -0
  6. package/dist/ExternalLinkIcon.js.map +1 -0
  7. package/dist/EyeCloseIcon.d.ts +3 -0
  8. package/dist/EyeCloseIcon.js +2 -0
  9. package/dist/EyeCloseIcon.js.map +1 -0
  10. package/dist/EyeOpenIcon.d.ts +3 -0
  11. package/dist/EyeOpenIcon.js +2 -0
  12. package/dist/EyeOpenIcon.js.map +1 -0
  13. package/dist/index.cjs.js +1 -1
  14. package/dist/index.cjs.js.map +1 -1
  15. package/dist/index.d.ts +4 -0
  16. package/dist/index.js +1 -1
  17. package/package.json +4 -3
  18. package/src/AddIcon.tsx +14 -0
  19. package/src/ArrowRightIcon.tsx +14 -0
  20. package/src/AudioLevelIcon.tsx +14 -0
  21. package/src/AudioPlayerIcon.tsx +22 -0
  22. package/src/BrbIcon.tsx +16 -0
  23. package/src/ChatIcon.tsx +16 -0
  24. package/src/ChatUnreadIcon.tsx +17 -0
  25. package/src/CheckIcon.tsx +14 -0
  26. package/src/ChevronDownIcon.tsx +14 -0
  27. package/src/ChevronLeftIcon.tsx +14 -0
  28. package/src/ChevronRightIcon.tsx +14 -0
  29. package/src/ChevronUpIcon.tsx +14 -0
  30. package/src/ClosedCaptionIcon.tsx +15 -0
  31. package/src/CodeIcon.tsx +14 -0
  32. package/src/ComputerIcon.tsx +16 -0
  33. package/src/ConnectivityIcon.tsx +16 -0
  34. package/src/CopyIcon.tsx +16 -0
  35. package/src/CrossIcon.tsx +14 -0
  36. package/src/DownloadIcon.tsx +16 -0
  37. package/src/EditIcon.tsx +16 -0
  38. package/src/ExitIcon.tsx +16 -0
  39. package/src/ExpandIcon.tsx +14 -0
  40. package/src/ExternalLinkIcon.tsx +16 -0
  41. package/src/EyeCloseIcon.tsx +16 -0
  42. package/src/EyeOpenIcon.tsx +16 -0
  43. package/src/GlobeIcon.tsx +16 -0
  44. package/src/GridIcon.tsx +16 -0
  45. package/src/HamburgerMenuIcon.tsx +14 -0
  46. package/src/HandIcon.tsx +25 -0
  47. package/src/HandRaiseFilledIcon.tsx +20 -0
  48. package/src/HandRaiseIcon.tsx +20 -0
  49. package/src/HandRaiseSlashed.tsx +20 -0
  50. package/src/HangUpIcon.tsx +16 -0
  51. package/src/Headphones.tsx +16 -0
  52. package/src/HorizontalMenuIcon.tsx +14 -0
  53. package/src/InfoIcon.tsx +14 -0
  54. package/src/InviteIcon.tsx +16 -0
  55. package/src/InviteStageIcon.tsx +31 -0
  56. package/src/MicOffIcon.tsx +16 -0
  57. package/src/MicOnIcon.tsx +16 -0
  58. package/src/MusicIcon.tsx +24 -0
  59. package/src/NextIcon.tsx +14 -0
  60. package/src/OpenBook.tsx +16 -0
  61. package/src/PauseIcon.tsx +14 -0
  62. package/src/PencilDrawIcon.tsx +16 -0
  63. package/src/PeopleIcon.tsx +16 -0
  64. package/src/PersonIcon.tsx +16 -0
  65. package/src/PipIcon.tsx +18 -0
  66. package/src/PlayIcon.tsx +14 -0
  67. package/src/PlaylistIcon.tsx +14 -0
  68. package/src/PoorConnectivityIcon.tsx +16 -0
  69. package/src/PrevIcon.tsx +14 -0
  70. package/src/RecordIcon.tsx +14 -0
  71. package/src/RemoveUserIcon.tsx +17 -0
  72. package/src/SendIcon.tsx +16 -0
  73. package/src/SettingIcon.tsx +16 -0
  74. package/src/ShareScreenIcon.tsx +16 -0
  75. package/src/ShrinkIcon.tsx +14 -0
  76. package/src/SpeakerIcon.tsx +16 -0
  77. package/src/SpotlightIcon.tsx +16 -0
  78. package/src/SquareMenuIcon.tsx +16 -0
  79. package/src/SunWithFace.tsx +22 -0
  80. package/src/TextboxIcon.tsx +16 -0
  81. package/src/UploadIcon.tsx +24 -0
  82. package/src/VideoConferencing.tsx +16 -0
  83. package/src/VideoOffIcon.tsx +24 -0
  84. package/src/VideoOnIcon.tsx +16 -0
  85. package/src/VideoPlayerIcon.tsx +22 -0
  86. package/src/VirtualBackgroundIcon.tsx +16 -0
  87. package/src/WiredMic.tsx +16 -0
  88. package/src/Wrench.tsx +16 -0
  89. 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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;