Skip to content

Commit

Permalink
sorted svg icons for better navigation
Browse files Browse the repository at this point in the history
  • Loading branch information
@desperado1802
desperado1802 committed Oct 23, 2023
1 parent 5fd7274 commit 93848c5
Showing 1 changed file with 57 additions and 45 deletions.
102 changes: 57 additions & 45 deletions apps/mobile/app/components/svgs/icons.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
// Theme Switcher Icons

export const sunDarkLarge = `<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 21.375C18.6924 21.375 20.875 19.1924 20.875 16.5C20.875 13.8076 18.6924 11.625 16 11.625C13.3076 11.625 11.125 13.8076 11.125 16.5C11.125 19.1924 13.3076 21.375 16 21.375Z" stroke="#7B8089" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.355 21.855L21.2575 21.7575M21.2575 11.2425L21.355 11.145L21.2575 11.2425ZM10.645 21.855L10.7425 21.7575L10.645 21.855ZM16 9.06V9V9.06ZM16 24V23.94V24ZM8.56 16.5H8.5H8.56ZM23.5 16.5H23.44H23.5ZM10.7425 11.2425L10.645 11.145L10.7425 11.2425Z" stroke="#7B8089" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
Expand Down Expand Up @@ -27,6 +29,8 @@ export const moonDarkMedium = `<svg width="25" height="24" viewBox="0 0 25 24" f
</svg>
`

// Ever Teams Logo

export const everTeamsLogoLightTheme = `<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
Expand Down Expand Up @@ -158,47 +162,7 @@ export const greenCircleTickIcon = `<svg
/>
</svg>`

export const peopleIconGrey = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4996 5.37C13.4546 5.3625 13.4021 5.3625 13.3571 5.37C12.3221 5.3325 11.4971 4.485 11.4971 3.435C11.4971 2.3625 12.3596 1.5 13.4321 1.5C14.5046 1.5 15.3671 2.37 15.3671 3.435C15.3596 4.485 14.5346 5.3325 13.4996 5.37Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.7266 10.8301C13.7541 11.0026 14.8866 10.8226 15.6816 10.2901C16.7391 9.58512 16.7391 8.43012 15.6816 7.72512C14.8791 7.19262 13.7316 7.01262 12.7041 7.19262" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.47785 5.37C4.52285 5.3625 4.57535 5.3625 4.62035 5.37C5.65535 5.3325 6.48035 4.485 6.48035 3.435C6.48035 2.3625 5.61785 1.5 4.54535 1.5C3.47285 1.5 2.61035 2.37 2.61035 3.435C2.61785 4.485 3.44285 5.3325 4.47785 5.37Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.25008 10.8301C4.22258 11.0026 3.09008 10.8226 2.29508 10.2901C1.23758 9.58512 1.23758 8.43012 2.29508 7.72512C3.09758 7.19262 4.24508 7.01262 5.27258 7.19262" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.99957 10.9725C8.95457 10.965 8.90207 10.965 8.85707 10.9725C7.82207 10.935 6.99707 10.0875 6.99707 9.03754C6.99707 7.96504 7.85957 7.10254 8.93207 7.10254C10.0046 7.10254 10.8671 7.97254 10.8671 9.03754C10.8596 10.0875 10.0346 10.9425 8.99957 10.9725Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.81754 13.335C5.76004 14.04 5.76004 15.195 6.81754 15.9C8.01754 16.7025 9.98254 16.7025 11.1825 15.9C12.24 15.195 12.24 14.04 11.1825 13.335C9.99004 12.54 8.01754 12.54 6.81754 13.335Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`

export const peopleIconActive = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6478 5.8275C13.5953 5.82 13.5428 5.82 13.4903 5.8275C12.3278 5.79 11.4053 4.8375 11.4053 3.6675C11.4053 2.475 12.3728 1.5 13.5728 1.5C14.7653 1.5 15.7403 2.4675 15.7403 3.6675C15.7328 4.8375 14.8103 5.79 13.6478 5.8275Z" fill="#3826A6"/>
<path d="M16.0927 11.0251C15.2527 11.5876 14.0752 11.7976 12.9877 11.6551C13.2727 11.0401 13.4227 10.3576 13.4302 9.63756C13.4302 8.88756 13.2652 8.17506 12.9502 7.55256C14.0602 7.40256 15.2377 7.61256 16.0852 8.17506C17.2702 8.95506 17.2702 10.2376 16.0927 11.0251Z" fill="#3826A6"/>
<path d="M5.33012 5.8275C5.38262 5.82 5.43512 5.82 5.48762 5.8275C6.65012 5.79 7.57262 4.8375 7.57262 3.6675C7.57262 2.4675 6.60512 1.5 5.40512 1.5C4.21262 1.5 3.24512 2.4675 3.24512 3.6675C3.24512 4.8375 4.16762 5.79 5.33012 5.8275Z" fill="#3826A6"/>
<path d="M5.41234 9.63746C5.41234 10.365 5.56984 11.055 5.85484 11.6775C4.79734 11.79 3.69484 11.565 2.88484 11.0325C1.69984 10.245 1.69984 8.96246 2.88484 8.17496C3.68734 7.63496 4.81984 7.41746 5.88484 7.53746C5.57734 8.16746 5.41234 8.87996 5.41234 9.63746Z" fill="#3826A6"/>
<path d="M9.58961 11.9025C9.52961 11.895 9.46211 11.895 9.39461 11.9025C8.01461 11.8575 6.91211 10.725 6.91211 9.33C6.91961 7.905 8.06711 6.75 9.49961 6.75C10.9246 6.75 12.0796 7.905 12.0796 9.33C12.0721 10.725 10.9771 11.8575 9.58961 11.9025Z" fill="#3826A6"/>
<path d="M7.15211 13.455C6.01961 14.2125 6.01961 15.4575 7.15211 16.2075C8.44211 17.07 10.5571 17.07 11.8471 16.2075C12.9796 15.45 12.9796 14.205 11.8471 13.455C10.5646 12.5925 8.44961 12.5925 7.15211 13.455Z" fill="#3826A6"/>
</svg>`

