export const BatteryIcon = ( ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = "18" height = "18" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke - width = "1.5" stroke - linecap = "round" stroke - linejoin = "round" class = "feather feather-battery" > < rect x = "1" y = "6" width = "18" height = "12" rx = "2" ry = "2" > < /rect> < line x1 = "23" y1 = "13" x2 = "23" y2 = "11" > < /line> < /svg>); export const BatterySaverIcon = ( { size = "20" } ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = { size } height = { size } viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke - width = "2" stroke - linecap = "round" stroke - linejoin = "round" class = "feather feather-battery-charging" > < path d = "M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19" > < /path> < line x1 = "23" y1 = "13" x2 = "23" y2 = "11" > < /line> < polyline points = "11 6 7 12 13 12 9 18" > < /polyline> < /svg>);