import React from "react" ; interface IconInterface { size : number ; color : string ; } export const EasyIcon = ( ) => ( < svg className = "w-6 h-6" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < path d = "M12 14l9-5-9-5-9 5 9 5z" > < /path> < path d = "M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" > < /path> < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" > < /path> < /svg>); export const MediumIcon = ( ) => ( < svg className = "w-6 h-6" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" > < /path> < /svg>); export const HardIcon = ( ) => ( < svg className = "w-6 h-6" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" > < /path> < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" > < /path> < /svg>); export const SavedIcon = ( ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "SlateBlue" stroke = "SlateBlue" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" > < path d = "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" > < /path> < line x1 = "4" y1 = "22" x2 = "4" y2 = "15" > < /line> < /svg>); export const ViewIcon = ( ) => ( < svg xmlns = "http://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M15 12a3 3 0 11-6 0 3 3 0 016 0z" / > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" / > < /svg>); export const TrashIcon = ( { color , size } ) => ( < svg xmlns = "http://www.w3.org/2000/svg" fill = "none" width = { size } height = { size } viewBox = "0 0 24 24" stroke = "currentColor" className = { `${ color } hover:text-red-500 cursor-pointer` } > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = "2" d = "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" / > < /svg>); export const QuesIcon = ( ) => ( < svg className = "w-6 h-6 " fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" > < /path> < /svg>); export const BreadcumIcon = ( ) => ( < svg className = "fill-current w-3 h-3 mx-3" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 320 512" > < path d = "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" / > < /svg>); export const SearchIcon = ( { size = 24 , color = "#000000" } ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = { size } height = { size } viewBox = "0 0 24 24" fill = "none" stroke = { color } strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" > < circle cx = "11" cy = "11" r = "8" > < /circle> < line x1 = "21" y1 = "21" x2 = "16.65" y2 = "16.65" > < /line> < /svg>); export const UploadIcon = ( { size = 24 , color = "#000000" } ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = { size } height = { size } viewBox = "0 0 24 24" fill = "none" stroke = { color } strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" > < path d = "M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 8l-5-5-5 5M12 4.2v10.3" / > < /svg>); export const EditIcon = ( { size = 24 , color = "#000000" } ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = { size } height = { size } viewBox = "0 0 24 24" fill = "none" stroke = { color } strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" > < path d = "M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34" > < /path> < polygon points = "18 2 22 6 12 16 8 16 8 12 18 2" > < /polygon> < /svg>);