[gnome-boxes/help-use-scallable-icon] help: Use scallable icon (SVG)

[Felipe Borges <felipeborges src gnome org>]

commit a94de9434983103abf68867b875a7a296bc0c3b2
Author: Felipe Borges <felipeborges gnome org>
Date:   Wed Mar 10 11:41:09 2021 +0100

    help: Use scallable icon (SVG)
    
    Commit caef9adb856d93937e0c3925e627163aa6cd031f updated to the new
    icon but failed at accounting for when the icon is shown in different
    sizes. The icon was 16x16px and is sometimes scaled up to 20 and 36,
    making it blurry.

 help/C/figures/boxes_icon.png | Bin 710 -> 0 bytes
 help/C/figures/boxes_icon.svg |   1 +
 help/C/index.page             |   4 ++--
 help/meson.build              |   2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)
---
diff --git a/help/C/figures/boxes_icon.svg b/help/C/figures/boxes_icon.svg
new file mode 100644
index 00000000..bb0a94f4
--- /dev/null
+++ b/help/C/figures/boxes_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; width="128" height="128" 
version="1.0"><defs><linearGradient id="a"><stop offset="0" stop-color="#fff"/><stop offset=".4" 
stop-color="#fff"/><stop offset="1" stop-color="#f6f5f4"/></linearGradient><radialGradient xlink:href="#a" 
id="i" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4 0 0 4 -492.799 -641.952)" cx="134.2" 
cy="222.988" fx="134.2" fy="222.988" r="2"/><radialGradient xlink:href="#a" id="h" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(4 0 0 4 -492.799 -681.952)" cx="134.2" cy="222.988" 
fx="134.2" fy="222.988" r="2"/><radialGradient xlink:href="#a" id="g" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(6 0 0 6 -785.198 -1065.928)" cx="134.2" cy="222.988" fx="134.2" fy="222.988" 
r="2"/><radialGradient xlink:href="#a" id="f" cx="134.2" cy="222.988" fx="134.2" fy="222.988" r="2" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(6 0 0 6 -785.198 -1153.928)"/
> <radialGradient xlink:href="#a" id="e" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4 0 0 4 
> -452.799 -681.952)" cx="134.2" cy="222.988" fx="134.2" fy="222.988" r="2"/><radialGradient xlink:href="#a" 
> id="d" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4 0 0 4 -452.799 -641.952)" cx="134.2" 
> cy="222.988" fx="134.2" fy="222.988" r="2"/><radialGradient xlink:href="#a" id="c" 
> gradientUnits="userSpaceOnUse" gradientTransform="matrix(6 0 0 6 -697.198 -1065.928)" cx="134.2" 
> cy="222.988" fx="134.2" fy="222.988" r="2"/><radialGradient xlink:href="#a" id="b" 
> gradientUnits="userSpaceOnUse" gradientTransform="matrix(6 0 0 6 -697.198 -1153.928)" cx="134.2" 
> cy="222.988" fx="134.2" fy="222.988" r="2"/></defs><g transform="translate(0 -172)"><path 
> style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;tex
 
t-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none"
 d="M22.352 194.352h82.687v82.687H22.352z" color="#000" font-weight="400" font-family="sans-serif" 
overflow="visible" fill="none"/><g color="#000" fill="none" stroke="#f6f5f4" stroke-width="8"><path 
style="marker:none" d="M84 256l24 24M84 216l24-24M44 256l-24 24M44 216l-24-24M44 216h40v40H44z" 
overflow="visible"/><path style="marker:none" overflow="visible" d="M20 192h88v88H20z"/></g><path 
style="marker:none" fill="#d5d3cf" d="M98.5 194v2h-69v-2z"/><path style="marker:none" d="M120 192c0 
6.627-5.373 12-12 12-1.85 0-3.222-.095-5.165-1.166-1.092-1.726-3.55-4.584-5.668-5.666C96.096 195.224 96 
193.85 96 192c0-6.627 5.373-12 12-12s12 5.373 12 12z" color="#000" overflow="visible" fill="#d5d3cf"/><path 
style="marker:none" fill="#d5d3cf" d="M110 203h2v69h-2
 z"/><circle style="marker:none" cx="108" cy="280" r="12" color="#000" overflow="visible" 
