Replace snatched icon PNG with inline SVG

sections/artist/artist.php

@@ -185,9 +185,11 @@ $OldGroupID = 0;
     <td class="small"><!-- expand/collapse --></td>
     <td width="70%"><a href="#">&uarr;</a>&nbsp;<strong>Name</strong></td>
     <td>Size</td>
-    <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+    <td class="sign snatches">
+      <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
+    </td>
     <td class="sign seeders">
-    <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
+      <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
     </td>
     <td class="sign leechers">
       <a><svg width="11" height="15" fill="white" class="tooltip" alt="Leechers" title="Leechers"><polygon points="0,8 5.5,15 11,8 8,8 8,0 3,0 3,8"></polygon></svg></a>

sections/bookmarks/torrents.php

@@ -397,7 +397,9 @@ if ($CollageCovers !== 0) { ?>
         <td><!-- Category --></td>
         <td width="70%"><strong>Torrents</strong></td>
         <td>Size</td>
-        <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+        <td class="sign snatches">
+          <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
+        </td>
         <td class="sign seeders">
           <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
         </td>

sections/collages/torrent_collage.php

@@ -605,7 +605,9 @@ if ($CollageCovers != 0) { ?>
         <td><!-- Category --></td>
         <td width="70%"><strong>Torrents</strong></td>
         <td>Size</td>
-        <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+        <td class="sign snatches">
+          <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
+        </td>
         <td class="sign seeders">
           <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
         </td>

sections/reportsv2/report.php

@@ -77,7 +77,9 @@ View::show_header('Report', 'reportsv2,browse,torrent,bbcode,recommend');
       <tr class="colhead_dark">
         <td width="80%"><strong>Reported torrent</strong></td>
         <td><strong>Size</strong></td>
-        <td class="sign snatches"><img src="static/styles/<?=($LoggedUser['StyleName'])?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+        <td class="sign snatches">
+          <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
+        </td>
         <td class="sign seeders">
           <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
         </td>

sections/top10/torrents.php

@@ -412,7 +412,7 @@ function generate_torrent_table($Caption, $Tag, $Details, $Limit) {
     <td>Name</td>
     <td style="text-align: right;">Size</td>
     <td style="text-align: right;">Data</td>
-    <td style="text-align: right;" class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName']?>/images/snatched.png" alt="Snatches" title="Snatches" class="tooltip" /></td>
+    <td style="text-align: right;" class="sign snatches"><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></td>
     <td style="text-align: right;" class="sign seeders"><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></td>
     <td style="text-align: right;" class="sign leechers"><svg width="11" height="15" fill="white" class="tooltip" alt="Leechers" title="Leechers"><polygon points="0,8 5.5,15 11,8 8,8 8,0 3,0 3,8"></polygon></svg></td>
     <td style="text-align: right;">Peers</td>

sections/top10/votes.php

@@ -328,7 +328,7 @@ foreach ($TopVotes as $GroupID => $Group) {
     <td class="cats_col"><!-- category --></td>
     <td width="70%">Torrents</td>
     <td>Size</td>
-    <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" alt="Snatches" title="Snatches" class="tooltip" /></td>
+    <td class="sign snatches"><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></td>
     <td class="sign seeders"><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></td>
     <td class="sign leechers"><svg width="11" height="15" fill="white" class="tooltip" alt="Leechers" title="Leechers"><polygon points="0,8 5.5,15 11,8 8,8 8,0 3,0 3,8"></polygon></svg></td>
   </tr>

sections/torrents/browse.php

@@ -453,7 +453,7 @@ View::show_header('Browse Torrents', 'browse');
       <td><a href="<?=header_link('size')?>">Size</a></td>
       <td class="sign snatches">
         <a href="<?=header_link('snatched')?>">
-          <img src="static/styles/<?=$LoggedUser['StyleName']?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" />
+          <svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg>
         </a>
       </td>
       <td class="sign seeders">

sections/torrents/details.php

@@ -379,7 +379,8 @@ if (empty($LoggedUser['DisableTagging'])) {
       <tr class="colhead_dark">
         <td width="80%"><strong>Torrents</strong></td>
         <td><strong>Size</strong></td>
-        <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+        <td class="sign snatches">
+          <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
         <td class="sign seeders">
           <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
         </td>

sections/torrents/notify.php

@@ -233,7 +233,7 @@ if (empty($Results)) {
     <td>Files</td>
     <td><a href="<?=header_link('time')?>">Time</a></td>
     <td><a href="<?=header_link('size')?>">Size</a></td>
-    <td class="sign snatches"><a href="<?=header_link('snatches')?>"><img src="static/styles/<?=$LoggedUser['StyleName']?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></a></td>
+    <td class="sign snatches"><a href="<?=header_link('snatches')?>"><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a></td>
     <td class="sign seeders"><a href="<?=header_link('seeders')?>"><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a></td>
     <td class="sign leechers"><a href="<?=header_link('leechers')?>"><svg width="11" height="15" fill="white" class="tooltip" alt="Leechers" title="Leechers"><polygon points="0,8 5.5,15 11,8 8,8 8,0 3,0 3,8"></polygon></svg></a></td>
   </tr>

sections/torrents/user.php

@@ -481,7 +481,7 @@ foreach ($Categories as $CatKey => $CatName) {
       <td><a href="<?=header_link('Size')?>">Size</a></td>
       <td class="sign snatches">
         <a href="<?=header_link('Snatched')?>">
-          <img src="static/styles/<?=$LoggedUser['StyleName']?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" />
+          <svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg>
         </a>
       </td>
       <td class="sign seeders">

sections/userhistory/subscribed_collages.php

@@ -263,7 +263,9 @@ if (!$NumResults) {
       <td width="1%"><!-- expand/collapse --></td>
       <td width="70%"><strong>Torrents</strong></td>
       <td>Size</td>
-      <td class="sign snatches"><img src="static/styles/<?=$LoggedUser['StyleName'] ?>/images/snatched.png" class="tooltip" alt="Snatches" title="Snatches" /></td>
+      <td class="sign snatches">
+        <a><svg width="15" height="15" fill="white" class="tooltip" alt="Snatches" title="Snatches" viewBox="3 0 88 98"><path d="M20 20 A43 43,0,1,0,77 23 L90 10 L55 10 L55 45 L68 32 A30.27 30.27,0,1,1,28 29"></path></svg></a>
+      </td>
       <td class="sign seeders">
         <a><svg width="11" height="15" fill="white" class="tooltip" alt="Seeders" title="Seeders"><polygon points="0,7 5.5,0 11,7 8,7 8,15 3,15 3,7"></polygon></svg></a>
       </td>