export const peopleIconActiveDark = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6478 5.8275C13.5953 5.82 13.5428 5.82 13.4903 5.8275C12.3278 5.79 11.4053 4.8375 11.4053 3.6675C11.4053 2.475 12.3728 1.5 13.5728 1.5C14.7653 1.5 15.7403 2.4675 15.7403 3.6675C15.7328 4.8375 14.8103 5.79 13.6478 5.8275Z" fill="#8C7AE4"/>
<path d="M16.0927 11.0251C15.2527 11.5876 14.0752 11.7976 12.9877 11.6551C13.2727 11.0401 13.4227 10.3576 13.4302 9.63756C13.4302 8.88756 13.2652 8.17506 12.9502 7.55256C14.0602 7.40256 15.2377 7.61256 16.0852 8.17506C17.2702 8.95506 17.2702 10.2376 16.0927 11.0251Z" fill="#8C7AE4"/>
<path d="M5.33012 5.8275C5.38262 5.82 5.43512 5.82 5.48762 5.8275C6.65012 5.79 7.57262 4.8375 7.57262 3.6675C7.57262 2.4675 6.60512 1.5 5.40512 1.5C4.21262 1.5 3.24512 2.4675 3.24512 3.6675C3.24512 4.8375 4.16762 5.79 5.33012 5.8275Z" fill="#8C7AE4"/>
<path d="M5.41234 9.63746C5.41234 10.365 5.56984 11.055 5.85484 11.6775C4.79734 11.79 3.69484 11.565 2.88484 11.0325C1.69984 10.245 1.69984 8.96246 2.88484 8.17496C3.68734 7.63496 4.81984 7.41746 5.88484 7.53746C5.57734 8.16746 5.41234 8.87996 5.41234 9.63746Z" fill="#8C7AE4"/>
<path d="M9.58961 11.9025C9.52961 11.895 9.46211 11.895 9.39461 11.9025C8.01461 11.8575 6.91211 10.725 6.91211 9.33C6.91961 7.905 8.06711 6.75 9.49961 6.75C10.9246 6.75 12.0796 7.905 12.0796 9.33C12.0721 10.725 10.9771 11.8575 9.58961 11.9025Z" fill="#8C7AE4"/>
<path d="M7.15211 13.455C6.01961 14.2125 6.01961 15.4575 7.15211 16.2075C8.44211 17.07 10.5571 17.07 11.8471 16.2075C12.9796 15.45 12.9796 14.205 11.8471 13.455C10.5646 12.5925 8.44961 12.5925 7.15211 13.455Z" fill="#8C7AE4"/>
</svg>`

export const userGrey = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.4426 16.5C15.4426 13.5975 12.5551 11.25 9.00011 11.25C5.44511 11.25 2.55762 13.5975 2.55762 16.5" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`

