From 56b523894acbb757f14867c3ceb9da504455b17a Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Wed, 17 Aug 2022 08:27:17 -0700
Subject: Better ignition icon

---
 modern/src/main/DevicesList.js              | 7 +++----
 modern/src/resources/images/data/engine.svg | 4 ++++
 2 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 modern/src/resources/images/data/engine.svg

(limited to 'modern')

diff --git a/modern/src/main/DevicesList.js b/modern/src/main/DevicesList.js
index 449b4fee..e4873a3f 100644
--- a/modern/src/main/DevicesList.js
+++ b/modern/src/main/DevicesList.js
@@ -12,8 +12,6 @@ import Battery60Icon from '@mui/icons-material/Battery60';
 import BatteryCharging60Icon from '@mui/icons-material/BatteryCharging60';
 import Battery20Icon from '@mui/icons-material/Battery20';
 import BatteryCharging20Icon from '@mui/icons-material/BatteryCharging20';
-import FlashOnIcon from '@mui/icons-material/FlashOn';
-import FlashOffIcon from '@mui/icons-material/FlashOff';
 import ErrorIcon from '@mui/icons-material/Error';
 import moment from 'moment';
 import { devicesActions } from '../store';
@@ -25,6 +23,7 @@ import { useTranslation } from '../common/components/LocalizationProvider';
 import { mapIconKey, mapIcons } from '../map/core/preloadImages';
 import { useAdministrator } from '../common/util/permissions';
 import usePersistedState from '../common/util/usePersistedState';
+import { ReactComponent as EngineIcon } from '../resources/images/data/engine.svg';
 
 const useStyles = makeStyles((theme) => ({
   list: {
@@ -125,9 +124,9 @@ const DeviceRow = ({ data, index, style }) => {
               <Tooltip title={`${t('positionIgnition')}: ${formatBoolean(position.attributes.ignition, t)}`}>
                 <IconButton size="small">
                   {position.attributes.ignition ? (
-                    <FlashOnIcon fontSize="small" className={classes.positive} />
+                    <EngineIcon width={20} height={20} className={classes.positive} />
                   ) : (
-                    <FlashOffIcon fontSize="small" className={classes.neutral} />
+                    <EngineIcon width={20} height={20} className={classes.neutral} />
                   )}
                 </IconButton>
               </Tooltip>
diff --git a/modern/src/resources/images/data/engine.svg b/modern/src/resources/images/data/engine.svg
new file mode 100644
index 00000000..1e91751a
--- /dev/null
+++ b/modern/src/resources/images/data/engine.svg
@@ -0,0 +1,4 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>Engine</title>
+<path fill="currentColor" d="M13.778 6.667v2.222h3.333v2.222h2.222v-2.222h3.333v-2.222h-8.889zM13.778 13.333c-0.3 0-0.579 0.121-0.79 0.321l-1.888 1.901h-2.878c-0.611 0-1.111 0.5-1.111 1.111v6.667c0 0.611 0.5 1.111 1.111 1.111h1.888l3.056 2.033c0.178 0.122 0.39 0.189 0.612 0.189h5.556c0.244 0 0.477-0.077 0.666-0.221l4.444-3.333c0.278-0.211 0.445-0.545 0.445-0.89v-7.778c0-0.611-0.5-1.111-1.111-1.111h-10zM27.111 14.444v6.667h2.222v-6.667h-2.222zM17.111 15.556v3.333h2.222l-3.333 5.556v-3.333h-2.222l3.333-5.556zM2.667 16.667v5.556h2.222v-5.556h-2.222z"></path>
+</svg>
-- 
cgit v1.2.3