Hi res microhpone icon for the recording dialog (#4262)

* Replace media-record.png with SVG icon

- Added SVG version of the microphone icon (from Font Awesome Free v7.0.0)
- Updated sound.py to use QIcon for proper SVG support
- Icon now displays at 60x60 pixels

* Remove obsolete media-record.png icon

The PNG icon has been replaced with an SVG version

* Update CONTRIBUTORS

* Replace icon with AnkiMobile's record icon

CC-BY requires attribution, and we don't currently have a way to describe
those attributions in a way the mobile clients can also include automatically.
For now, I've switched it to an icon I authored myself to avoid the issue.

---------

Co-authored-by: Damien Elmes <gpg@ankiweb.net>
Co-authored-by: Damien Elmes <dae@users.noreply.github.com>

CONTRIBUTORS

@@ -237,6 +237,7 @@ Kevin Nakamura <grinkers@grinkers.net>
 Bradley Szoke <bradleyszoke@gmail.com>
 jcznk <https://github.com/jcznk>
 Thomas Rixen <thomas.rixen@student.uclouvain.be>
+Siyuan Mattuwu Yan <syan4@ualberta.ca>
 
 ********************
 

qt/aqt/data/qt/icons/media-record.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21" height="21" viewBox="0 0 21 21" version="1.1"
+     xmlns="http://www.w3.org/2000/svg">
+  <g id="Layer-1" transform="translate(0.5,0.5)">
+    <rect x="0" y="0" width="20" height="20" fill="none"/>
+    <g transform="translate(14.8974,6.3648)">
+      <path d="M0,0C0,3.403 -2.042,6.161 -4.56,6.161C-7.078,6.161 -9.12,3.403 -9.12,0C-9.12,-3.403 -7.078,-6.161 -4.56,-6.161C-2.042,-6.161 0,-3.403 0,0"
+            fill="black" fill-rule="nonzero"/>
+    </g>
+    <g transform="matrix(0,-1,-1,0,10.3374,1.8048)">
+      <ellipse cx="-4.56" cy="0" rx="6.161" ry="4.56"
+               fill="none" stroke="black" stroke-width="0.25"/>
+    </g>
+    <g transform="translate(3.1987,14.4958)">
+      <path d="M0,-9.484C-0.76,-4.212 3.287,0 7.12,-0.046C10.864,-0.09 14.742,-4.199 14.076,-9.343"
+            fill="none" stroke="black" stroke-width="2" fill-rule="nonzero"/>
+    </g>
+    <g transform="matrix(-1,0,0,1,20.573,18.613)">
+      <rect x="5.387" y="0.601" width="9.799" height="0.185"
+            fill="none" stroke="black" stroke-width="2"/>
+    </g>
+    <g transform="matrix(-1,0,0,1,20.741,13.51)">
+      <rect x="9.899" y="1.163" width="0.943" height="4.164"
+            fill="none" stroke="black" stroke-width="2"/>
+    </g>
+  </g>
+</svg>

qt/aqt/sound.py

@@ -743,7 +743,8 @@ class RecordDialog(QDialog):
     def _setup_dialog(self) -> None:
         self.setWindowTitle("Anki")
         icon = QLabel()
-        icon.setPixmap(QPixmap("icons:media-record.png"))
+        qicon = QIcon("icons:media-record.svg")
+        icon.setPixmap(qicon.pixmap(60, 60))
         self.label = QLabel("...")
         hbox = QHBoxLayout()
         hbox.addWidget(icon)