export const userActive = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" fill="#3826A6"/>
<path d="M9.00012 10.875C5.24262 10.875 2.18262 13.395 2.18262 16.5C2.18262 16.71 2.34762 16.875 2.55762 16.875H15.4426C15.6526 16.875 15.8176 16.71 15.8176 16.5C15.8176 13.395 12.7576 10.875 9.00012 10.875Z" fill="#3826A6"/>
</svg>`

export const userActiveDark = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" fill="#8C7AE4"/>
<path d="M9.00012 10.875C5.24262 10.875 2.18262 13.395 2.18262 16.5C2.18262 16.71 2.34762 16.875 2.55762 16.875H15.4426C15.6526 16.875 15.8176 16.71 15.8176 16.5C15.8176 13.395 12.7576 10.875 9.00012 10.875Z" fill="#8C7AE4"/>
</svg>`
// Timer Icons

export const timerLargeStopIcon = `<svg
width="30"
Expand Down Expand Up @@ -320,6 +284,50 @@ export const timerSmallDarkPlayIcon = `<svg
<path d="M21.1056 18.0367L16.3806 20.7667L11.6673 23.485C9.97559 24.4533 8.06226 24.255 6.67393 23.275C5.99726 22.8083 6.07893 21.77 6.79059 21.35L21.6189 12.46C22.3189 12.04 23.2406 12.4367 23.3689 13.2417C23.6606 15.05 22.9139 16.9983 21.1056 18.0367Z" />
</svg>`

// Footer Navigation and Hamburger/Drawer Menu icons

export const peopleIconGrey = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4996 5.37C13.4546 5.3625 13.4021 5.3625 13.3571 5.37C12.3221 5.3325 11.4971 4.485 11.4971 3.435C11.4971 2.3625 12.3596 1.5 13.4321 1.5C14.5046 1.5 15.3671 2.37 15.3671 3.435C15.3596 4.485 14.5346 5.3325 13.4996 5.37Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.7266 10.8301C13.7541 11.0026 14.8866 10.8226 15.6816 10.2901C16.7391 9.58512 16.7391 8.43012 15.6816 7.72512C14.8791 7.19262 13.7316 7.01262 12.7041 7.19262" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.47785 5.37C4.52285 5.3625 4.57535 5.3625 4.62035 5.37C5.65535 5.3325 6.48035 4.485 6.48035 3.435C6.48035 2.3625 5.61785 1.5 4.54535 1.5C3.47285 1.5 2.61035 2.37 2.61035 3.435C2.61785 4.485 3.44285 5.3325 4.47785 5.37Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.25008 10.8301C4.22258 11.0026 3.09008 10.8226 2.29508 10.2901C1.23758 9.58512 1.23758 8.43012 2.29508 7.72512C3.09758 7.19262 4.24508 7.01262 5.27258 7.19262" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.99957 10.9725C8.95457 10.965 8.90207 10.965 8.85707 10.9725C7.82207 10.935 6.99707 10.0875 6.99707 9.03754C6.99707 7.96504 7.85957 7.10254 8.93207 7.10254C10.0046 7.10254 10.8671 7.97254 10.8671 9.03754C10.8596 10.0875 10.0346 10.9425 8.99957 10.9725Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.81754 13.335C5.76004 14.04 5.76004 15.195 6.81754 15.9C8.01754 16.7025 9.98254 16.7025 11.1825 15.9C12.24 15.195 12.24 14.04 11.1825 13.335C9.99004 12.54 8.01754 12.54 6.81754 13.335Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`

