Icons.tsx
55 lines
| 1 | export function NotesIcon() { |
| 2 | return ( |
| 3 | <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 4 | <path |
| 5 | d="M28 22H16m4 8h-4m16-16H16m24-.4v20.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C35.44 44 33.76 44 30.4 44H17.6c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C8 39.44 8 37.76 8 34.4V13.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C12.56 4 14.24 4 17.6 4h12.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C40 8.56 40 10.24 40 13.6z" |
| 6 | stroke="#9CA0AF" |
| 7 | strokeWidth="4" |
| 8 | strokeLinecap="round" |
| 9 | strokeLinejoin="round" |
| 10 | /> |
| 11 | </svg> |
| 12 | ) |
| 13 | } |
| 14 | |
| 15 | export function DotsMenuIcon() { |
| 16 | return ( |
| 17 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 18 | <path fillRule="evenodd" clipRule="evenodd" |
| 19 | d="M10 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM17 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" |
| 20 | fill="#4B5563" /> |
| 21 | </svg> |
| 22 | ) |
| 23 | } |
| 24 | |
| 25 | export function EditIcon() { |
| 26 | return ( |
| 27 | <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 28 | <path |
| 29 | d="M6.417 2.335h-2.45c-.98 0-1.47 0-1.844.19a1.75 1.75 0 0 0-.765.766c-.191.374-.191.864-.191 1.844v4.9c0 .98 0 1.47.19 1.845.169.329.436.597.766.764.374.191.864.191 1.844.191h4.9c.98 0 1.47 0 1.844-.19a1.75 1.75 0 0 0 .765-.765c.191-.375.191-.865.191-1.845v-2.45m-7 1.75h.977c.285 0 .428 0 .562-.032.12-.029.233-.076.337-.14.118-.072.219-.173.42-.375l5.579-5.578a1.238 1.238 0 0 0-1.75-1.75L5.214 7.038c-.202.202-.303.303-.375.42a1.167 1.167 0 0 0-.14.338c-.032.134-.032.277-.032.562v.977z" |
| 30 | stroke="#4B5563" strokeWidth="1.167" strokeLinecap="round" strokeLinejoin="round" /> |
| 31 | </svg> |
| 32 | ) |
| 33 | } |
| 34 | |
| 35 | export function DeleteIcon() { |
| 36 | return ( |
| 37 | <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 38 | <path |
| 39 | d="M5.25 1.75h3.5m-7 1.75h10.5m-1.167 0-.409 6.136c-.061.92-.092 1.381-.29 1.73a1.75 1.75 0 0 1-.758.709c-.362.175-.823.175-1.746.175H6.12c-.923 0-1.384 0-1.746-.175a1.75 1.75 0 0 1-.757-.709c-.2-.349-.23-.81-.291-1.73L2.916 3.5m2.917 2.625v2.917m2.334-2.917v2.917" |
| 40 | stroke="#D92D0B" strokeWidth="1.167" strokeLinecap="round" strokeLinejoin="round" /> |
| 41 | </svg> |
| 42 | ) |
| 43 | } |
| 44 | |
| 45 | export function ConfirmationDialogIcon() { |
| 46 | return ( |
| 47 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 48 | <path |
| 49 | d="M12 17c.283 0 .52-.096.713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288zm-1-4h2V7h-2v6zm1 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22z" |
| 50 | fill="#F2320C" /> |
| 51 | </svg> |
| 52 | ) |
| 53 | } |
| 54 | |
| 55 |