fill="#d5d3cf"/><path style="marker:none" fill="#d5d3cf" d="M79 258v2H49v-2zM99.604 274.425l-1.414 
1.415-15-15 1.415-1.415zM103.058 199.793l1.414 1.414-15 15-1.414-1.414z"/><circle style="marker:none" 
cx="108" cy="190" r="12" color="#000" overflow="visible" fill="url(#b)"/><path style="marker:none" 
fill="#d5d3cf" d="M86 222h2v26h-2zM79 218v2H49v-2z"/><circle style="marker:none" cx="84" cy="216" r="8" 
color="#000" overflow="visible" fill="#d5d3cf"/><path style="marker:none" fill="#d5d3cf" d="M98.5 
282v2h-69v-2z"/><circle r="12" cy="278" cx="108" style="marker:none" color="#000" overflow="visible" 
fill="url(#c)"/><path style="marker:none" d="M92 256c0 .666 0 1-.235 1.932-1.165.59-4.765 4.542-5.787 
5.822-.502.246-1.295.246-1.978.246a8 8 0 1 1 8-8z" color="#000" overflow="visible" fill="#d5d3cf"/><circle 
style="marker:none" cx="84" cy="254" r="8" color="#000" overflow="visible" fill="url(#d)"/><circ
 le r="8" cy="214" cx="84" style="marker:none" color="#000" overflow="visible" fill="url(#e)"/><path 
style="marker:none" fill="#d5d3cf" d="M22 203h2v69h-2z"/><circle r="12" cy="280" cx="20" style="marker:none" 
color="#000" overflow="visible" fill="#d5d3cf"/><path style="marker:none" fill="#d5d3cf" d="M46 
222h2v26h-2z"/><circle r="8" cy="216" cx="44" style="marker:none" color="#000" overflow="visible" 
fill="#d5d3cf"/><path style="marker:none" fill="#d5d3cf" d="M43.586 259.586L45 261l-15 
15-1.414-1.414z"/><path d="M7.912 192c0 6.627 5.372 12 12 12 1.849 0 3.222-.095 5.165-1.166 1.092-1.726 
3.55-4.584 5.668-5.666 1.071-1.944 1.167-3.318 1.167-5.168 0-6.627-5.373-12-12-12-6.628 0-12 5.373-12 12z" 
style="marker:none" color="#000" overflow="visible" fill="#d5d3cf"/><path style="marker:none" fill="#d5d3cf" 
d="M40.077 214.953l-1.414 1.415-15-15 1.415-1.414z"/><circle r="12" cy="190" cx="20" style="marker:none" 
color="#000" overflow="visible" fill="url(#f)"/><circle style="marker:none" cx="20
 " cy="278" r="12" color="#000" overflow="visible" fill="url(#g)"/><circle style="marker:none" cx="44" 
cy="214" r="8" color="#000" overflow="visible" fill="url(#h)"/><path d="M36 256c0 .666 0 1 .235 1.932 
1.165.59 4.765 4.542 5.787 5.822.502.246 1.295.246 1.978.246a8 8 0 1 0-8-8z" style="marker:none" color="#000" 
overflow="visible" fill="#d5d3cf"/><circle r="8" cy="254" cx="44" style="marker:none" color="#000" 
overflow="visible" fill="url(#i)"/></g></svg>
\ No newline at end of file
diff --git a/help/C/index.page b/help/C/index.page
index 90acb491..b31dada1 100644
--- a/help/C/index.page
+++ b/help/C/index.page
@@ -5,7 +5,7 @@
 
   <info>
     <title role="trail" type="link">
-      <media type="image" mime="image/png" its:translate="no" height="20" src="figures/boxes_icon.png">
+      <media type="image" mime="image/png" its:translate="no" height="20" src="figures/boxes_icon.svg">
       <span its:translate="yes"> Boxes</span></media>
     </title>
     <revision pkgversion="3.8.0" date="2013-03-25" status="candidate"/>
@@ -31,7 +31,7 @@
   </info>
 
   <title>
-    <media type="image" mime="image/png" its:translate="no" height="36" src="figures/boxes_icon.png" />
+    <media type="image" mime="image/png" its:translate="no" height="36" src="figures/boxes_icon.svg" />
     Boxes
   </title>
 
diff --git a/help/meson.build b/help/meson.build
index a5d7bbc1..a6c99fff 100644
--- a/help/meson.build
+++ b/help/meson.build
@@ -27,7 +27,7 @@ help_files = [
 ]
 
 help_media = [
-  'figures/boxes_icon.png',
+  'figures/boxes_icon.svg',
   'figures/input-keyboard-symbolic.svg',
   'figures/open-menu-symbolic.svg'
 ]