export const peopleIconActive = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6478 5.8275C13.5953 5.82 13.5428 5.82 13.4903 5.8275C12.3278 5.79 11.4053 4.8375 11.4053 3.6675C11.4053 2.475 12.3728 1.5 13.5728 1.5C14.7653 1.5 15.7403 2.4675 15.7403 3.6675C15.7328 4.8375 14.8103 5.79 13.6478 5.8275Z" fill="#3826A6"/>
<path d="M16.0927 11.0251C15.2527 11.5876 14.0752 11.7976 12.9877 11.6551C13.2727 11.0401 13.4227 10.3576 13.4302 9.63756C13.4302 8.88756 13.2652 8.17506 12.9502 7.55256C14.0602 7.40256 15.2377 7.61256 16.0852 8.17506C17.2702 8.95506 17.2702 10.2376 16.0927 11.0251Z" fill="#3826A6"/>
<path d="M5.33012 5.8275C5.38262 5.82 5.43512 5.82 5.48762 5.8275C6.65012 5.79 7.57262 4.8375 7.57262 3.6675C7.57262 2.4675 6.60512 1.5 5.40512 1.5C4.21262 1.5 3.24512 2.4675 3.24512 3.6675C3.24512 4.8375 4.16762 5.79 5.33012 5.8275Z" fill="#3826A6"/>
<path d="M5.41234 9.63746C5.41234 10.365 5.56984 11.055 5.85484 11.6775C4.79734 11.79 3.69484 11.565 2.88484 11.0325C1.69984 10.245 1.69984 8.96246 2.88484 8.17496C3.68734 7.63496 4.81984 7.41746 5.88484 7.53746C5.57734 8.16746 5.41234 8.87996 5.41234 9.63746Z" fill="#3826A6"/>
<path d="M9.58961 11.9025C9.52961 11.895 9.46211 11.895 9.39461 11.9025C8.01461 11.8575 6.91211 10.725 6.91211 9.33C6.91961 7.905 8.06711 6.75 9.49961 6.75C10.9246 6.75 12.0796 7.905 12.0796 9.33C12.0721 10.725 10.9771 11.8575 9.58961 11.9025Z" fill="#3826A6"/>
<path d="M7.15211 13.455C6.01961 14.2125 6.01961 15.4575 7.15211 16.2075C8.44211 17.07 10.5571 17.07 11.8471 16.2075C12.9796 15.45 12.9796 14.205 11.8471 13.455C10.5646 12.5925 8.44961 12.5925 7.15211 13.455Z" fill="#3826A6"/>
</svg>`

export const peopleIconActiveDark = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6478 5.8275C13.5953 5.82 13.5428 5.82 13.4903 5.8275C12.3278 5.79 11.4053 4.8375 11.4053 3.6675C11.4053 2.475 12.3728 1.5 13.5728 1.5C14.7653 1.5 15.7403 2.4675 15.7403 3.6675C15.7328 4.8375 14.8103 5.79 13.6478 5.8275Z" fill="#8C7AE4"/>
<path d="M16.0927 11.0251C15.2527 11.5876 14.0752 11.7976 12.9877 11.6551C13.2727 11.0401 13.4227 10.3576 13.4302 9.63756C13.4302 8.88756 13.2652 8.17506 12.9502 7.55256C14.0602 7.40256 15.2377 7.61256 16.0852 8.17506C17.2702 8.95506 17.2702 10.2376 16.0927 11.0251Z" fill="#8C7AE4"/>
<path d="M5.33012 5.8275C5.38262 5.82 5.43512 5.82 5.48762 5.8275C6.65012 5.79 7.57262 4.8375 7.57262 3.6675C7.57262 2.4675 6.60512 1.5 5.40512 1.5C4.21262 1.5 3.24512 2.4675 3.24512 3.6675C3.24512 4.8375 4.16762 5.79 5.33012 5.8275Z" fill="#8C7AE4"/>
<path d="M5.41234 9.63746C5.41234 10.365 5.56984 11.055 5.85484 11.6775C4.79734 11.79 3.69484 11.565 2.88484 11.0325C1.69984 10.245 1.69984 8.96246 2.88484 8.17496C3.68734 7.63496 4.81984 7.41746 5.88484 7.53746C5.57734 8.16746 5.41234 8.87996 5.41234 9.63746Z" fill="#8C7AE4"/>
<path d="M9.58961 11.9025C9.52961 11.895 9.46211 11.895 9.39461 11.9025C8.01461 11.8575 6.91211 10.725 6.91211 9.33C6.91961 7.905 8.06711 6.75 9.49961 6.75C10.9246 6.75 12.0796 7.905 12.0796 9.33C12.0721 10.725 10.9771 11.8575 9.58961 11.9025Z" fill="#8C7AE4"/>
<path d="M7.15211 13.455C6.01961 14.2125 6.01961 15.4575 7.15211 16.2075C8.44211 17.07 10.5571 17.07 11.8471 16.2075C12.9796 15.45 12.9796 14.205 11.8471 13.455C10.5646 12.5925 8.44961 12.5925 7.15211 13.455Z" fill="#8C7AE4"/>
</svg>`

