swap record/stop button icons

fixes #859

src/plugins/Webcam/RecordButton.js

@@ -1,6 +1,7 @@
 const { h } = require('preact')
 
 module.exports = function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
+  console.log('is recording', recording)
   if (recording) {
     return (
       <button class="uppy-u-reset uppy-c-btn uppy-Webcam-button uppy-Webcam-button--video"
@@ -9,7 +10,7 @@ module.exports = function RecordButton ({ recording, onStartRecording, onStopRec
         aria-label={i18n('stopRecording')}
         onclick={onStopRecording}>
         <svg aria-hidden="true" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
-          <circle cx="50" cy="50" r="40" />
+          <rect x="15" y="15" width="70" height="70" />
         </svg>
       </button>
     )
@@ -22,7 +23,7 @@ module.exports = function RecordButton ({ recording, onStartRecording, onStopRec
       aria-label={i18n('startRecording')}
       onclick={onStartRecording}>
       <svg aria-hidden="true" class="UppyIcon" width="100" height="100" viewBox="0 0 100 100">
-        <rect x="15" y="15" width="70" height="70" />
+        <circle cx="50" cy="50" r="40" />
       </svg>
     </button>
   )