index.tsx
16 lines
| 1 | interface EditIconProps { |
| 2 | strokeColor?: string; |
| 3 | } |
| 4 | |
| 5 | export const EditIcon = ({strokeColor = '#000'}: EditIconProps) => ( |
| 6 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 7 | <path |
| 8 | d="M11 4H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 6.28 2 7.12 2 8.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 22 5.12 22 6.8 22h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.31C20 19.72 20 18.88 20 17.2V13M8 16h1.675c.489 0 .733 0 .963-.055a2 2 0 0 0 .579-.24c.201-.123.374-.296.72-.642L21.5 5.5a2.121 2.121 0 0 0-3-3l-9.563 9.563c-.346.346-.519.519-.642.72a2 2 0 0 0-.24.579c-.055.23-.055.474-.055.964V16z" |
| 9 | stroke={strokeColor} |
| 10 | strokeWidth="2" |
| 11 | strokeLinecap="round" |
| 12 | strokeLinejoin="round" |
| 13 | /> |
| 14 | </svg> |
| 15 | ); |
| 16 |