export const userGrey = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.4426 16.5C15.4426 13.5975 12.5551 11.25 9.00011 11.25C5.44511 11.25 2.55762 13.5975 2.55762 16.5" stroke="#717274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`

export const userActive = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" fill="#3826A6"/>
<path d="M9.00012 10.875C5.24262 10.875 2.18262 13.395 2.18262 16.5C2.18262 16.71 2.34762 16.875 2.55762 16.875H15.4426C15.6526 16.875 15.8176 16.71 15.8176 16.5C15.8176 13.395 12.7576 10.875 9.00012 10.875Z" fill="#3826A6"/>
</svg>`

export const userActiveDark = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25C5.25 7.32107 6.92893 9 9 9Z" fill="#8C7AE4"/>
<path d="M9.00012 10.875C5.24262 10.875 2.18262 13.395 2.18262 16.5C2.18262 16.71 2.34762 16.875 2.55762 16.875H15.4426C15.6526 16.875 15.8176 16.71 15.8176 16.5C15.8176 13.395 12.7576 10.875 9.00012 10.875Z" fill="#8C7AE4"/>
</svg>`

export const peopleNotFocusedDark = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 7.16C17.94 7.15 17.87 7.15 17.81 7.16C16.43 7.11 15.33 5.98 15.33 4.58C15.33 3.15 16.48 2 17.91 2C19.34 2 20.49 3.16 20.49 4.58C20.48 5.98 19.38 7.11 18 7.16Z" stroke="#484A4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.9699 14.44C18.3399 14.67 19.8499 14.43 20.9099 13.72C22.3199 12.78 22.3199 11.24 20.9099 10.3C19.8399 9.59004 18.3099 9.35003 16.9399 9.59003" stroke="#484A4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
Expand Down Expand Up @@ -410,7 +418,10 @@ export const settingsIconDark = `<svg width="25" height="24" viewBox="0 0 25 24"
<path d="M2.5 12.8804V11.1204C2.5 10.0804 3.35 9.22043 4.4 9.22043C6.21 9.22043 6.95 7.94042 6.04 6.37042C5.52 5.47042 5.83 4.30042 6.74 3.78042L8.47 2.79042C9.26 2.32042 10.28 2.60042 10.75 3.39042L10.86 3.58042C11.76 5.15042 13.24 5.15042 14.15 3.58042L14.26 3.39042C14.73 2.60042 15.75 2.32042 16.54 2.79042L18.27 3.78042C19.18 4.30042 19.49 5.47042 18.97 6.37042C18.06 7.94042 18.8 9.22043 20.61 9.22043C21.65 9.22043 22.51 10.0704 22.51 11.1204V12.8804C22.51 13.9204 21.66 14.7804 20.61 14.7804C18.8 14.7804 18.06 16.0604 18.97 17.6304C19.49 18.5404 19.18 19.7004 18.27 20.2204L16.54 21.2104C15.75 21.6804 14.73 21.4004 14.26 20.6104L14.15 20.4204C13.25 18.8504 11.77 18.8504 10.86 20.4204L10.75 20.6104C10.28 21.4004 9.26 21.6804 8.47 21.2104L6.74 20.2204C5.83 19.7004 5.52 18.5304 6.04 17.6304C6.95 16.0604 6.21 14.7804 4.4 14.7804C3.35 14.7804 2.5 13.9204 2.5 12.8804Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
`
export const suspendedStatusIcon = ` <svg

// Timer Status Icons

export const suspendedStatusIcon = `<svg
width="8"
height="8"
viewBox="0 0 10 10"
Expand All @@ -420,7 +431,7 @@ export const suspendedStatusIcon = ` <svg
<path d="M4.98728 0.882324C2.71433 0.882324 0.869629 2.72703 0.869629 4.99997C0.869629 7.27291 2.71433 9.11762 4.98728 9.11762C7.26022 9.11762 9.10492 7.27291 9.10492 4.99997C9.10492 2.72703 7.26434 0.882324 4.98728 0.882324ZM6.74139 5.50644C6.74139 6.18997 6.18963 6.74174 5.5061 6.74174H4.49316C3.80963 6.74174 3.25786 6.18997 3.25786 5.50644V4.4935C3.25786 3.80997 3.80963 3.25821 4.49316 3.25821H5.5061C6.18963 3.25821 6.74139 3.80997 6.74139 4.4935V5.50644Z" />
</svg>`

