simon | 26e79f7 | 2022-10-05 22:16:08 -0400 | [diff] [blame] | 1 | /* |
| 2 | * Copyright (C) 2022 Savoir-faire Linux Inc. |
| 3 | * |
| 4 | * This program is free software; you can redistribute it and/or modify |
| 5 | * it under the terms of the GNU Affero General Public License as |
| 6 | * published by the Free Software Foundation; either version 3 of the |
| 7 | * License, or (at your option) any later version. |
| 8 | * |
| 9 | * This program is distributed in the hope that it will be useful, |
| 10 | * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| 11 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| 12 | * GNU Affero General Public License for more details. |
| 13 | * |
| 14 | * You should have received a copy of the GNU Affero General Public |
| 15 | * License along with this program. If not, see |
| 16 | * <https://www.gnu.org/licenses/>. |
| 17 | */ |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 18 | import { SvgIcon, SvgIconProps } from '@mui/material'; |
idillon-sfl | 44b0534 | 2022-08-24 15:46:42 -0400 | [diff] [blame] | 19 | |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 20 | /* |
| 21 | We use SvgIcon so the icons can be handled more easily by Material ui components. |
| 22 | Here some tips to add an SvgIcon in case you too struggle to find informations online: |
| 23 | - Open the svg with https://jakearchibald.github.io/svgomg/ in order to clean it from useless information. |
| 24 | - Replace the <svg> tag for <SvgIcon>. |
| 25 | - Try removing "style" attributes. They are often uncessary and cause errors. |
| 26 | - If some "style" attributes are necessary, convert them to the React inline style syntax (https://reactjs.org/docs/dom-elements.html#style). |
| 27 | - Play with the viewBox attribute in order to center the icon and make it uses all available space. Adding a temporary border with inline style might help. |
| 28 | */ |
| 29 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 30 | export const ArrowIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 31 | return ( |
| 32 | <SvgIcon {...props} viewBox="0 -3 20 20"> |
| 33 | <g> |
| 34 | <path |
| 35 | d="M0.302825536,7.53652162 L6.27862638,13.4439361 L6.37822306,13.542393 C6.77660979,13.9362206 7.47378655,13.8377637 7.77257659,13.4439361 C8.07136664,13.0501085 8.07136664,12.3609101 7.67297991,12.0655394 L3.39032264,7.83189235 L18.9274048,7.83189235 C19.5249849,7.83189235 19.9233716,7.43806472 19.9233716,6.84732327 C19.9233716,6.25658182 19.5249849,5.86275419 18.9274048,5.86275419 L3.39032264,5.86275419 L7.67297991,1.62910716 C7.97176996,1.23527953 7.97176996,0.742994993 7.67297991,0.349167363 C7.27459319,-0.0446602682 6.67701311,-0.143117176 6.27862638,0.250710455 L0.302825536,6.15812492 C0.00403549366,6.45349564 -0.0955611871,6.84732327 0.103632174,7.2411509 C0.103632174,7.33960781 0.203228855,7.43806472 0.302825536,7.53652162" |
| 36 | id="Fill-1" |
| 37 | ></path> |
| 38 | </g> |
| 39 | </SvgIcon> |
| 40 | ); |
| 41 | }; |
idillon | b3788bf | 2022-08-29 15:57:57 -0400 | [diff] [blame] | 42 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 43 | export const Arrow2Icon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 44 | return ( |
| 45 | <SvgIcon {...props} viewBox="0 0 21.776 20.23"> |
| 46 | <path |
| 47 | style={{ fill: 'none', stroke: '#7e7e7e', strokeMiterlimit: 10, strokeWidth: '1.75px' }} |
| 48 | d="M.219 18.221a.771.771 0 0 1-.143-.87l3.942-8.124L.076 1.1A.77.77 0 0 1 1.085.068l18.461 8.461a.765.765 0 0 1 0 1.394L1.085 18.385a.771.771 0 0 1-.867-.164Z" |
| 49 | transform="translate(.903 .901)" |
| 50 | /> |
| 51 | </SvgIcon> |
| 52 | ); |
| 53 | }; |
idillon | aedab94 | 2022-09-01 14:29:43 -0400 | [diff] [blame] | 54 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 55 | export const Arrow3Icon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 56 | return ( |
| 57 | <SvgIcon {...props} viewBox="0 0 21.045 14.743"> |
| 58 | <path |
| 59 | d="m15.54 32.48 8.635 6.49a.2.2 0 0 0 .319-.174V34.74c9.823.666 10.982 4.984 10.982 4.984 0-8.982-7.186-10.228-10.982-10.257v-3.651a.187.187 0 0 0-.319-.145l-8.635 6.49a.227.227 0 0 0 0 .319Z" |
| 60 | transform="translate(-14.93 -25.11)" |
| 61 | style={{ fill: 'none', stroke: '#005699' }} |
| 62 | /> |
| 63 | </SvgIcon> |
| 64 | ); |
| 65 | }; |
idillon | 927b759 | 2022-09-15 12:56:45 -0400 | [diff] [blame] | 66 | |
idillon | 02f579d | 2022-11-06 21:26:55 -0500 | [diff] [blame] | 67 | export const ArrowDownIcon = (props: SvgIconProps) => { |
| 68 | return ( |
| 69 | <SvgIcon {...props} viewBox="0 0 8 11.607"> |
| 70 | <path |
| 71 | fillRule="evenodd" |
| 72 | d="m4.353 11.43 3.441-3.5.058-.058a.564.564 0 0 0-.058-.816.62.62 0 0 0-.816.058l-2.45 2.508V.583A.551.551 0 0 0 3.945 0a.551.551 0 0 0-.581.583v9.039L.912 7.114a.613.613 0 0 0-.758 0 .621.621 0 0 0 0 .816l3.441 3.5a.452.452 0 0 0 .583.117c.058 0 .117-.058.175-.117" |
| 73 | /> |
| 74 | </SvgIcon> |
| 75 | ); |
| 76 | }; |
| 77 | |
idillon-sfl | ec73545 | 2022-10-27 13:18:41 -0400 | [diff] [blame] | 78 | export const ArrowLeftCurved = (props: SvgIconProps) => { |
| 79 | return ( |
| 80 | <SvgIcon {...props} viewBox="0 0 16 8.814"> |
| 81 | <path d="M8.184 8.813a2.761 2.761 0 0 1-1.964-.815L1.627 3.409l1.782-1.782L7.998 6.22a.268.268 0 0 0 .368 0L14.218.368 16 2.15l-5.852 5.848a2.761 2.761 0 0 1-1.964.815Z" /> |
| 82 | <path d="M2.518 7.555H0v-6.3A1.259 1.259 0 0 1 1.259 0h6.3v2.518H2.518Z" /> |
| 83 | </SvgIcon> |
| 84 | ); |
| 85 | }; |
| 86 | |
| 87 | export const ArrowLeftDown = (props: SvgIconProps) => { |
| 88 | return ( |
| 89 | <SvgIcon {...props} viewBox="6 4.5 10.5 12.5"> |
| 90 | <path |
| 91 | d="M15.25009097 14.59477981h-6.3300199l8.5305362-8.5305362-1.45522575-1.45522576-8.5305362 8.5305362v-6.3300199l-2.05555942.01909189v9.82171319l9.84009797.01838477Z" |
| 92 | strokeWidth=".5" |
| 93 | /> |
| 94 | </SvgIcon> |
| 95 | ); |
| 96 | }; |
| 97 | |
| 98 | export const ArrowRightUp = (props: SvgIconProps) => { |
| 99 | return ( |
| 100 | <SvgIcon {...props} viewBox="4.5 5.5 11.5 12.5"> |
| 101 | <path |
| 102 | d="m6.82975394 7.48428721 6.3293128.0007071-8.53053621 8.53053622 1.45522575 1.45522575 8.53053621-8.5305362v6.3300199l2.05555941-.01909188V5.4294349l-9.84009796-.01838477Z" |
| 103 | strokeWidth=".5" |
| 104 | /> |
| 105 | </SvgIcon> |
| 106 | ); |
| 107 | }; |
| 108 | |
idillon | 4012a70 | 2022-11-24 13:45:43 -0500 | [diff] [blame] | 109 | export const ArrowHeadDown = (props: SvgIconProps) => { |
| 110 | return ( |
| 111 | <SvgIcon {...props} viewBox="6 8 12 7.5"> |
| 112 | <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" /> |
| 113 | </SvgIcon> |
| 114 | ); |
| 115 | }; |
| 116 | |
| 117 | export const ArrowHeadUp = (props: SvgIconProps) => { |
| 118 | return ( |
| 119 | <SvgIcon {...props} viewBox="6 8 12 7.5"> |
| 120 | <path fill="none" d="M0 0h24v24H0z" /> |
| 121 | <path d="m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" /> |
| 122 | </SvgIcon> |
| 123 | ); |
| 124 | }; |
| 125 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 126 | export const AudioCallIcon = (props: SvgIconProps) => { |
| 127 | return ( |
| 128 | <SvgIcon {...props} viewBox="0 0 15.338 16"> |
| 129 | {/* <svg |
| 130 | xmlns="http://www.w3.org/2000/svg" |
| 131 | width="15.338" |
| 132 | height="16" |
| 133 | viewBox="0 0 15.338 16" |
| 134 | > |
| 135 | <defs> |
| 136 | <style>.a{"fill:#005699;"}</style> |
| 137 | </defs> */} |
| 138 | <g transform="translate(-2.404 -1.956)"> |
| 139 | <g transform="translate(2.404 1.956)"> |
| 140 | <g transform="translate(0)"> |
| 141 | <path |
| 142 | className="a" |
| 143 | d="M10.417,14.956a6.077,6.077,0,0,1-1.676-.239C4.669,13.6.359,9.049-.44,4.9A5.052,5.052,0,0,1,1.237-.37h0a2.456,2.456,0,0,1,2.075-.639A1.767,1.767,0,0,1,4.51.109a7.417,7.417,0,0,0,.4.8c.718,1.357,1.2,2.395.4,3.273h-.08l-.4.319c-1.118.718-1.118.8-.958,1.038a9.647,9.647,0,0,0,4.39,4.869c.239.16.319.16,1.038-.8.16-.16.239-.319.4-.479l.08-.08c.958-.8,1.916-.16,3.432.718l.559.319a1.849,1.849,0,0,1,.958,1.277,2.7,2.7,0,0,1-.718,2A4.721,4.721,0,0,1,10.417,14.956ZM1.875.508A3.893,3.893,0,0,0,.6,4.659c.718,3.752,4.79,7.983,8.382,9.02a3.72,3.72,0,0,0,4.151-1.038,1.254,1.254,0,0,0,.479-1.118.761.761,0,0,0-.479-.559l-.479-.319c-1.277-.8-1.756-1.038-2.075-.8a1.741,1.741,0,0,1-.319.4c-.639.8-1.357,1.756-2.475,1.118A10.6,10.6,0,0,1,2.913,6.016C2.195,4.9,3.232,4.18,4.19,3.541L4.51,3.3c.239-.319,0-.8-.639-1.916a7.417,7.417,0,0,1-.4-.8A.72.72,0,0,0,2.993.109c-.239-.08-.639.08-1.118.4Z" |
| 144 | transform="translate(0.596 1.044)" |
| 145 | /> |
| 146 | </g> |
| 147 | </g> |
| 148 | </g> |
| 149 | {/* </svg> */} |
| 150 | </SvgIcon> |
| 151 | ); |
| 152 | }; |
| 153 | |
| 154 | export const BlockContactIcon = (props: SvgIconProps) => { |
| 155 | return ( |
| 156 | <SvgIcon {...props} viewBox="0 0 16 15.52"> |
| 157 | {/* <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.52"> |
| 158 | <defs> |
| 159 | <style>.a{"fill:#005699;"}</style> |
| 160 | </defs> */} |
| 161 | <g transform="translate(-2 -2.3)"> |
| 162 | <path |
| 163 | className="a" |
| 164 | d="M15.88,11.5a4.08,4.08,0,1,0,4.08,4.08A4.1,4.1,0,0,0,15.88,11.5Zm0,.96a3.282,3.282,0,0,1,1.76.56l-4.48,4a3.309,3.309,0,0,1-.4-1.52A3.22,3.22,0,0,1,15.88,12.46Zm0,6.24a3.091,3.091,0,0,1-2.16-.88l4.56-4.08a2.852,2.852,0,0,1,.64,1.84A3.007,3.007,0,0,1,15.88,18.7Z" |
| 165 | transform="translate(-1.96 -1.84)" |
| 166 | /> |
| 167 | <path |
| 168 | className="a" |
| 169 | d="M12,10.94l.56-.32A6.445,6.445,0,0,0,9.92,9.5a3.626,3.626,0,0,0,2.56-3.52A3.555,3.555,0,0,0,8.88,2.3,3.735,3.735,0,0,0,7.76,9.58,7.327,7.327,0,0,0,2,17.02a.547.547,0,0,0,.56.56.547.547,0,0,0,.56-.56c0-3.6,2.64-6.56,5.92-6.56a5.3,5.3,0,0,1,2.88.88A.971.971,0,0,1,12,10.94ZM8.88,8.7A2.68,2.68,0,1,1,11.6,6.06,2.631,2.631,0,0,1,8.88,8.7Z" |
| 170 | /> |
| 171 | </g> |
| 172 | {/* </svg> */} |
| 173 | </SvgIcon> |
| 174 | ); |
| 175 | }; |
| 176 | |
| 177 | export const CallEndIcon = (props: SvgIconProps) => { |
| 178 | return ( |
| 179 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 180 | <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> |
| 181 | <path d="M0 0h24v24H0z" fill="none" /> |
| 182 | <path d="M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z" /> |
| 183 | </svg> |
| 184 | </SvgIcon> |
| 185 | ); |
| 186 | }; |
| 187 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 188 | export const CameraIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 189 | return ( |
| 190 | <SvgIcon {...props} viewBox="2 3 20 19"> |
| 191 | <path d="M3.6 20.3c-.4 0-.8-.2-1.1-.5-.2-.2-.4-.6-.4-.9V7.7c-.1-.3.1-.7.4-1 .2-.3.5-.4.8-.5H7.9l1.2-2.5h5.7L16 6.2h4.3c.4 0 .8.2 1.1.5.2.2.4.6.4.9v11.2c0 .4-.2.8-.5 1.1-.2.2-.6.4-.9.4H3.6zm0-12.6-.1 11v.1h17.1V7.7h-5.3L14 5.2h-4L8.8 7.7H3.6zm8.4 9.7c-1.2 0-2.3-.5-3.2-1.3-.8-.8-1.3-2-1.3-3.2 0-1.2.5-2.3 1.3-3.2.8-.8 2-1.3 3.2-1.3 1.2 0 2.3.5 3.2 1.3.8.8 1.3 2 1.3 3.2s-.5 2.3-1.3 3.2c-.9.8-2 1.3-3.2 1.3zm0-7.5c-.8 0-1.6.3-2.1.9S9 12.1 9 12.9s.3 1.6.9 2.1c1.1 1.1 3.1 1.1 4.3 0 .6-.6.9-1.3.9-2.1s-.3-1.6-.9-2.1c-.6-.6-1.4-.9-2.2-.9z" /> |
| 192 | </SvgIcon> |
| 193 | ); |
| 194 | }; |
idillon-sfl | 44b0534 | 2022-08-24 15:46:42 -0400 | [diff] [blame] | 195 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 196 | export const CameraInBubbleIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 197 | return ( |
| 198 | <SvgIcon {...props} viewBox="0 0 25 25"> |
| 199 | <path d="M25 25H12.5A12.379 12.379 0 0 1 0 12.5 12.379 12.379 0 0 1 12.5 0 12.379 12.379 0 0 1 25 12.5ZM12.5 1.75a11 11 0 0 0-7.625 3.125 10.865 10.865 0 0 0 0 15.25A10.781 10.781 0 0 0 12.5 23.25h10.75V12.5a11 11 0 0 0-3.125-7.625A11 11 0 0 0 12.5 1.75Z" /> |
| 200 | <path d="M15.125 18.375H6.75a1.329 1.329 0 0 1-1.5-1.25v-8a1.465 1.465 0 0 1 1.375-1.25H15a1.286 1.286 0 0 1 1.375 1.25v.75l1.375-.75A1.146 1.146 0 0 1 19.125 9a1.034 1.034 0 0 1 .625 1v6.25a1.248 1.248 0 0 1-.625 1.125 1.479 1.479 0 0 1-1.25-.125L16.5 16.5v.75a1.276 1.276 0 0 1-1.375 1.125Zm-8.25-1.625h8v-1.625a1.08 1.08 0 0 1 .375-.75.8.8 0 0 1 .75 0l2 1.125v-4.75l-1.875 1.125a.8.8 0 0 1-.75 0 .685.685 0 0 1-.5-.75V9.5h-8Zm11.875-.875Z" /> |
| 201 | </SvgIcon> |
| 202 | ); |
| 203 | }; |
idillon | aedab94 | 2022-09-01 14:29:43 -0400 | [diff] [blame] | 204 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 205 | export const CancelIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 206 | return ( |
| 207 | <SvgIcon {...props} viewBox="2 2 20 20"> |
| 208 | <path d="M12 2C6.4771525 2 2 6.4771525 2 12s4.4771525 10 10 10 10-4.4771525 10-10S17.5228475 2 12 2Zm0 1.33333168c2.0746076-.00128199 4.079864.74684198 5.6466667 2.10666832L5.39333333 17.5933333c-2.17561675-2.5749862-2.66070945-6.17789412-1.2436087-9.23660098C5.56682538 5.29802546 8.62897124 3.33855529 12 3.33333168Zm0 17.33333502c-2.08385186-.000638-4.09692832-.7561338-5.66666667-2.1266667L18.5866667 6.38c2.1903962 2.57136307 2.6872505 6.1810635 1.2730136 9.2485834C18.4454435 18.6961032 15.3778286 20.6624553 12 20.6666667Z" /> |
| 209 | </SvgIcon> |
| 210 | ); |
| 211 | }; |
idillon-sfl | 44b0534 | 2022-08-24 15:46:42 -0400 | [diff] [blame] | 212 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 213 | export const ChatBubbleIcon = (props: SvgIconProps) => { |
| 214 | return ( |
| 215 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 216 | <g id="Icons_Outline"> |
| 217 | <g id="Chat_Black_24dp"> |
| 218 | <g id="Shape" transform="translate(3.000000, 4.000000)"> |
| 219 | <g> |
| 220 | <path |
| 221 | d="M4.6,17c-0.2,0-0.4,0-0.6-0.1c-0.6-0.3-0.9-0.8-0.9-1.5V13H2.3C0.5,13-1,11.5-1,9.6V2.3C-1,0.5,0.5-1,2.3-1h13.3 |
| 222 | C17.5-1,19,0.5,19,2.3v7.3c0,1.8-1.5,3.3-3.3,3.3H9.5l-3.8,3.6C5.4,16.8,5,17,4.6,17z M2.3,0.4c-1.1,0-1.9,0.9-1.9,2v7.3 |
| 223 | c0,1,0.8,1.9,1.9,1.9h2.2v3.9c0,0,0,0.1,0.1,0.1s0.1,0,0.2,0l4.2-4h6.7c1,0,1.9-0.8,1.9-1.9V2.3c0-1-0.8-1.9-1.9-1.9H2.3 |
| 224 | L2.3,0.4z" |
| 225 | /> |
| 226 | </g> |
| 227 | </g> |
| 228 | </g> |
| 229 | </g> |
| 230 | </SvgIcon> |
| 231 | ); |
| 232 | }; |
| 233 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 234 | export const CheckedIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 235 | return ( |
| 236 | <SvgIcon {...props} viewBox="0 0 16 16"> |
| 237 | <path d="M11.138 5.152 6.802 9.486l-1.936-1.94a.64205296.64205296 0 0 0-.908.908l2.39 2.394a.642.642 0 0 0 .908 0l4.79-4.785a.6431145.6431145 0 0 0-.908-.911Z" /> |
| 238 | <path d="M8 16a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8ZM8 1.284A6.716 6.716 0 1 0 14.716 8 6.723 6.723 0 0 0 8 1.284Z" /> |
| 239 | </SvgIcon> |
| 240 | ); |
| 241 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 242 | |
idillon | 18283ac | 2023-01-07 12:06:42 -0500 | [diff] [blame] | 243 | export const CheckMarkIcon = (props: SvgIconProps) => { |
| 244 | return ( |
| 245 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 246 | <path d="m8.9 19.5-6.5-5.3c-.4-.4-.5-1-.1-1.4.4-.4 1-.5 1.4-.1l5 4.1c1.4-1.4 2.8-2.9 4.2-4.3 2.4-2.6 5-5.2 7.4-7.7.4-.4 1.1-.4 1.5 0 .4.4.4 1.1 0 1.5-2.4 2.4-4.9 5.1-7.4 7.6-1.6 1.7-3.2 3.4-4.8 5l-.7.6z" /> |
| 247 | <defs> |
| 248 | <path |
| 249 | id="a" |
| 250 | d="m8.9 19.5-6.5-5.3c-.4-.4-.5-1-.1-1.4.4-.4 1-.5 1.4-.1l5 4.1c1.4-1.4 2.8-2.9 4.2-4.3 2.4-2.6 5-5.2 7.4-7.7.4-.4 1.1-.4 1.5 0 .4.4.4 1.1 0 1.5-2.4 2.4-4.9 5.1-7.4 7.6-1.6 1.7-3.2 3.4-4.8 5l-.7.6z" |
| 251 | /> |
| 252 | </defs> |
| 253 | {/* <use xlink:href="#a" overflow="visible"/> |
| 254 | <clipPath id="b"> |
| 255 | <use xlink:href="#a" overflow="visible"/> |
| 256 | </clipPath> |
| 257 | <g clip-path="url(#b)"> |
| 258 | <path d="M457.6 382.9H-1026v-1027H457.6v1027zm-1481.6-2H455.5v-1023H-1024v1023z"/> |
| 259 | <defs> |
| 260 | <path id="c" d="M457.6 382.9H-1026v-1027H457.6v1027zm-1481.6-2H455.5v-1023H-1024v1023z"/> |
| 261 | </defs> |
| 262 | <use xlink:href="#c" overflow="visible"/> |
| 263 | <clipPath id="d"> |
| 264 | <use xlink:href="#c" overflow="visible"/> |
| 265 | </clipPath> |
| 266 | <g clip-path="url(#d)"> |
| 267 | <path d="M31.4 29.4H-7.1v-32h38.5v32zm-36.5-2.1h34.4V-.5H-5.1v27.8z"/> |
| 268 | </g> |
| 269 | </g> */} |
| 270 | </SvgIcon> |
| 271 | ); |
| 272 | }; |
| 273 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 274 | export const CrossedEyeIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 275 | return ( |
| 276 | <SvgIcon {...props} viewBox="0 0 15.931 12.145"> |
| 277 | <path d="M7.933 10.41a7.081 7.081 0 0 1-3.7-1.292 12.409 12.409 0 0 1-2.874-2.717.237.237 0 0 1 0-.366 14.122 14.122 0 0 1 2.429-2.372L3 2.873a14.6 14.6 0 0 0-2.836 2.93.629.629 0 0 0 .019.87 13.62 13.62 0 0 0 4.222 3.834 7.4 7.4 0 0 0 3.547 1 7.067 7.067 0 0 0 2.948-.711l-.848-.848a5.577 5.577 0 0 1-2.119.462ZM15.74 5.784a13.154 13.154 0 0 0-4.26-3.856A7.284 7.284 0 0 0 8.145.941a6.436 6.436 0 0 0-2.892.6l.848.848a5.691 5.691 0 0 1 1.793-.348 5.788 5.788 0 0 1 2.583.617 11.437 11.437 0 0 1 3.586 2.783c.193.212.347.424.54.636a.209.209 0 0 1 .019.289 13.993 13.993 0 0 1-2.256 2.275l.79.79a14.6 14.6 0 0 0 2.6-2.737.658.658 0 0 0-.016-.91Z" /> |
| 278 | <path d="m9.687 5.974 1 1a3.349 3.349 0 0 0 .1-.752 2.867 2.867 0 0 0-2.835-2.848 2.576 2.576 0 0 0-.771.116l1.022 1.021a1.738 1.738 0 0 1 1.484 1.463ZM5.311 5.205a2.6 2.6 0 0 0-.193 1.022A2.867 2.867 0 0 0 7.971 9.06a3.005 3.005 0 0 0 1.022-.193l-.906-.906h-.135a1.749 1.749 0 0 1-1.734-1.773v-.077ZM2.882.173A.514.514 0 0 0 2.493 0a.659.659 0 0 0-.556.386.49.49 0 0 0 .135.578l11.007 11.007a.514.514 0 0 0 .386.173.659.659 0 0 0 .559-.386.49.49 0 0 0-.131-.577Z" /> |
| 279 | </SvgIcon> |
| 280 | ); |
| 281 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 282 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 283 | export const CrossIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 284 | return ( |
| 285 | <SvgIcon {...props} viewBox="0 0 10 10"> |
| 286 | <path |
| 287 | d="M32 979.362a.652.652 0 0 0-.652.652v3.7h-3.7a.652.652 0 0 0 0 1.3h3.7v3.7a.652.652 0 0 0 1.3 0v-3.7h3.7a.652.652 0 0 0 0-1.3h-3.7v-3.7a.652.652 0 0 0-.648-.652Z" |
| 288 | transform="translate(-27 -979.362)" |
| 289 | /> |
| 290 | </SvgIcon> |
| 291 | ); |
| 292 | }; |
idillon | 927b759 | 2022-09-15 12:56:45 -0400 | [diff] [blame] | 293 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 294 | export const ExtensionIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 295 | return ( |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 296 | <SvgIcon {...props} viewBox="0 0 24 24"> |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 297 | <g id="Icons_Outline" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"> |
| 298 | <g id="Plugin" fill="#000000" fillRule="nonzero" stroke="#ffffff" strokeWidth="1"> |
| 299 | <g id="noun_add-on-plugin_2469914" transform="translate(2.000000, 2.000000)"> |
| 300 | <path |
| 301 | d="M7.95454545,-2.58379177e-14 C6.07714045,-2.58379177e-14 4.54545455,1.53168636 4.54545455,3.40909091 C4.54545455,3.81146364 4.63639864,4.18709545 4.765625,4.54545455 L0.454545455,4.54545455 C0.203517329,4.54547964 -3.28047432e-07,4.74897187 -3.28047432e-07,5 L-3.28047432e-07,9.54545909 C-3.28047432e-07,9.69805849 0.0762260247,9.84056553 0.20341697,9.92488084 C0.330607915,10.0091961 0.49161786,10.0240699 0.632102273,9.96448182 C0.928123182,9.84116364 1.2500475,9.77273182 1.59090909,9.77273182 C2.977005,9.77273182 4.09090909,10.8866409 4.09090909,12.2727318 C4.09090909,13.6588227 2.977005,14.7727318 1.59090909,14.7727318 C1.2500475,14.7727318 0.928123182,14.7043 0.632102273,14.5809591 C0.491614149,14.5213694 0.330599681,14.5362456 0.203407479,14.6205663 C0.0762152768,14.704887 -3.28047432e-07,14.8474011 -3.28047432e-07,15 L-3.28047432e-07,19.5454591 C-3.28047432e-07,19.7964872 0.203517329,20 0.454545455,20 L15.4545455,20 C15.7055736,20 15.9090658,19.7964872 15.9090909,19.5454591 L15.9090909,15.6108 C16.1285164,15.6553682 16.3589991,15.6818227 16.5909091,15.6818227 C18.4683141,15.6818227 19.9999997,14.1501409 19.9999997,12.2727318 C19.9999997,10.3953227 18.4683141,8.86363636 16.5909091,8.86363636 C16.3589991,8.86363636 16.1285164,8.89009545 15.9090909,8.93465909 L15.9090909,5 C15.9090658,4.74897187 15.7055736,4.54547964 15.4545455,4.54545455 L11.1434659,4.54545455 C11.2726923,4.18709545 11.3636364,3.81146364 11.3636364,3.40909091 C11.3636364,1.53168636 9.83195045,-2.58379177e-14 7.95454545,-2.58379177e-14 L7.95454545,-2.58379177e-14 Z M7.95454545,0.909090909 C9.34064136,0.909090909 10.4545455,2.02299545 10.4545455,3.40909091 C10.4545455,3.90517045 10.3070727,4.36090227 10.0568182,4.75142045 C9.96529803,4.89157836 9.95820859,5.07069263 10.0383647,5.21764558 C10.1185209,5.36459852 10.272952,5.45561067 10.4403409,5.45454545 L15,5.45454545 L15,9.54545909 C14.9998246,9.69805849 15.076226,9.84056553 15.203417,9.92488084 C15.3306079,10.0091961 15.4916179,10.0240699 15.6321023,9.96448182 C15.928123,9.84116364 16.2500475,9.77273182 16.5909091,9.77273182 C17.977005,9.77273182 19.0909091,10.8866409 19.0909091,12.2727318 C19.0909091,13.6588227 17.977005,14.7727318 16.5909091,14.7727318 C16.2500475,14.7727318 15.928123,14.7043 15.6321023,14.5809591 C15.4916141,14.5213694 15.3305997,14.5362456 15.2034075,14.6205663 C15.0762153,14.704887 14.999817,14.8474011 15,15.0000045 L15,19.0909136 L0.909090909,19.0909136 L0.909090909,15.6108 C1.12851636,15.6553682 1.35899909,15.6818227 1.59090909,15.6818227 C3.46831409,15.6818227 5,14.1501409 5,12.2727318 C5,10.3953227 3.46831409,8.86363636 1.59090909,8.86363636 C1.35899909,8.86363636 1.12851636,8.89009545 0.909090909,8.93465909 L0.909090909,5.45454545 L5.46875,5.45454545 C5.6361389,5.45561067 5.79057002,5.36459852 5.87072617,5.21764558 C5.95088232,5.07069263 5.94379288,4.89157836 5.85227273,4.75142045 C5.60201818,4.36090227 5.45454545,3.90517045 5.45454545,3.40909091 C5.45454545,2.02299545 6.56844955,0.909090909 7.95454545,0.909090909 L7.95454545,0.909090909 Z" |
| 302 | id="Shape" |
| 303 | ></path> |
| 304 | </g> |
| 305 | </g> |
| 306 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 307 | </SvgIcon> |
| 308 | ); |
| 309 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 310 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 311 | export const EmojiIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 312 | return ( |
| 313 | <SvgIcon {...props} viewBox="0 0 25 25"> |
| 314 | <path d="M12.5 0A12.5 12.5 0 1 0 25 12.5 12.537 12.537 0 0 0 12.5 0Zm0 23.25A10.75 10.75 0 1 1 23.25 12.5 10.749 10.749 0 0 1 12.5 23.25Z" /> |
| 315 | <path d="M18.25 14a.688.688 0 0 0-.625.25 9.558 9.558 0 0 1-5.125 1.625 7.867 7.867 0 0 1-5.125-1.625C7.25 14 6.875 14 6.75 14a1.34 1.34 0 0 0-.75.25c-.125.125-.125.5-.125.75a.853.853 0 0 0 .375.625A10.559 10.559 0 0 0 12.5 17.5a11.419 11.419 0 0 0 6.25-1.875 1.726 1.726 0 0 0 .375-.5V15a.937.937 0 0 0-.125-.625ZM7.5 10.75a1.049 1.049 0 0 0 1.125-1.125A1.049 1.049 0 0 0 7.5 8.5a1.049 1.049 0 0 0-1.125 1.125A1.049 1.049 0 0 0 7.5 10.75ZM17.5 10.75a1.049 1.049 0 0 0 1.125-1.125A1.116 1.116 0 0 0 17.5 8.5a1.208 1.208 0 0 0-1.125 1.125.994.994 0 0 0 1.125 1.125Z" /> |
| 316 | </SvgIcon> |
| 317 | ); |
| 318 | }; |
idillon | aedab94 | 2022-09-01 14:29:43 -0400 | [diff] [blame] | 319 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 320 | export const ExpandLessIcon = (props: SvgIconProps) => { |
| 321 | return ( |
| 322 | <SvgIcon {...props} viewBox="0 0 25 25"> |
| 323 | <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" /> |
| 324 | </SvgIcon> |
| 325 | ); |
| 326 | }; |
| 327 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 328 | export const EyeIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 329 | return ( |
| 330 | <SvgIcon {...props} viewBox="0 0 15.931 10.568"> |
| 331 | <path d="M7.933 9.469a7.081 7.081 0 0 1-3.7-1.292A12.409 12.409 0 0 1 1.359 5.46a.237.237 0 0 1 0-.366c.733-.892 3.322-3.276 4.685-3.702l-.791-.79a18.682 18.682 0 0 0-5.089 4.26.629.629 0 0 0 .019.867 13.62 13.62 0 0 0 4.222 3.837 7.4 7.4 0 0 0 3.547 1 7.067 7.067 0 0 0 2.948-.711l-.847-.853a5.577 5.577 0 0 1-2.12.467Z" /> |
| 332 | <path d="M15.74 4.843A13.154 13.154 0 0 0 11.48.987 7.284 7.284 0 0 0 8.145 0a6.436 6.436 0 0 0-2.892.6l.848.848A5.691 5.691 0 0 1 7.894 1.1a5.788 5.788 0 0 1 2.583.617A11.437 11.437 0 0 1 14.063 4.5c.193.212.347.424.54.636a.209.209 0 0 1 .019.289 17.151 17.151 0 0 1-4.627 3.6l.79.79a21.4 21.4 0 0 0 4.973-4.067.658.658 0 0 0-.018-.905Z" /> |
| 333 | <g transform="translate(4.952 1.963)" style={{ stroke: '#005699', fill: 'none' }}> |
| 334 | <circle cx="3" cy="3" r="3" style={{ stroke: 'none' }} /> |
| 335 | <circle cx="3" cy="3" r="2.5" /> |
| 336 | </g> |
| 337 | </SvgIcon> |
| 338 | ); |
| 339 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 340 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 341 | export const FileIcon = (props: SvgIconProps) => { |
| 342 | return ( |
| 343 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 344 | <path |
| 345 | d="M14.2,2.3C14,2.1,13.7,2,13.4,2H5.5C4.8,2,4.3,2.5,4.3,3.2v6.3v1.6v9.7c0,0.7,0.5,1.2,1.2,1.2h13.1c0.7,0,1.2-0.5,1.2-1.2 |
| 346 | V18V8.4c0-0.3-0.1-0.6-0.3-0.8L14.2,2.3z M18,7.7H14c0,0,0,0,0,0V3.7L18,7.7z M18.6,20.9C18.6,20.9,18.6,20.9,18.6,20.9l-13.1,0 |
| 347 | c0,0,0,0,0,0v-9.7V9.5V3.2c0,0,0,0,0,0h7.4v4.5c0,0.7,0.5,1.2,1.2,1.2h4.5v9.2V20.9z" |
| 348 | /> |
| 349 | </SvgIcon> |
| 350 | ); |
| 351 | }; |
| 352 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 353 | export const FolderIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 354 | return ( |
| 355 | <SvgIcon {...props} viewBox="0 0 17.504 14.812"> |
| 356 | <path d="M15.484 14.812H2.02a.675.675 0 0 1-.666-.578L.007 4.809a.674.674 0 0 1 .665-.769h.673V.673A.674.674 0 0 1 2.02 0h4.039a.676.676 0 0 1 .373.113l1.85 1.233h7.2a.674.674 0 0 1 .673.673v2.02h.673a.675.675 0 0 1 .667.769l-1.346 9.426a.677.677 0 0 1-.665.578ZM1.449 5.387 2.6 13.466h12.3l1.154-8.079Zm1.244-4.04v2.692h12.118V2.693H8.078A.677.677 0 0 1 7.7 2.58L5.855 1.346Z" /> |
| 357 | </SvgIcon> |
| 358 | ); |
| 359 | }; |
idillon-sfl | 44b0534 | 2022-08-24 15:46:42 -0400 | [diff] [blame] | 360 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 361 | export const FullScreenIcon = (props: SvgIconProps) => { |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 362 | return ( |
| 363 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 364 | <g> |
| 365 | <polygon points="2,9.4 3.8,9.4 3.8,3.8 9.7,3.8 9.7,2 2,2 " /> |
| 366 | <polygon points="3.8,14.3 2,14.3 2,22 9.4,22 9.4,20.2 3.8,20.2 " /> |
| 367 | <polygon points="20.2,20.2 14.3,20.2 14.3,22 22,22 22,14.6 20.2,14.6 " /> |
| 368 | <polygon points="14.6,2 14.6,3.8 20.2,3.8 20.2,9.7 22,9.7 22,2 " /> |
| 369 | </g> |
| 370 | </SvgIcon> |
| 371 | ); |
| 372 | }; |
| 373 | |
| 374 | export const GroupAddIcon = (props: SvgIconProps) => { |
| 375 | return ( |
| 376 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 377 | <path |
| 378 | d="M16.1,11.3c1.1-0.7,1.8-2,1.8-3.3c0-2.2-1.8-4-4-4c-2.2,0-4,1.8-4,4c0,1.3,0.7,2.6,1.8,3.3c-0.6,0.3-1.2,0.6-1.8,1.1 |
| 379 | c-0.3-0.3-0.6-0.5-1-0.7c0.6-0.6,1-1.4,1-2.3c0-1.8-1.4-3.2-3.2-3.2c-1.8,0-3.2,1.4-3.2,3.2c0,0.9,0.4,1.7,1,2.3 |
| 380 | c-1.5,0.8-2.5,2.4-2.5,4.2c0,0.6,0.5,1.1,1.1,1.1h4.7c0,0.6,0.5,1.1,1.1,1.1h6.5l-0.3-0.2c-0.3-0.2-0.5-0.6-0.7-1l0-0.1H9.1 |
| 381 | c0-0.3,0.1-0.7,0.1-1c0.1-0.6,0.4-1.1,0.7-1.6c0.2-0.3,0.4-0.6,0.7-0.8c0.9-0.8,2.1-1.3,3.3-1.3c1.1,0,2.1,0.4,3,1l0.1,0.1l0.1-0.1 |
| 382 | c0.1-0.2,0.2-0.4,0.4-0.6c0.1-0.1,0.1-0.1,0.2-0.2l0.1-0.1l-0.1-0.1C17.2,11.8,16.6,11.5,16.1,11.3z M16.6,7.9 |
| 383 | c0,1.5-1.2,2.7-2.7,2.7c-1.5,0-2.7-1.2-2.7-2.7c0-1.5,1.2-2.7,2.7-2.7C15.4,5.2,16.6,6.4,16.6,7.9z M6.6,11.3c-1.1,0-2-0.9-2-2 |
| 384 | c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C8.6,10.4,7.7,11.3,6.6,11.3z M9,13.3c-0.5,0.7-0.9,1.5-1.1,2.4H3.2c0.1-1.8,1.6-3.3,3.4-3.3 |
| 385 | C7.5,12.4,8.4,12.7,9,13.3z" |
| 386 | /> |
| 387 | <path |
| 388 | d="M21.2,15.6l-1.7,0l0-1.7c0-0.4-0.3-0.7-0.7-0.7c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.1-0.2,0.3-0.2,0.5l0,1.7l-1.7,0 |
| 389 | c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.1-0.2,0.3-0.2,0.5c0,0.4,0.3,0.7,0.7,0.7l1.7,0l0,1.7c0,0.4,0.3,0.7,0.7,0.7h0 |
| 390 | c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5l0-1.7l1.7,0c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5 |
| 391 | C21.9,16,21.6,15.7,21.2,15.6z" |
| 392 | /> |
| 393 | </SvgIcon> |
| 394 | ); |
| 395 | }; |
| 396 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 397 | export const InfoIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 398 | return ( |
| 399 | <SvgIcon {...props} viewBox="2 2 20 20"> |
| 400 | <path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" /> |
| 401 | </SvgIcon> |
| 402 | ); |
| 403 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 404 | |
idillon | ae655dd | 2022-10-14 18:11:02 -0400 | [diff] [blame] | 405 | export const ListIcon = (props: SvgIconProps) => { |
| 406 | return ( |
| 407 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 408 | <path d="M3.4 5.4C2.6 5.4 2 4.8 2 4v-.1c0-.7.6-1.3 1.3-1.3h.1c.7 0 1.3.6 1.3 1.3V4c.1.8-.5 1.4-1.3 1.4zM21 3H8.9c-.5 0-1 .4-1 1 0 .5.4 1 1 1H21c.5 0 1-.4 1-1s-.4-1-1-1zM3.4 13.4c-.8 0-1.4-.6-1.4-1.4 0-.7.6-1.3 1.3-1.3h.1c.7 0 1.3.6 1.3 1.3.1.8-.5 1.4-1.3 1.4zM21 13H8.9c-.5 0-1-.4-1-1 0-.5.4-1 1-1H21c.5 0 1 .4 1 1s-.4 1-1 1zM3.4 21.4c-.8 0-1.4-.6-1.4-1.3V20c0-.7.6-1.3 1.3-1.3h.1c.7 0 1.3.6 1.3 1.3v.1c.1.7-.5 1.3-1.3 1.3zM21 21H8.9c-.5 0-1-.5-1-1s.4-1 1-1H21c.5 0 1 .4 1 1s-.4 1-1 1z" /> |
| 409 | </SvgIcon> |
| 410 | ); |
| 411 | }; |
| 412 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 413 | export const LockIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 414 | return ( |
| 415 | <SvgIcon {...props} viewBox="0 0 12.727 15.636"> |
| 416 | <path d="M10.727 15.636H2a2 2 0 0 1-2-2V7.454a2 2 0 0 1 2-2h8.727a2 2 0 0 1 2 2v6.182a2 2 0 0 1-2 2ZM2 6.545a.91.91 0 0 0-.909.909v6.182a.91.91 0 0 0 .909.909h8.727a.908.908 0 0 0 .909-.909V7.454a.908.908 0 0 0-.909-.909Z" /> |
| 417 | <path d="M10.363 6.546h-8A.546.546 0 0 1 1.818 6V4.181a4.048 4.048 0 0 1 1.35-2.974A4.73 4.73 0 0 1 6.364 0a4.729 4.729 0 0 1 3.195 1.207 4.048 4.048 0 0 1 1.35 2.974V6a.546.546 0 0 1-.546.546Zm-4-5.455a3.645 3.645 0 0 0-2.462.923 2.918 2.918 0 0 0-.993 2.167v1.274h6.91V4.181a2.918 2.918 0 0 0-.993-2.167 3.644 3.644 0 0 0-2.461-.923ZM6.363 11.272a1.636 1.636 0 1 1 1.636-1.636 1.638 1.638 0 0 1-1.636 1.636Zm0-2.182a.545.545 0 1 0 .545.545.546.546 0 0 0-.545-.544Z" /> |
| 418 | <path d="M5.818 10.727v1.819a.5455.5455 0 1 0 1.091 0v-1.819a.5455.5455 0 0 0-1.091 0Z" /> |
| 419 | </SvgIcon> |
| 420 | ); |
| 421 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 422 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 423 | export const MessageIcon = (props: SvgIconProps) => { |
| 424 | return ( |
| 425 | <SvgIcon {...props} viewBox="0 0 16 14.554"> |
| 426 | {/* <svg |
| 427 | xmlns="http://www.w3.org/2000/svg" |
| 428 | width="16" |
| 429 | height="14.554" |
| 430 | viewBox="0 0 16 14.554" |
| 431 | > |
| 432 | <defs> |
| 433 | <style>.a{"fill:#005699;"}</style> |
| 434 | </defs> */} |
| 435 | <g transform="translate(-3.7 -4.4)"> |
| 436 | <g transform="translate(3.7 4.4)"> |
| 437 | <g transform="translate(0 0)"> |
| 438 | <path |
| 439 | className="a" |
| 440 | d="M5.134,14.954a.869.869,0,0,1-.482-.1A1.252,1.252,0,0,1,3.881,13.7V11.773H3.3a2.614,2.614,0,0,1-2.6-2.7V3.1A2.675,2.675,0,0,1,3.3.4H14a2.635,2.635,0,0,1,2.7,2.7v5.88a2.694,2.694,0,0,1-2.7,2.7H9.086L6,14.569A1.222,1.222,0,0,1,5.134,14.954ZM3.3,1.653A1.547,1.547,0,0,0,1.76,3.292v5.88A1.585,1.585,0,0,0,3.3,10.713H5.037V13.8a.094.094,0,0,0,.1.1h.193L8.7,10.617h5.4A1.585,1.585,0,0,0,15.64,9.075V3.1A1.585,1.585,0,0,0,14.1,1.557H3.3Z" |
| 441 | transform="translate(-0.7 -0.4)" |
| 442 | /> |
| 443 | </g> |
| 444 | </g> |
| 445 | </g> |
| 446 | {/* </svg> */} |
| 447 | </SvgIcon> |
| 448 | ); |
| 449 | }; |
| 450 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 451 | export const MoreVerticalIcon = (props: SvgIconProps) => { |
| 452 | return ( |
| 453 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 454 | <g> |
| 455 | <circle cx="12" cy="4.3" r="2.3" /> |
| 456 | <circle cx="12" cy="12" r="2.3" /> |
| 457 | <circle cx="12" cy="19.7" r="2.3" /> |
| 458 | </g> |
| 459 | </SvgIcon> |
| 460 | ); |
| 461 | }; |
| 462 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 463 | export const MicroIcon = (props: SvgIconProps) => { |
| 464 | return ( |
| 465 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 466 | <g> |
| 467 | <path |
| 468 | d="M12,16.2c1.1,0,2.1-0.4,2.8-1.2c0.8-0.8,1.2-1.9,1.2-2.8V6c0-1.1-0.4-2.1-1.2-2.8C13.3,1.6,10.7,1.6,9,3C8.4,3.8,8,4.8,8,6 |
| 469 | v6c0,1.1,0.4,2.1,1.2,2.8C9.9,15.8,10.9,16.2,12,16.2z M9.3,6c0-0.7,0.3-1.3,0.8-1.9c0.5-0.5,1.2-0.8,1.9-0.8s1.3,0.3,1.9,0.8 |
| 470 | s0.8,1.1,0.8,1.9v6c0,0.7-0.3,1.3-0.8,1.9c-1.1,1.1-2.7,1.1-3.6,0c-0.5-0.5-0.9-1.1-0.9-1.9V6z" |
| 471 | /> |
| 472 | <path |
| 473 | d="M18.7,8.8c-0.3-0.3-0.7-0.3-1.1,0c-0.1,0.1-0.3,0.3-0.3,0.5V12c0,3.1-2.4,5.5-5.5,5.5S6.5,15.1,6.5,12V9.2 |
| 474 | c0-0.4-0.3-0.7-0.7-0.7l0,0c-0.1,0-0.4,0.1-0.5,0.3c-0.1,0-0.1,0.3-0.1,0.4V12c0,3.5,2.7,6.4,6.2,6.8v1.7H9.2 |
| 475 | c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7h5.6c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7h-2.1v-1.7 |
| 476 | c3.5-0.4,6.2-3.4,6.2-6.8V9.2C18.8,9.1,18.8,8.9,18.7,8.8z" |
| 477 | /> |
| 478 | </g> |
| 479 | </SvgIcon> |
| 480 | ); |
| 481 | }; |
| 482 | |
simon | 1170c32 | 2022-10-31 14:51:31 -0400 | [diff] [blame] | 483 | export const MicroOffIcon = (props: SvgIconProps) => { |
| 484 | return ( |
| 485 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 486 | <g> |
| 487 | <path |
| 488 | d="M12,16.1c1.1,0,2.1-0.4,2.8-1.2c0.8-0.8,1.2-1.9,1.2-2.8V6c0-1.1-0.4-2.1-1.2-2.8c-1.5-1.5-4.2-1.5-5.8,0 |
| 489 | C8.4,3.8,8,4.9,8,6v6.2c0,1.1,0.4,2.1,1.2,2.8C9.9,15.7,10.8,16.1,12,16.1z M9.4,6c0-0.7,0.3-1.3,0.8-1.9c0.5-0.5,1.1-0.8,1.9-0.8 |
| 490 | c0.7,0,1.3,0.3,1.9,0.8c0.5,0.5,0.8,1.1,0.8,1.9v6.2c0,0.7-0.3,1.3-0.8,1.9c-1.1,1.1-2.7,1.1-3.6,0c-0.5-0.5-0.8-1.1-0.8-1.9 |
| 491 | C9.4,12.1,9.4,6,9.4,6z" |
| 492 | /> |
| 493 | <path |
| 494 | d="M18.6,8.8c-0.3-0.3-0.7-0.3-1.1,0c0,0.1-0.1,0.3-0.1,0.5v2.8c0,3.1-2.4,5.5-5.5,5.5s-5.5-2.4-5.5-5.5V9.3 |
| 495 | c0-0.4-0.3-0.7-0.7-0.7l0,0c-0.1-0.1-0.3,0-0.4,0.1C5.1,8.9,5.1,9,5.1,9.3v2.8c0,3.5,2.7,6.4,6.2,6.8v1.7h-2 |
| 496 | c-0.4,0-0.7,0.3-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7h5.6c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7h-2.1V19c3.5-0.4,6.2-3.4,6.2-6.8 |
| 497 | V9.3C18.9,9,18.9,9,18.6,8.8z" |
| 498 | /> |
| 499 | </g> |
| 500 | <g> |
| 501 | <path |
| 502 | d="M5.5,21.9c-0.1,0-0.3,0-0.4-0.1c-0.3-0.3-0.4-0.7-0.3-1.1L17.7,2.6c0.3-0.3,0.7-0.4,1.1-0.3C19,2.6,19.1,3,19,3.4L6,21.6 |
| 503 | C5.9,21.8,5.6,21.9,5.5,21.9z" |
| 504 | /> |
| 505 | </g> |
| 506 | </SvgIcon> |
| 507 | ); |
| 508 | }; |
| 509 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 510 | export const MicroInBubbleIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 511 | return ( |
| 512 | <SvgIcon {...props} viewBox="0 0 25 25"> |
| 513 | <g transform="translate(-2 -2)"> |
| 514 | <g transform="translate(2 2)"> |
| 515 | <path |
| 516 | d="M23.375,5.625A12.372,12.372,0,0,0,14.5,2,12.379,12.379,0,0,0,2,14.5,12.379,12.379,0,0,0,14.5,27H27V14.5A12.372,12.372,0,0,0,23.375,5.625ZM25.25,25.25H14.5a11,11,0,0,1-7.625-3.125A10.781,10.781,0,0,1,3.75,14.5,11,11,0,0,1,6.875,6.875a10.865,10.865,0,0,1,15.25,0A10.781,10.781,0,0,1,25.25,14.5Z" |
| 517 | transform="translate(-2 -2)" |
| 518 | /> |
| 519 | <path |
| 520 | d="M16.6,10.35a.649.649,0,0,0-.25.5V12.6a3.125,3.125,0,0,1-6.25,0V10.85a.948.948,0,0,0-.25-.5.649.649,0,0,0-.5-.25h0a.649.649,0,0,0-.5.25.649.649,0,0,0-.25.5V12.6a4.563,4.563,0,0,0,3.875,4.5v.625H11.35a.625.625,0,0,0,0,1.25h3.5a.625.625,0,0,0,0-1.25H13.725V17.1A4.68,4.68,0,0,0,17.6,12.6V10.85a.948.948,0,0,0-.25-.5A.564.564,0,0,0,16.6,10.35Zm-7.25.125Z" |
| 521 | transform="translate(-0.35 0.025)" |
| 522 | /> |
| 523 | </g> |
| 524 | <g transform="translate(12.625 8.5)"> |
| 525 | <path |
| 526 | d="M12.75,15.575a2.241,2.241,0,0,1-2.25-2.25V9.45a2.25,2.25,0,0,1,4.5,0v4A2.138,2.138,0,0,1,12.75,15.575Zm0-6.875a.72.72,0,0,0-.75.75v4a.75.75,0,1,0,1.5,0v-4A.807.807,0,0,0,12.75,8.7Z" |
| 527 | transform="translate(-10.5 -7.2)" |
| 528 | /> |
| 529 | </g> |
| 530 | </g> |
| 531 | </SvgIcon> |
| 532 | ); |
| 533 | }; |
idillon | aedab94 | 2022-09-01 14:29:43 -0400 | [diff] [blame] | 534 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 535 | export const OppositeArrowsIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 536 | return ( |
| 537 | <SvgIcon {...props} viewBox="0 0 16.123 17" style={{ fill: 'none', stroke: '#005699', fillRule: 'evenodd' }}> |
| 538 | <path d="M15.623 11.025a.358.358 0 0 0-.358-.358h-8.1v-1.4a.358.358 0 0 0-.537-.31l-2.972 1.717-2.977 1.72a.358.358 0 0 0 0 .62l2.977 1.718 2.975 1.719a.358.358 0 0 0 .537-.31v-1.4h8.1a.358.358 0 0 0 .358-.358v-3.36ZM.5 2.615a.358.358 0 0 1 .358-.358h8.1v-1.4a.358.358 0 0 1 .537-.31l2.976 1.718 2.977 1.72a.358.358 0 0 1 0 .62l-2.977 1.718-2.978 1.719a.358.358 0 0 1-.537-.31v-1.4h-8.1a.358.358 0 0 1-.358-.358v-3.36Z" /> |
| 539 | </SvgIcon> |
| 540 | ); |
| 541 | }; |
idillon | 927b759 | 2022-09-15 12:56:45 -0400 | [diff] [blame] | 542 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 543 | export const PaperClipIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 544 | return ( |
| 545 | <SvgIcon {...props} viewBox="0 0 12.208 25.75"> |
| 546 | <path |
| 547 | style={{ fill: '#7e7e7e', stroke: '#7e7e7e', strokeMiterlimit: 10, strokeWidth: '.75px' }} |
| 548 | d="M5.729 25A5.736 5.736 0 0 1 0 19.271V4.167a4.167 4.167 0 0 1 8.333 0v13.541a2.6 2.6 0 0 1-5.208 0V5.7a.521.521 0 1 1 1.042 0v12.008a1.563 1.563 0 0 0 3.125 0V4.167a3.125 3.125 0 0 0-6.25 0v15.1a4.687 4.687 0 0 0 9.375 0V5.053a.521.521 0 0 1 1.042 0v14.218A5.736 5.736 0 0 1 5.729 25Z" |
| 549 | /> |
| 550 | </SvgIcon> |
| 551 | ); |
| 552 | }; |
idillon | aedab94 | 2022-09-01 14:29:43 -0400 | [diff] [blame] | 553 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 554 | export const PenIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 555 | return ( |
| 556 | <SvgIcon {...props} viewBox="0 0 14.863 14.863"> |
| 557 | <path d="m0 14.863.025-5.4L9.49 0l5.373 5.388-3.941 3.941-.711-.715.918-.913-3.967-3.966-6.123 6.129v3.966H5l2.959-2.958.71.715L5.4 14.838ZM9.49 1.426l-1.6 1.6 3.946 3.946 1.6-1.6L9.49 1.427Z" /> |
| 558 | </SvgIcon> |
| 559 | ); |
| 560 | }; |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 561 | |
idillon | 847b464 | 2022-12-29 14:28:38 -0500 | [diff] [blame] | 562 | export const PeopleGroupIcon = (props: SvgIconProps) => { |
| 563 | return ( |
| 564 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 565 | <path d="M20 8.4c-.4-.3-.8-.5-1.2-.7.2-.2.4-.5.6-.8.4-.8.4-1.8 0-2.6-.5-.9-1.5-1.6-2.6-1.6-.7 0-1.5.3-2 .8-.6.6-1 1.6-.8 2.5.1.6.4 1.2.8 1.6-.3.1-.6.3-.9.5-.5-.4-1.2-.6-1.9-.6-.6 0-1.3.2-1.8.6-.3-.1-.7-.2-1-.4.2-.2.4-.5.6-.8.4-.8.4-1.7 0-2.5-.5-1-1.5-1.6-2.6-1.6-.7 0-1.4.3-1.9.8-.7.6-1 1.6-.9 2.5.1.6.4 1.2.8 1.6-1.8.7-3.1 2.5-3.4 4.4v1c0 .2 0 .2.1.3.1.2.4.3.6.3.3 0 .5-.2.5-.5v-.4c0-1.4.7-2.7 1.8-3.5 1.3-.9 3-1 4.4-.2 0 .1-.1.3-.2.4-.4.9-.5 2 0 3 .2.4.5.8.8 1.1-1.2.5-2.3 1.3-3 2.3-.8 1.1-1.2 2.4-1.2 3.7v.1c0 .2 0 .4.1.6.1.2.4.3.6.3.3 0 .5-.2.5-.5v-.5c0-1.5.6-2.9 1.7-3.9 1.4-1.3 3.6-1.7 5.4-1 1.7.7 2.9 2.3 3.2 4 .1.4.1.8.1 1.2v.1c0 .1.1.2.2.3.1.1.2.2.4.2h.2c.2-.1.4-.3.4-.6v-.4c0-1.4-.4-2.7-1.2-3.8-.7-1-1.8-1.8-3-2.2.3-.3.6-.7.8-1.1.4-.9.4-2 0-3-.1-.1-.1-.3-.2-.4 1.1-.6 2.4-.7 3.6-.3 1.4.5 2.4 1.9 2.6 3.4v.9c0 .2 0 .2.1.3.1.2.4.3.6.3.3 0 .5-.2.5-.5v-.4c0-1.6-.8-3.2-2.2-4.3zM8.8 5.9c-.1.6-.5 1.1-1 1.3-.6.3-1.3.1-1.7-.3-.4-.4-.6-1-.5-1.5.2-.8.9-1.4 1.6-1.4h.1c.4 0 .8.2 1.1.6.3.4.5.9.4 1.3zm5.3 5.4c-.1.7-.6 1.4-1.3 1.7-.7.3-1.7.1-2.3-.4-.5-.6-.7-1.3-.6-2 .2-.9 1.1-1.7 2-1.7.3 0 .6.1.9.2.9.4 1.4 1.3 1.3 2.2zm2.7-7.5V4c.7 0 1.4.6 1.6 1.3.1.7-.3 1.5-1 1.8-.6.2-1.3.1-1.8-.3-.4-.4-.6-1-.5-1.5.3-.7.9-1.3 1.7-1.3v-.2z" /> |
| 566 | </SvgIcon> |
| 567 | ); |
| 568 | }; |
| 569 | |
idillon | ae655dd | 2022-10-14 18:11:02 -0400 | [diff] [blame] | 570 | export const PeopleWithPlusSignIcon = (props: SvgIconProps) => { |
| 571 | return ( |
| 572 | <SvgIcon {...props} viewBox="2 2 20 20"> |
| 573 | <path d="M16.1 11.3c1.1-.7 1.8-2 1.8-3.3 0-2.2-1.8-4-4-4s-4 1.8-4 4c0 1.3.7 2.6 1.8 3.3-.6.3-1.2.6-1.8 1.1-.3-.3-.6-.5-1-.7.6-.6 1-1.4 1-2.3 0-1.8-1.4-3.2-3.2-3.2-1.8 0-3.2 1.4-3.2 3.2 0 .9.4 1.7 1 2.3C3 12.5 2 14.1 2 15.9c0 .6.5 1.1 1.1 1.1h4.7c0 .6.5 1.1 1.1 1.1h6.5l-.3-.2c-.3-.2-.5-.6-.7-1v-.1H9.1c0-.3.1-.7.1-1 .1-.6.4-1.1.7-1.6.2-.3.4-.6.7-.8.9-.8 2.1-1.3 3.3-1.3 1.1 0 2.1.4 3 1l.1.1.1-.1c.1-.2.2-.4.4-.6l.2-.2.1-.1-.1-.1c-.5-.3-1.1-.6-1.6-.8zm.5-3.4c0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7 0-1.5 1.2-2.7 2.7-2.7 1.5 0 2.7 1.2 2.7 2.7zm-10 3.4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm2.4 2c-.5.7-.9 1.5-1.1 2.4H3.2c.1-1.8 1.6-3.3 3.4-3.3.9 0 1.8.3 2.4.9z" /> |
| 574 | <path d="M21.2 15.6h-1.7v-1.7c0-.4-.3-.7-.7-.7-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5v1.7h-1.7c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5 0 .4.3.7.7.7h1.7v1.7c0 .4.3.7.7.7.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5V17h1.7c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5 0-.3-.3-.6-.7-.7z" /> |
| 575 | </SvgIcon> |
| 576 | ); |
| 577 | }; |
| 578 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 579 | export const PersonIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 580 | return ( |
idillon | 07d31cc | 2022-12-06 22:40:14 -0500 | [diff] [blame] | 581 | <SvgIcon {...props} viewBox="8.8 2 3 16"> |
| 582 | <path d="M11.258,9.562A3.774,3.774,0,0,0,13.965,5.9,3.79,3.79,0,0,0,10.144,2,3.871,3.871,0,0,0,8.95,9.562,7.806,7.806,0,0,0,2.9,17.443a.557.557,0,1,0,1.114,0c0-3.821,2.786-6.925,6.209-6.925s6.209,3.1,6.209,6.925a.557.557,0,0,0,1.114,0C17.388,13.463,14.681,10.119,11.258,9.562ZM7.278,5.9a2.866,2.866,0,1,1,5.731,0,2.787,2.787,0,0,1-2.866,2.786A2.838,2.838,0,0,1,7.278,5.9Z" /> |
idillon-sfl | 37c18df | 2022-08-26 18:44:27 -0400 | [diff] [blame] | 583 | </SvgIcon> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 584 | ); |
| 585 | }; |
idillon | b3788bf | 2022-08-29 15:57:57 -0400 | [diff] [blame] | 586 | |
idillon | 18283ac | 2023-01-07 12:06:42 -0500 | [diff] [blame] | 587 | export const PersonWithCrossMarkIcon = (props: SvgIconProps) => { |
| 588 | return ( |
| 589 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 590 | <path d="m14.5 13.1.7-.4c-1-.7-2.1-1.2-3.3-1.4 1.9-.6 3.2-2.3 3.2-4.4.1-2.6-2-4.6-4.5-4.6S6 4.4 6 7c0 2.1 1.4 3.8 3.2 4.4C5.1 12.1 2 16 2 20.7c0 .4.3.7.7.7s.7-.3.7-.7c0-4.5 3.3-8.2 7.4-8.2 1.3 0 2.5.4 3.6 1.1 0-.3.1-.5.1-.5zm-3.9-2.8c-1.9 0-3.4-1.5-3.4-3.3 0-1.9 1.5-3.4 3.4-3.4S14 5.1 14 7s-1.5 3.3-3.4 3.3z" /> |
| 591 | <path d="M16.9 11.5c-2.8 0-5.1 2.3-5.1 5.1s2.3 5.1 5.1 5.1 5.1-2.3 5.1-5.1-2.3-5.1-5.1-5.1zm3.4 6.9L18 16.3l2.2-1.9c.4.6.7 1.4.7 2.2-.1.7-.3 1.3-.6 1.8zm-1-4.9-2.2 2-2.3-2.1c.6-.4 1.4-.7 2.2-.7.8 0 1.6.3 2.3.8zm-5.4.8 2.3 2-2.5 2.3c-.3-.6-.6-1.3-.6-2 0-.9.3-1.7.8-2.3zm.5 5.2 2.7-2.4 2.5 2.3c-.7.7-1.6 1.1-2.7 1.1-.9 0-1.8-.4-2.5-1z" /> |
| 592 | </SvgIcon> |
| 593 | ); |
| 594 | }; |
| 595 | |
simon | 2d3b653 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 596 | export const PlaceAudioCallIcon = (props: SvgIconProps) => { |
| 597 | return ( |
| 598 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 599 | <g id="Icons_Outline" stroke="#ffffff" strokeWidth="1.75" fill="none" fillRule="evenodd"> |
| 600 | <g id="Phone"> |
| 601 | <g id="Ico_TEL" transform="translate(3.000000, 3.000000)"> |
| 602 | <path |
| 603 | d="M2.08318114,0.702801822 C3.47221232,-0.375546383 4.67183016,-0.185249641 5.24007015,1.08339531 C6.37655021,3.36695621 7.19734136,4.50873667 6.37655021,5.39678812 C4.86124348,6.41170409 3.78790122,6.91916206 4.35614125,7.99751029 C5.49262131,10.7250969 7.70244359,13.0720901 10.3542304,14.4675995 C11.3644349,15.101922 11.9326749,14.0235738 13.0691549,12.6280643 C14.0162216,11.8668773 15.0895639,12.6914966 17.2993862,14.0235738 C18.4990041,14.7213285 18.5621418,15.8631089 17.4256618,17.1951861 C10.7961949,24.6801913 -5.80904142,6.85572983 2.08318114,0.702801822" |
| 604 | id="Path" |
| 605 | ></path> |
| 606 | </g> |
| 607 | </g> |
| 608 | </g> |
| 609 | </SvgIcon> |
| 610 | ); |
| 611 | }; |
| 612 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 613 | export const RecordingIcon = (props: SvgIconProps) => { |
| 614 | return ( |
| 615 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 616 | <path |
| 617 | d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20.3c-4.6,0-8.3-3.7-8.3-8.3S7.4,3.7,12,3.7 |
| 618 | s8.3,3.7,8.3,8.3S16.6,20.3,12,20.3z" |
| 619 | /> |
| 620 | </SvgIcon> |
| 621 | ); |
| 622 | }; |
| 623 | |
simon | 2d3b653 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 624 | export const RoundCloseIcon = (props: SvgIconProps) => { |
| 625 | return ( |
| 626 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 627 | <path fill="none" stroke="none" d="M0 0h24v24H0V0z" /> |
| 628 | <path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" /> |
| 629 | </SvgIcon> |
| 630 | ); |
| 631 | }; |
| 632 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 633 | export const RoundCrossIcon = (props: SvgIconProps) => { |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 634 | return ( |
| 635 | <SvgIcon {...props} viewBox="0 0 16 16"> |
| 636 | <path d="M8 16a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8ZM8 .888A7.112 7.112 0 1 0 15.112 8 7.12 7.12 0 0 0 8 .888Z" /> |
| 637 | <path d="M10.837 5.167a.444.444 0 0 0-.628 0l-2.2 2.2-2.214-2.2a.44406306.44406306 0 0 0-.628.628l2.2 2.2-2.2 2.2a.44904009.44904009 0 0 0 .628.642l2.2-2.2 2.2 2.2a.4507918.4507918 0 1 0 .642-.633l-2.2-2.2 2.2-2.209a.445.445 0 0 0 0-.628Z" /> |
| 638 | </SvgIcon> |
| 639 | ); |
| 640 | }; |
| 641 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 642 | export const RoundSaltireIcon = (props: SvgIconProps) => { |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 643 | return ( |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 644 | <SvgIcon {...props} viewBox="0 0 16 16"> |
| 645 | <path d="M8 16a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8ZM8 .888A7.112 7.112 0 1 0 15.112 8 7.12 7.12 0 0 0 8 .888Z" /> |
| 646 | <path d="M10.837 5.167a.444.444 0 0 0-.628 0l-2.2 2.2-2.214-2.2a.44406306.44406306 0 0 0-.628.628l2.2 2.2-2.2 2.2a.44904009.44904009 0 0 0 .628.642l2.2-2.2 2.2 2.2a.4507918.4507918 0 1 0 .642-.633l-2.2-2.2 2.2-2.209a.445.445 0 0 0 0-.628Z" /> |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 647 | </SvgIcon> |
| 648 | ); |
| 649 | }; |
| 650 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 651 | export const SaltireIcon = (props: SvgIconProps) => { |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 652 | return ( |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 653 | <SvgIcon {...props} viewBox="5 5 14 14"> |
| 654 | <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" /> |
| 655 | </SvgIcon> |
| 656 | ); |
| 657 | }; |
| 658 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 659 | export const ScreenShareArrowIcon = (props: SvgIconProps) => { |
| 660 | return ( |
| 661 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 662 | <path id="Path" d="M12.6,8.9V7.7l2.6,2.2l-2.6,2.2V11c-3.4,0.1-4.3,2.6-4.3,2.6C8.5,9.6,11.7,9,12.6,8.9z" /> |
| 663 | <g id="Icons_Outline"> |
| 664 | <g id="Laptop_Black_24dp"> |
| 665 | <g transform="translate(2.000000, 5.000000)"> |
| 666 | <g id="Shape"> |
| 667 | <path |
| 668 | d="M17.1,12.1H2.7c-0.5,0-0.9-0.2-1.2-0.5c-0.4-0.4-0.6-0.8-0.6-1.3v-9c0-0.5,0.2-0.9,0.5-1.2s0.8-0.5,1.2-0.5h14.5 |
| 669 | c0.5,0,0.9,0.2,1.2,0.5c0.3,0.3,0.5,0.8,0.5,1.2v9c0,0.5-0.2,0.9-0.5,1.2C18,11.8,17.6,12.1,17.1,12.1z M2.7,0.8 |
| 670 | c-0.1,0-0.2,0.1-0.3,0.1c0,0.1-0.1,0.2-0.1,0.3v9c0,0.1,0,0.2,0.1,0.3c0,0,0.1,0.1,0.3,0.1h14.4c0.1,0,0.2-0.1,0.3-0.1 |
| 671 | c0.1-0.1,0.1-0.2,0.1-0.3v-9c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.3-0.1C17.1,0.8,2.7,0.8,2.7,0.8z" |
| 672 | /> |
| 673 | </g> |
| 674 | <g id="Line-2"> |
| 675 | <path d="M19.6,14.5H0.4c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h19.3c0.4,0,0.7,0.3,0.7,0.7S20,14.5,19.6,14.5z" /> |
| 676 | </g> |
| 677 | </g> |
| 678 | </g> |
| 679 | </g> |
| 680 | </SvgIcon> |
| 681 | ); |
| 682 | }; |
| 683 | |
| 684 | export const ScreenShareRegularIcon = (props: SvgIconProps) => { |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 685 | return ( |
| 686 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 687 | <g id="Icons_Outline"> |
| 688 | <g id="Laptop_Black_24dp"> |
| 689 | <g transform="translate(2.000000, 5.000000)"> |
| 690 | <g id="Shape"> |
| 691 | <path |
| 692 | d="M17.1,12.1H2.7c-0.5,0-0.9-0.2-1.2-0.5c-0.4-0.4-0.6-0.8-0.6-1.3v-9c0-0.5,0.2-0.9,0.5-1.2s0.8-0.5,1.2-0.5h14.5 |
| 693 | c0.5,0,0.9,0.2,1.2,0.5c0.3,0.3,0.5,0.8,0.5,1.2v9c0,0.5-0.2,0.9-0.5,1.2C18,11.8,17.6,12.1,17.1,12.1z M2.7,0.8 |
| 694 | c-0.1,0-0.2,0.1-0.3,0.1c0,0.1-0.1,0.2-0.1,0.3v9c0,0.1,0,0.2,0.1,0.3c0,0,0.1,0.1,0.3,0.1h14.4c0.1,0,0.2-0.1,0.3-0.1 |
| 695 | c0.1-0.1,0.1-0.2,0.1-0.3v-9c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.3-0.1C17.1,0.8,2.7,0.8,2.7,0.8z" |
| 696 | /> |
| 697 | </g> |
| 698 | <g id="Line-2"> |
| 699 | <path d="M19.6,14.5H0.4c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h19.3c0.4,0,0.7,0.3,0.7,0.7S20,14.5,19.6,14.5z" /> |
| 700 | </g> |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 701 | </g> |
| 702 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 703 | </g> |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 704 | </SvgIcon> |
| 705 | ); |
| 706 | }; |
| 707 | |
simon | 33c0618 | 2022-11-02 17:39:31 -0400 | [diff] [blame] | 708 | export const ScreenShareScreenAreaIcon = (props: SvgIconProps) => { |
| 709 | return ( |
| 710 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 711 | <path |
| 712 | d="M19.7,16.4V7.6C21,7.4,22,6.2,22,4.9C22,3.3,20.7,2,19.1,2c-1.4,0-2.5,1-2.8,2.3H7.6C7.4,3,6.2,2,4.9,2C3.3,2,2,3.3,2,4.9 |
| 713 | c0,1.4,1,2.5,2.3,2.8v8.7C3,16.6,2,17.8,2,19.1C2,20.7,3.3,22,4.9,22c1.4,0,2.5-1,2.8-2.2h8.7c0.3,1.3,1.4,2.2,2.8,2.2 |
| 714 | c1.6,0,2.9-1.3,2.9-2.9C22,17.8,21,16.6,19.7,16.4z M18.5,11v2.9l-4.7,4.7H11L18.5,11z M5.5,13v-2.9l4.7-4.7H13L5.5,13z M19.1,17.5 |
| 715 | c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6C17.5,18.2,18.2,17.5,19.1,17.5z M4.9,17.5 |
| 716 | c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6s-1.6-0.7-1.6-1.6C3.2,18.2,3.9,17.5,4.9,17.5z M5.8,16.8C5.8,16.8,5.8,16.8,5.8,16.8 |
| 717 | L5.8,16.8L5.8,16.8z M6.3,17C6.3,17,6.3,17,6.3,17L6.3,17L6.3,17z M16.8,5.9L16.8,5.9L16.8,5.9L16.8,5.9z M16.7,6.4L6.4,16.7 |
| 718 | c0,0-0.1-0.1-0.1-0.1l-0.1,0c0,0-0.1,0-0.2-0.1l-0.3-0.1c-0.1,0-0.1,0-0.2-0.1v-1.6l9.3-9.3h1.6c0,0.1,0,0.2,0.1,0.2 |
| 719 | c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1l0,0.1c0,0.1,0,0.1,0.1,0.2l0,0.1C16.7,6.3,16.7,6.3,16.7,6.4L16.7,6.4z M18.2,7.2L18.2,7.2 |
| 720 | L18.2,7.2L18.2,7.2z M7.1,17.9L7.1,17.9L7.1,17.9C7.1,17.9,7.1,17.9,7.1,17.9z M7.2,17.6L17.6,7.3c0,0,0.1,0.1,0.1,0.1l0.1,0 |
| 721 | c0,0,0.1,0,0.2,0.1l0.3,0.1c0.1,0,0.1,0,0.2,0.1v1.6c0,0,0,0,0,0l-9.3,9.3H7.6c0-0.1,0-0.2-0.1-0.2l0-0.1c0,0,0-0.1,0-0.1l0-0.1 |
| 722 | c0-0.1,0-0.1-0.1-0.1l0-0.1C7.3,17.7,7.3,17.7,7.2,17.6L7.2,17.6z M19.1,6.5c-0.4,0-0.8-0.2-1.1-0.4L18,6c0,0-0.1-0.1-0.1-0.1 |
| 723 | c-0.3-0.3-0.4-0.7-0.4-1.1c0-0.9,0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6C20.8,5.8,20,6.5,19.1,6.5z M16.7,5.7L16.7,5.7 |
| 724 | C16.7,5.7,16.7,5.7,16.7,5.7L16.7,5.7z M4.9,6.5c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.6,1.6-1.6S6.5,4,6.5,4.9 |
| 725 | C6.5,5.8,5.8,6.5,4.9,6.5z M6.3,7L6.3,7L6.3,7L6.3,7z M6.1,7.1L6.1,7.1L6.1,7.1L6.1,7.1z M5.9,7.2L5.9,7.2L5.9,7.2L5.9,7.2z |
| 726 | M5.7,7.3L5.7,7.3L5.7,7.3C5.7,7.3,5.7,7.3,5.7,7.3z M5.3,7.4L5.3,7.4L5.3,7.4L5.3,7.4z M5.5,8.4V7.6c0.1,0,0.2,0,0.2-0.1l0.1,0 |
| 727 | c0,0,0.1,0,0.1,0l0.1,0c0.1,0,0.1,0,0.1-0.1l0.1,0c0,0,0.1,0,0.1-0.1l0.1-0.1c0,0,0.1-0.1,0.1-0.1l0.1,0C6.7,7,6.8,6.9,6.9,6.9 |
| 728 | C6.9,6.8,7,6.7,7,6.7l0.2-0.3c0,0,0.1-0.1,0.1-0.1l0-0.1c0,0,0-0.1,0.1-0.2c0,0,0-0.1,0-0.1l0.1-0.2c0-0.1,0-0.1,0.1-0.2h0.8 |
| 729 | L5.5,8.4z M6.9,6.4L6.9,6.4L6.9,6.4C6.9,6.4,6.9,6.4,6.9,6.4z M7.3,18.3L7.3,18.3C7.3,18.3,7.3,18.3,7.3,18.3L7.3,18.3z M17.7,17 |
| 730 | L17.7,17L17.7,17L17.7,17z M18.3,16.7L18.3,16.7L18.3,16.7C18.3,16.7,18.3,16.7,18.3,16.7z M18.5,15.6v0.8c-0.1,0-0.2,0-0.2,0.1 |
| 731 | c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0l-0.1,0c-0.1,0-0.1,0-0.1,0.1l-0.1,0c0,0-0.1,0.1-0.2,0.1l-0.1,0c0,0-0.1,0.1-0.1,0.1l-0.1,0 |
| 732 | c-0.1,0.1-0.1,0.1-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2l-0.2,0.2l0.2,0.2l-0.3-0.1c0,0-0.1,0.1-0.1,0.1l0,0.1c0,0-0.1,0.1-0.1,0.2 |
| 733 | l-0.1,0.3c0,0.1,0,0.1-0.1,0.2h-0.8L18.5,15.6z M17.1,17.6L17.1,17.6L17.1,17.6L17.1,17.6z M16.8,18.2L16.8,18.2 |
| 734 | C16.8,18.2,16.8,18.2,16.8,18.2L16.8,18.2z" |
| 735 | /> |
| 736 | </SvgIcon> |
| 737 | ); |
| 738 | }; |
| 739 | |
simon | 1e2bf34 | 2022-12-02 12:19:40 -0500 | [diff] [blame] | 740 | export const ScreenShareStopIcon = (props: SvgIconProps) => { |
| 741 | return ( |
| 742 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 743 | <path id="Path" d="M12.6,8.9V7.8l2.6,2.2l-2.6,2.2V11c-3.4,0.1-4.2,2.6-4.2,2.6C8.5,9.6,11.7,9,12.6,8.9z" /> |
| 744 | <g id="Icons_Outline"> |
| 745 | <g id="Laptop_Black_24dp"> |
| 746 | <g transform="translate(2.000000, 5.000000)"> |
| 747 | <g id="Shape"> |
| 748 | <path |
| 749 | d="M17,12H2.8c-0.5,0-0.9-0.2-1.2-0.5C1.2,11.1,1,10.7,1,10.2V1.3c0-0.5,0.2-0.9,0.5-1.2s0.8-0.5,1.2-0.5H17 |
| 750 | c0.5,0,0.9,0.2,1.2,0.5c0.3,0.3,0.5,0.8,0.5,1.2v8.9c0,0.5-0.2,0.9-0.5,1.2S17.5,12,17,12z M2.8,0.9C2.7,0.9,2.6,1,2.5,1 |
| 751 | c0,0.1-0.1,0.2-0.1,0.3v8.9c0,0.1,0,0.2,0.1,0.3c0,0,0.1,0.1,0.3,0.1H17c0.1,0,0.2-0.1,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3V1.3 |
| 752 | c0-0.1,0-0.2-0.1-0.3c0,0-0.1-0.1-0.3-0.1C17,0.9,2.8,0.9,2.8,0.9z" |
| 753 | /> |
| 754 | </g> |
| 755 | <g id="Line-2"> |
| 756 | <path d="M19.5,14.4h-19c-0.4,0-0.7-0.3-0.7-0.7S0.1,13,0.5,13h19c0.4,0,0.7,0.3,0.7,0.7S19.9,14.4,19.5,14.4z" /> |
| 757 | </g> |
| 758 | </g> |
| 759 | </g> |
| 760 | </g> |
| 761 | <g> |
| 762 | <rect |
| 763 | x="2.9" |
| 764 | y="10.3" |
| 765 | transform="matrix(0.8327 -0.5537 0.5537 0.8327 -4.0847 8.3949)" |
| 766 | width="17.9" |
| 767 | height="1.4" |
| 768 | /> |
| 769 | </g> |
| 770 | </SvgIcon> |
| 771 | ); |
| 772 | }; |
| 773 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 774 | export const TrashBinIcon = (props: SvgIconProps) => { |
| 775 | return ( |
| 776 | <SvgIcon {...props} viewBox="0 0 15.44 16"> |
| 777 | <path |
| 778 | d="M17.2 4.08h-4.72v-.32A1.776 1.776 0 0 0 10.72 2H9.44a1.776 1.776 0 0 0-1.76 1.76V4H2.96a.56.56 0 1 0 0 1.12h1.12l.56 11.04A1.879 1.879 0 0 0 6.56 18h7.12a1.879 1.879 0 0 0 1.92-1.84l.56-11.04h1.12a.547.547 0 0 0 .56-.56c0-.32-.32-.48-.64-.48Zm-8.48 0v-.32a.631.631 0 0 1 .64-.64h1.28a.631.631 0 0 1 .64.64V4H8.72Zm6.24 1.04-.56 10.96a.8.8 0 0 1-.8.8H6.56a.756.756 0 0 1-.8-.8L5.12 5.12Z" |
| 779 | transform="translate(-2.4 -2)" |
| 780 | /> |
| 781 | </SvgIcon> |
| 782 | ); |
| 783 | }; |
| 784 | |
| 785 | export const TwoSheetsIcon = (props: SvgIconProps) => { |
| 786 | return ( |
| 787 | <SvgIcon {...props} viewBox="0 0 16 15.68"> |
| 788 | <path |
| 789 | d="M16.72 2.2H7.2a1.264 1.264 0 0 0-1.28 1.28V5.8H3.28A1.264 1.264 0 0 0 2 7.08v9.52a1.264 1.264 0 0 0 1.28 1.28h9.52a1.264 1.264 0 0 0 1.28-1.28v-2.32h2.64A1.264 1.264 0 0 0 18 13V3.48a1.264 1.264 0 0 0-1.28-1.28Zm-3.68 14.4a.212.212 0 0 1-.24.24H3.28a.212.212 0 0 1-.24-.24V7.08a.255.255 0 0 1 .24-.24h9.52a.212.212 0 0 1 .24.24Zm3.92-3.6a.212.212 0 0 1-.24.24h-2.64V7.08A1.264 1.264 0 0 0 12.8 5.8H6.96V3.48a.212.212 0 0 1 .24-.24h9.52a.212.212 0 0 1 .24.24V13Z" |
| 790 | transform="translate(-2 -2.2)" |
| 791 | /> |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 792 | </SvgIcon> |
| 793 | ); |
| 794 | }; |
| 795 | |
simon | 3537869 | 2022-10-02 23:25:57 -0400 | [diff] [blame] | 796 | export const VideoCallIcon = (props: SvgIconProps) => { |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 797 | return ( |
| 798 | <SvgIcon {...props} viewBox="0 0 16 12"> |
ervinanoh | b81c391 | 2022-09-08 04:13:24 -0400 | [diff] [blame] | 799 | {/* <svg |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 800 | xmlns="http://www.w3.org/2000/svg" |
| 801 | width="16" |
| 802 | height="12" |
| 803 | viewBox="0 0 16 12" |
| 804 | > |
| 805 | <defs> |
| 806 | <style>.a{"fill:#005699;"}</style> |
ervinanoh | b81c391 | 2022-09-08 04:13:24 -0400 | [diff] [blame] | 807 | </defs> */} |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 808 | <g transform="translate(-4.4 -6)"> |
| 809 | <g transform="translate(4.4 6)"> |
| 810 | <path |
| 811 | className="a" |
| 812 | d="M12.485,13H2.759C1.923,13,1.4,12.5,1.4,11.9V2.1A1.166,1.166,0,0,1,2.655,1H12.38a1.073,1.073,0,0,1,1.15,1.1V3.6l2.2-1.3a1.173,1.173,0,0,1,1.15,0,.993.993,0,0,1,.523.9v7.7a.842.842,0,0,1-.523.9.832.832,0,0,1-1.046-.1l-2.2-1.3v1.5A1.073,1.073,0,0,1,12.485,13ZM2.55,11.9Zm0,0H12.59V9.4c-.1-.2-.1-.3.209-.4a.485.485,0,0,1,.523,0l2.824,1.7V3.4L13.322,5A.485.485,0,0,1,12.8,5a.537.537,0,0,1-.314-.4V2.1H2.759c-.209,0-.209.1-.209.1Z" |
| 813 | transform="translate(-1.4 -1)" |
| 814 | /> |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 815 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 816 | </g> |
ervinanoh | b81c391 | 2022-09-08 04:13:24 -0400 | [diff] [blame] | 817 | {/* </svg> */} |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 818 | </SvgIcon> |
| 819 | ); |
| 820 | }; |
| 821 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 822 | export const VideoCameraIcon = (props: SvgIconProps) => { |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 823 | return ( |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 824 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 825 | <g id="Icons_Outline" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" strokeLinejoin="round"> |
| 826 | <g id="Camera" fillRule="nonzero" stroke="#ffffff" strokeWidth="1.5"> |
| 827 | <g id="Ico_Camera" transform="translate(3.000000, 5.000000)"> |
| 828 | <path |
| 829 | d="M17.739656,2.05124654 C17.62808,1.97368421 17.4421199,1.93490305 17.1817759,2.0900277 L13.4997675,4.41689751 L13.4997675,1.15927978 C13.4997675,0.849030471 13.3138075,0.5 12.7187355,0.5 L0.929800093,0.5 C0.371920037,0.538781163 0,0.810249307 0,1.19806094 L0,13.8407202 C0,14.2285319 0.371920037,14.5 0.929800093,14.5 L12.7559275,14.5 C13.3138075,14.5 13.5369596,14.1509695 13.5369596,13.8407202 L13.5369596,10.5831025 L17.2189679,12.9487535 C17.4421199,13.1038781 17.62808,13.065097 17.739656,12.9875346 C18,12.83241 18,12.5221607 18,12.4058172 L18,2.63296399 C18,2.5166205 18,2.20637119 17.739656,2.05124654 Z" |
| 830 | id="Path" |
| 831 | ></path> |
| 832 | </g> |
ervinanoh | 8e91804 | 2022-09-06 10:30:59 -0400 | [diff] [blame] | 833 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 834 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 835 | </SvgIcon> |
| 836 | ); |
| 837 | }; |
idillon | 927b759 | 2022-09-15 12:56:45 -0400 | [diff] [blame] | 838 | |
simon | 1170c32 | 2022-10-31 14:51:31 -0400 | [diff] [blame] | 839 | export const VideoCameraOffIcon = (props: SvgIconProps) => { |
| 840 | return ( |
| 841 | <SvgIcon {...props} viewBox="0 0 24 24"> |
simon | 2d3b653 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 842 | <g id="Icons_Outline" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"> |
simon | 1170c32 | 2022-10-31 14:51:31 -0400 | [diff] [blame] | 843 | <g id="Camera-Off" stroke="#ffffff" strokeWidth="1.5"> |
| 844 | <line x1="4.5" y1="18.5" x2="15.5" y2="6.5" id="Line" strokeLinecap="round"></line> |
| 845 | <g id="Ico_Camera" transform="translate(3.000000, 5.000000)" fillRule="nonzero" strokeLinejoin="round"> |
| 846 | <path |
| 847 | d="M17.739656,2.05124654 C17.62808,1.97368421 17.4421199,1.93490305 17.1817759,2.0900277 L13.4997675,4.41689751 L13.4997675,1.15927978 C13.4997675,0.849030471 13.3138075,0.5 12.7187355,0.5 L0.929800093,0.5 C0.371920037,0.538781163 0,0.810249307 0,1.19806094 L0,13.8407202 C0,14.2285319 0.371920037,14.5 0.929800093,14.5 L12.7559275,14.5 C13.3138075,14.5 13.5369596,14.1509695 13.5369596,13.8407202 L13.5369596,10.5831025 L17.2189679,12.9487535 C17.4421199,13.1038781 17.62808,13.065097 17.739656,12.9875346 C18,12.83241 18,12.5221607 18,12.4058172 L18,2.63296399 C18,2.5166205 18,2.20637119 17.739656,2.05124654 Z" |
| 848 | id="Path" |
| 849 | ></path> |
| 850 | </g> |
| 851 | </g> |
| 852 | </g> |
| 853 | </SvgIcon> |
| 854 | ); |
| 855 | }; |
| 856 | |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 857 | export const VolumeIcon = (props: SvgIconProps) => { |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 858 | return ( |
Gabriel Rochon | e3ec0d2 | 2022-10-08 14:27:03 -0400 | [diff] [blame] | 859 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 860 | <g> |
| 861 | <path |
| 862 | d="M14.6,4c-0.4-0.7-1.3-0.8-2-0.4L6.8,7.7H4.1C3,7.7,2,8.7,2,9.9v4.3c0,1.2,1,2.1,2.1,2.1h2.6l5.8,4.1 |
| 863 | c0.2,0.2,0.5,0.2,0.8,0.2c0.8,0,1.4-0.6,1.5-1.4V4.8C14.9,4.5,14.8,4.2,14.6,4z M13.4,19.2L13.4,19.2l-5.7-4l-0.4-0.3h-1H6.1h-2 |
| 864 | c-0.4,0-0.7-0.3-0.7-0.7V9.9c0-0.4,0.3-0.7,0.7-0.7H6h0.2h1l0.4-0.3l5.7-4L13.4,19.2L13.4,19.2z" |
| 865 | /> |
| 866 | <path |
| 867 | d="M19.1,12c0,1.5-0.6,2.9-1.6,4c-0.3,0.3-0.7,0.3-1,0c-0.3-0.3-0.3-0.7,0-1c1.6-1.7,1.6-4.3,0-6c-0.3-0.3-0.3-0.7,0-1 |
| 868 | c0.3-0.3,0.7-0.3,1,0C18.6,9.1,19.1,10.5,19.1,12z" |
| 869 | /> |
| 870 | <path |
| 871 | d="M18.9,5.1c-0.3-0.3-0.7-0.2-1,0c-0.3,0.3-0.2,0.7,0,1c3.3,2.9,3.5,8,0.6,11.2c-0.2,0.2-0.4,0.4-0.6,0.6 |
| 872 | c-0.3,0.3-0.3,0.7,0,1c0.3,0.3,0.7,0.3,1,0c3.8-3.5,4.1-9.4,0.7-13.2C19.4,5.5,19.1,5.3,18.9,5.1L18.9,5.1z" |
| 873 | /> |
| 874 | </g> |
simon | d47ef9e | 2022-09-28 22:24:28 -0400 | [diff] [blame] | 875 | </SvgIcon> |
| 876 | ); |
| 877 | }; |
Gabriel Rochon | 8321a0d | 2022-11-06 23:18:36 -0500 | [diff] [blame] | 878 | |
| 879 | export const WindowIcon = (props: SvgIconProps) => { |
| 880 | return ( |
| 881 | <SvgIcon {...props} viewBox="0 0 24 24"> |
| 882 | <path |
| 883 | d="M20.5,0.8h-17C2,0.8,0.8,2,0.8,3.5v17c0,1.5,1.2,2.7,2.7,2.7h17c1.5,0,2.7-1.2,2.7-2.7v-17C23.2,2,22,0.8,20.5,0.8z |
| 884 | M3.5,2.2h17c0.7,0,1.3,0.6,1.3,1.3v0.1H2.2V3.5C2.2,2.8,2.8,2.2,3.5,2.2z M7.7,21.8H3.5c-0.7,0-1.3-0.6-1.3-1.3V5h5.5h1.4h12.7 |
| 885 | v15.5c0,0.7-0.6,1.3-1.3,1.3H9.1H7.7z" |
| 886 | /> |
| 887 | </SvgIcon> |
| 888 | ); |
| 889 | }; |