crimson-quirks/crimson-quirks-ui
1
0
Fork 0
mirror of https://github.com/hazemKrimi/crimson-quirks-ui.git synced 2026-05-01 18:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add edit and delete icons

Browse Source
This commit is contained in:
Hazem Krimi
2021-05-06 01:43:09 +01:00
parent 7163cd3671
commit fed79fc8e2
3 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/icons/delete.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5H3H19" stroke="#F03738" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 5V3C6 2.46957 6.21071 1.96086 6.58579 1.58579C6.96086 1.21071 7.46957 1 8 1H12C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V5M17 5V19C17 19.5304 16.7893 20.0391 16.4142 20.4142C16.0391 20.7893 15.5304 21 15 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5H17Z" stroke="#F03738" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 623 B

src/assets/icons/edit.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 1.82843C16.2626 1.56578 16.5744 1.35744 16.9176 1.2153C17.2608 1.07316 17.6286 1 18 1C18.3714 1 18.7392 1.07316 19.0824 1.2153C19.4256 1.35744 19.7374 1.56578 20 1.82843C20.2626 2.09107 20.471 2.40287 20.6131 2.74603C20.7553 3.0892 20.8284 3.45699 20.8284 3.82843C20.8284 4.19986 20.7553 4.56766 20.6131 4.91082C20.471 5.25398 20.2626 5.56578 20 5.82843L6.5 19.3284L1 20.8284L2.5 15.3284L16 1.82843Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

src/assets/index.ts
+4
View File
@@ -10,6 +10,8 @@ import { ReactComponent as Logout } from './icons/logout.svg';
import { ReactComponent as Logo } from './icons/logo.svg'; import { ReactComponent as Logo } from './icons/logo.svg';
import { ReactComponent as Profile } from './icons/profile.svg'; import { ReactComponent as Profile } from './icons/profile.svg';
import { ReactComponent as Security } from './icons/security.svg'; import { ReactComponent as Security } from './icons/security.svg';
import { ReactComponent as Edit } from './icons/edit.svg';
import { ReactComponent as Delete } from './icons/delete.svg';
import { ReactComponent as Login } from './images/login.svg'; import { ReactComponent as Login } from './images/login.svg';
import { ReactComponent as Signup } from './images/signup.svg'; import { ReactComponent as Signup } from './images/signup.svg';
import { ReactComponent as Empty } from './images/empty.svg'; import { ReactComponent as Empty } from './images/empty.svg';
@@ -27,6 +29,8 @@ export {
Logo, Logo,
Profile, Profile,
Security, Security,
Edit,
Delete,
Login, Login,
Signup, Signup,
Empty, Empty,