Add settings page icons

This commit is contained in:
Hazem Krimi
2021-05-01 17:57:04 +01:00
parent 2a9a48974d
commit 26f3ee450f
4 changed files with 17 additions and 0 deletions
+4
View File
@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 8H1" stroke="#5F6CAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 15L1 8L8 1" stroke="#5F6CAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 311 B

+4
View File
@@ -0,0 +1,4 @@
<svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8889 20.0001V17.889C17.8889 16.7692 17.444 15.6952 16.6522 14.9034C15.8604 14.1116 14.7865 13.6667 13.6667 13.6667H5.22222C4.10242 13.6667 3.02848 14.1116 2.23666 14.9034C1.44484 15.6952 1 16.7692 1 17.889V20.0001" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.44445 9.44444C11.7763 9.44444 13.6667 7.55409 13.6667 5.22222C13.6667 2.89035 11.7763 1 9.44445 1C7.11258 1 5.22223 2.89035 5.22223 5.22222C5.22223 7.55409 7.11258 9.44444 9.44445 9.44444Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 695 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 21C9 21 17 17 17 11V4L9 1L1 4V11C1 17 9 21 9 21Z" stroke="#5F6CAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 248 B

+6
View File
@@ -1,12 +1,15 @@
import { ReactComponent as Add } from './icons/add.svg';
import { ReactComponent as Upload } from './icons/upload.svg';
import { ReactComponent as ChevronDown } from './icons/chevron-down.svg';
import { ReactComponent as ArrowLeft } from './icons/arrow-left.svg';
import { ReactComponent as Search } from './icons/search.svg';
import { ReactComponent as Check } from './icons/check.svg';
import { ReactComponent as Google } from './icons/google.svg';
import { ReactComponent as Settings } from './icons/settings.svg';
import { ReactComponent as Logout } from './icons/logout.svg';
import { ReactComponent as Logo } from './icons/logo.svg';
import { ReactComponent as Profile } from './icons/profile.svg';
import { ReactComponent as Security } from './icons/security.svg';
import { ReactComponent as Login } from './images/login.svg';
import { ReactComponent as Signup } from './images/signup.svg';
import { ReactComponent as Empty } from './images/empty.svg';
@@ -15,12 +18,15 @@ export {
Add,
Upload,
ChevronDown,
ArrowLeft,
Search,
Check,
Google,
Settings,
Logout,
Logo,
Profile,
Security,
Login,
Signup,
Empty,