33 lines
1.7 KiB
TypeScript
33 lines
1.7 KiB
TypeScript
type PenIconProps = {
|
|
size: number
|
|
strokeColor: string
|
|
}
|
|
|
|
export function PenIcon(props: PenIconProps): JSX.Element {
|
|
return (
|
|
<svg
|
|
width={props.size}
|
|
height={props.size}
|
|
viewBox={`0 0 ${props.size} ${props.size}`}
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M14.7199 2.74244C15.152 2.32902 15.8353 2.33658 16.2581 2.75945L20.7394 7.24074C21.1623 7.66361 21.1699 8.34686 20.7564 8.77898L11.7989 18.1418C11.3723 18.5876 10.6625 18.5955 10.2262 18.1592L7.78297 15.7159L5.33972 13.2727C4.90341 12.8364 4.91126 12.1266 5.35711 11.7L14.7199 2.74244Z"
|
|
stroke={props.strokeColor}
|
|
strokeWidth="1"
|
|
/>
|
|
<path
|
|
d="M5.09048 13.3025C5.09501 13.2734 5.10425 13.26 5.11136 13.252C5.12081 13.2414 5.13656 13.2299 5.15827 13.2228C5.17998 13.2157 5.19948 13.2157 5.2134 13.2187C5.22386 13.221 5.23917 13.2263 5.26 13.2471L10.2542 18.2413C10.275 18.2621 10.2803 18.2775 10.2826 18.2879C10.2856 18.3018 10.2856 18.3213 10.2785 18.3431C10.2714 18.3648 10.2599 18.3805 10.2493 18.39C10.2413 18.3971 10.228 18.4063 10.1989 18.4108L5.94449 19.074C5.91295 19.0789 5.88095 19.0684 5.85838 19.0459L4.45545 17.6429C4.43288 17.6204 4.42244 17.5884 4.42736 17.5568L5.09048 13.3025Z"
|
|
stroke={props.strokeColor}
|
|
strokeWidth="1"
|
|
/>
|
|
<path
|
|
d="M4.31512 17.8822C4.39323 17.8041 4.51986 17.8041 4.59796 17.8822L5.6157 18.8999C5.69381 18.978 5.69381 19.1046 5.6157 19.1827L4.37041 20.428C4.29231 20.5061 4.16568 20.5061 4.08757 20.428L3.06983 19.4103C2.99173 19.3322 2.99173 19.2056 3.06983 19.1275L4.31512 17.8822Z"
|
|
stroke={props.strokeColor}
|
|
strokeWidth="1"
|
|
/>
|
|
</svg>
|
|
)
|
|
}
|