export const idleStatusIcon = ` <svg
export const idleStatusIcon = `<svg
width="8"
height="8"
viewBox="0 0 10 10"
Expand All @@ -430,7 +441,7 @@ export const idleStatusIcon = ` <svg
<path d="M4.98728 0.882324C2.71433 0.882324 0.869629 2.72703 0.869629 4.99997C0.869629 7.27291 2.71433 9.11762 4.98728 9.11762C7.26022 9.11762 9.10492 7.27291 9.10492 4.99997C9.10492 2.72703 7.26434 0.882324 4.98728 0.882324ZM6.74139 5.50644C6.74139 6.18997 6.18963 6.74174 5.5061 6.74174H4.49316C3.80963 6.74174 3.25786 6.18997 3.25786 5.50644V4.4935C3.25786 3.80997 3.80963 3.25821 4.49316 3.25821H5.5061C6.18963 3.25821 6.74139 3.80997 6.74139 4.4935V5.50644Z" />
</svg>`

export const onlineAndTrackingTimeStatusIcon = ` <svg
export const onlineAndTrackingTimeStatusIcon = `<svg
width="8"
height="8"
viewBox="0 0 10 10"
Expand All @@ -446,7 +457,8 @@ export const onlineAndTrackingTimeStatusIcon = ` <svg
fill="#307D50"
/>
</svg>`
export const pauseStatusIcon = ` <svg

export const pauseStatusIcon = `<svg
width="8"
height="8"
viewBox="0 0 10 10"
Expand Down

0 comments on commit 93848c5

Please sign in to comment.