[ui] vignettes coding

prive/vignettes/c.svg

-<svg height="52" viewBox="0 0 48 48" width="52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fcfcff" stop-opacity="0"/></linearGradient><linearGradient id="b" gradientTransform="matrix(.965584 0 0 .698254 12.84858 -39.7739)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><radialGradient id="c" cx="11.826907" cy="10.476453" gradientTransform="scale(1.179536 .847791)" gradientUnits="userSpaceOnUse" r="32.664848"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="d"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="e" cx="605.71429" cy="486.64789" gradientTransform="matrix(-2.774389 0 0 1.969706 112.7623 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><radialGradient id="f" cx="605.71429" cy="486.64789" gradientTransform="matrix(2.774389 0 0 1.969706 -1891.633 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><linearGradient id="g" gradientTransform="matrix(2.774389 0 0 1.969706 -1892.179 -872.8854)" gradientUnits="userSpaceOnUse" x1="302.85715" x2="302.85715" y1="366.64789" y2="609.50507"><stop offset="0" stop-opacity="0"/><stop offset=".5"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="h" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></radialGradient><radialGradient id="i" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></radialGradient><radialGradient id="j" cx="8.143557" cy="7.267897" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="38.158695"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8"/></radialGradient><linearGradient id="k"><stop offset="0" stop-color="#f0f0f0"/><stop offset="1" stop-color="#9a9a9a"/></linearGradient><radialGradient id="l" cx="9.4125070463" cy="30.2965131852" gradientUnits="userSpaceOnUse" r="1.207318968" xlink:href="#k"/><radialGradient id="m" cx="9.4125070463" cy="18.8112483337" gradientUnits="userSpaceOnUse" r="1.207548671" xlink:href="#k"/><radialGradient id="n" cx="15.115514" cy="63.965388" gradientTransform="scale(1.64399 .608276)" gradientUnits="userSpaceOnUse" r="12.289036" xlink:href="#d"/><linearGradient id="o" gradientTransform="matrix(.805809 0 0 .6477 22.82446 24.85216)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><g transform="matrix(.02105461 0 0 .02086758 42.85172 41.1536)"><path d="m-1559.2523-150.69685h1339.6335v478.35718h-1339.6335z" fill="url(#g)" opacity=".402062"/><path d="m-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" fill="url(#f)" opacity=".402062"/><path d="m-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" fill="url(#e)" opacity=".402062"/></g><g><rect display="block" fill="url(#i)" height="40.920494" ry="1.149049" stroke="url(#h)" stroke-linecap="round" stroke-linejoin="round" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#j)" stroke-linecap="round" stroke-linejoin="round" width="32.775887" x="7.666054" y="4.583946"/><g transform="translate(.646447 -.037989)"><g fill="#fff" stroke="none" transform="matrix(.229703 0 0 .229703 4.967081 4.244972)"><path d="m23.428 113.07c0 1.973-1.6 3.572-3.573 3.572-1.974 0-3.573-1.6-3.573-3.572 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/><path d="m23.428 63.07c0 1.973-1.6 3.573-3.573 3.573-1.974 0-3.573-1.6-3.573-3.573 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/></g><path d="m9.9950109 29.952326c0 .453204-.3675248.820499-.8207288.820499-.4534338 0-.8207289-.367524-.8207289-.820499 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#l)"/><path d="m9.9950109 18.467176c0 .453204-.3675248.820729-.8207288.820729-.4534338 0-.8207289-.367525-.8207289-.820729 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#m)"/></g><g fill="none"><path d="m11.505723 5.4942766v37.9065924" stroke="#000" stroke-opacity=".017544" stroke-width=".988553"/><path d="m12.5 5.0205154v38.0177126" stroke="#fff" stroke-opacity=".204678"/></g></g><g><g fill="#9b9b9b" fill-opacity=".549708" transform="matrix(.909091 0 0 1 2.363628 0)"><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="9"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="11"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="13"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="15"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="17"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="19"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="21"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="23"/><rect display="block" height="1" rx=".068204" ry=".065391" width="9.900005" x="14.999992" y="25"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="29"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="31"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="33"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="35"/><rect display="block" height="1" rx=".106096" ry=".065391" width="15.400014" x="14.999992" y="37"/></g><path d="m30.708637 15.271057a12.929953 9.2934036 0 1 1 -25.859905 0 12.929953 9.2934036 0 1 1 25.859905 0z" fill="url(#c)" opacity=".421594" transform="matrix(.569589 0 0 .681378 -26.09093 -9.346853)"/><path d="m19.177589-35.03716-.625444 13.927064c8.607529-1.870907 8.901203-8.176991 19.603544-10.245789l-.125842-3.629788z" fill="url(#b)" fill-rule="evenodd" opacity=".531429"/><g transform="matrix(1.48291 0 0 1.48291 -23.05526 -22.75921)"><path d="m45.052803 38.908627a20.203051 7.4751287 0 1 1 -40.4061012 0 20.203051 7.4751287 0 1 1 40.4061012 0z" fill="url(#n)" transform="matrix(.489222 0 0 .608223 23.87124 19.6498)"/><rect fill="#f57900" height="16.815884" rx=".100511" stroke="#ce5c00" stroke-linejoin="round" width="16.815884" x="27.649858" y="28.836639"/><path d="m28.106214 29.245964-.521952 12.918724c7.183246-1.73545 7.428326-7.584965 16.359756-9.503979l-.105018-3.366986z" fill="url(#o)" fill-rule="evenodd" opacity=".531429"/><g fill="#fff"><path d="m31.996755 38.777485q.57697 0 .972607.40388.403879.403879.403879.972607 0 .568727-.403879.972607-.40388.395636-.972607.395636-.568728 0-.972607-.395636-.395637-.40388-.395637-.972607 0-.568728.395637-.972607.403879-.40388.972607-.40388z"/><path d="m40.964521 39.329728.255515.197819q-.544 1.022061-1.360001 1.52485-.807759.494546-1.722668.494546-1.541335 0-2.464488-1.162183-.923152-1.162183-.923152-2.794185 0-1.574304.840728-2.769457 1.013819-1.442426 2.794184-1.442426 1.195153 0 1.89576.601698.708849.601698.708849 1.343516 0 .469819-.288485.750062-.280243.280242-.741819.280242-.486304 0-.807758-.321454-.313213-.321455-.387395-1.145699-.04945-.519273-.23903-.725334-.189576-.20606-.445092-.20606-.395636 0-.675879.420364-.428606.634667-.428606 1.945214 0 1.088001.346182 2.085335.346182.989092.947879 1.475395.453334.354425 1.071517.354425.403879 0 .766546-.189576.362667-.189576.857213-.717092z"/></g></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+ <g>
+  <path d="m 10.672 0 c -1.375 0 -2.672 1.355 -2.672 2.789 l 0 58.42 c 0 1.355 1.375 2.789 2.672 2.789 l 42.656 0 c 1.297 0 2.672 -1.434 2.672 -2.789 l 0 -43.21 l -18 -18 m -27.328 0" style="fill:#2d2d2d;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+  <path d="m 42 18 l 14 14 l 0 -14 m -14 0" style="fill:#000;fill-opacity:0.196;stroke:none;fill-rule:nonzero"/>
+  <path d="m 38 0 l 17.984 18 l -15.227 0 c -1.348 0 -2.758 -1.426 -2.758 -2.773 m 0 -15.227" style="fill:#fff;fill-opacity:0.392;stroke:none;fill-rule:nonzero"/>
+  <path d="m 20 36.785 c 0 -1.563 0.301 -3.102 0.887 -4.625 c 0.598 -1.535 1.453 -2.906 2.566 -4.113 c 1.145 -1.199 2.523 -2.18 4.16 -2.922 c 1.625 -0.746 3.488 -1.125 5.59 -1.125 c 2.461 0 4.582 0.523 6.375 1.551 c 1.813 1.039 3.137 2.391 4 4.047 l -4.125 2.637 c -0.305 -0.723 -0.711 -1.324 -1.203 -1.809 c -0.492 -0.504 -1.027 -0.895 -1.625 -1.191 c -0.57 -0.285 -1.172 -0.492 -1.785 -0.609 c -0.625 -0.141 -1.223 -0.219 -1.793 -0.219 c -1.266 0 -2.383 0.258 -3.34 0.762 c -0.961 0.508 -1.762 1.164 -2.41 1.98 c -0.617 0.801 -1.098 1.715 -1.434 2.754 c -0.309 1.01 -0.465 2.02 -0.465 3.03 c 0 1.133 0.176 2.227 0.543 3.285 c 0.387 1.035 0.914 1.949 1.594 2.738 c 0.695 0.801 1.527 1.438 2.488 1.914 c 0.957 0.488 2 0.727 3.145 0.727 c 0.59 0 1.207 -0.066 1.82 -0.211 c 0.625 -0.152 1.223 -0.383 1.785 -0.695 c 0.598 -0.305 1.145 -0.703 1.637 -1.191 c 0.492 -0.504 0.895 -1.102 1.203 -1.797 l 4.387 2.34 c -0.414 0.961 -1.02 1.82 -1.82 2.57 c -0.781 0.715 -1.668 1.336 -2.68 1.84 c -1.012 0.504 -2.074 0.883 -3.191 1.152 c -1.109 0.266 -2.207 0.398 -3.297 0.398 c -1.918 0 -3.676 -0.379 -5.285 -1.152 c -1.582 -0.77 -2.953 -1.77 -4.113 -3 c -1.145 -1.254 -2.039 -2.664 -2.68 -4.227 c -0.625 -1.59 -0.934 -3.199 -0.934 -4.836" style="fill:#dcdcdc;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ </g>
+</svg>

prive/vignettes/css.svg

-<svg height="52" viewBox="0 0 48 48" width="52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="605.71429" cy="486.64789" gradientTransform="matrix(-2.774389 0 0 1.969706 112.7623 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#b"/><linearGradient id="b"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="c" cx="605.71429" cy="486.64789" gradientTransform="matrix(2.774389 0 0 1.969706 -1891.633 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#b"/><linearGradient id="d" gradientTransform="matrix(2.774389 0 0 1.969706 -1892.179 -872.8854)" gradientUnits="userSpaceOnUse" x1="302.85715" x2="302.85715" y1="366.64789" y2="609.50507"><stop offset="0" stop-opacity="0"/><stop offset=".5"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="e" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></radialGradient><radialGradient id="f" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></radialGradient><radialGradient id="g" cx="8.143557" cy="7.267897" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="38.158695"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8"/></radialGradient><linearGradient id="h"><stop offset="0" stop-color="#f0f0f0"/><stop offset="1" stop-color="#9a9a9a"/></linearGradient><radialGradient id="i" cx="9.4125070463" cy="30.2965131852" gradientUnits="userSpaceOnUse" r="1.207318968" xlink:href="#h"/><radialGradient id="j" cx="9.4125070463" cy="18.8112483337" gradientUnits="userSpaceOnUse" r="1.207548671" xlink:href="#h"/><g transform="matrix(.02105461 0 0 .02086758 42.85172 41.1536)"><path d="m-1559.2523-150.69685h1339.6335v478.35718h-1339.6335z" fill="url(#d)" opacity=".402062"/><path d="m-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" fill="url(#c)" opacity=".402062"/><path d="m-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" fill="url(#a)" opacity=".402062"/></g><g><rect display="block" fill="url(#f)" height="40.920494" ry="1.149049" stroke="url(#e)" stroke-linecap="round" stroke-linejoin="round" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#g)" stroke-linecap="round" stroke-linejoin="round" width="32.775887" x="7.666054" y="4.583946"/><g transform="translate(.646447 -.037989)"><g fill="#fff" stroke="none" transform="matrix(.229703 0 0 .229703 4.967081 4.244972)"><path d="m23.428 113.07c0 1.973-1.6 3.572-3.573 3.572-1.974 0-3.573-1.6-3.573-3.572 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/><path d="m23.428 63.07c0 1.973-1.6 3.573-3.573 3.573-1.974 0-3.573-1.6-3.573-3.573 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/></g><path d="m9.9950109 29.952326c0 .453204-.3675248.820499-.8207288.820499-.4534338 0-.8207289-.367524-.8207289-.820499 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#i)"/><path d="m9.9950109 18.467176c0 .453204-.3675248.820729-.8207288.820729-.4534338 0-.8207289-.367525-.8207289-.820729 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#j)"/></g><g fill="none"><path d="m11.505723 5.4942766v37.9065924" stroke="#000" stroke-opacity=".017544" stroke-width=".988553"/><path d="m12.5 5.0205154v38.0177126" stroke="#fff" stroke-opacity=".204678"/></g></g><g><g fill="#9b9b9b" fill-opacity=".549708" transform="matrix(.909091 0 0 1 2.363628 0)"><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="9"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="11"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="13"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="15"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="17"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="19"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="21"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="23"/><rect display="block" height="1" rx=".068204" ry=".065391" width="9.900005" x="14.999992" y="25"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="29"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="31"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="33"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="35"/><rect display="block" height="1" rx=".106096" ry=".065391" width="15.400014" x="14.999992" y="37"/></g><g fill-rule="evenodd" stroke="#5c3566" stroke-linejoin="round" stroke-width="1.000000232"><path d="m25.2076381328 22.4555566848h4.8743417184v5.0078852208h-4.8743417184z" fill="#ad7fa8"/><path d="m25.2076381328 37.6226631008h4.8743417184v5.0078852208h-4.8743417184z" fill="#5c3566"/><path d="m40.157741424 37.6226631008h4.8743417184v5.0078852208h-4.8743417184z" fill="#ad7fa8"/><path d="m32.6826858976 37.6226631008h4.8743417184v5.0078852208h-4.8743417184z" fill="#75507b"/><path d="m25.2076381328 30.0391098928h4.8743417184v5.0078852208h-4.8743417184z" fill="#75507b"/><path d="m32.6910416912 30.0391098928h4.8743417184v5.0078852208h-4.8743417184z" fill="#ad7fa8"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+ <g>
+  <path d="m 10.672 0 c -1.375 0 -2.672 1.355 -2.672 2.789 l 0 58.42 c 0 1.355 1.375 2.789 2.672 2.789 l 42.656 0 c 1.297 0 2.672 -1.434 2.672 -2.789 l 0 -43.21 l -18 -18 m -27.328 0" style="fill:#0a70b9;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+  <path d="m 42 18 l 14 14 l 0 -14 m -14 0" style="fill:#000;fill-opacity:0.196;stroke:none;fill-rule:nonzero"/>
+  <path d="m 38 0 l 17.984 18 l -15.227 0 c -1.348 0 -2.758 -1.426 -2.758 -2.773 m 0 -15.227" style="fill:#fff;fill-opacity:0.392;stroke:none;fill-rule:nonzero"/>
+  <path d="m 20 24 l 0 6 l 18 0 l -0.52 4 l -9.48 0 l 0 6 l 8.883 0 l -0.883 6.668 l -4 1.461 l -4 -1.398 l 0 -2.73 l -6 0 l 0 7.07 l 10 2.93 l 10.504 -2.93 l 1.488 -27.07 m -23.992 0" style="fill:#fff;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ </g>
+</svg>

prive/vignettes/pas.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+ <path d="m 10.672 0.002 c -1.375 0 -2.672 1.353 -2.672 2.787 l 0 58.42 c 0 1.353 1.375 2.787 2.672 2.787 l 42.654 0 c 1.297 0 2.672 -1.434 2.672 -2.787 l 0.002 -43.21 -18 -18 z" style="fill:#f7ce6b;fill-opacity:1"/>
+ <path d="m 41.999 18 14 14 0 -14 z" style="fill:#000;fill-opacity:0.196"/>
+ <path d="m 38 0.002 17.983 17.999 -15.226 0 c -1.346 0 -2.757 -1.427 -2.757 -2.773 z" style="fill:#fff;fill-opacity:0.392"/>
+ <path d="m 27.08 47.24 c -1.422 -0.732 -2.535 -2.683 -1.79 -4.202 0.629 -1.281 2.77 -1.632 2.881 -3.26 0.106 -1.541 1.322 -2.801 2.865 -2.813 1.617 -0.013 3.549 -0.206 4.745 1.065 0.918 0.976 0.658 3.196 2.085 3.705 1.228 0.438 2.312 1.668 2.01 3.162 -0.314 1.579 -1.629 2.458 -3.112 2.679 -3.224 0.481 -6.574 0.768 -9.683 -0.331 m -5.362 -7.806 c -1.604 -1.119 -1.786 -3.307 -1.713 -5.152 0.027 -0.683 0.035 -3.02 0.538 -2.37 0.511 0.661 0.377 1.192 1.408 0.999 1.563 -0.294 2.154 2.01 3.365 2.919 1.088 0.813 1.052 2.91 -0.284 3.603 -1.031 0.534 -2.311 0.608 -3.306 -0.007 m 17.433 -0.094 c -1.446 -0.59 -1.437 -2.734 -0.193 -3.657 1.157 -0.859 1.596 -2.886 3.455 -2.696 0.555 0.057 0.452 -2.682 0.907 -1.312 0.471 1.417 0.543 2.957 0.655 4.441 0.122 1.618 -0.891 3.467 -2.6 3.697 -0.768 0.103 -1.587 -0.015 -2.226 -0.479 m -11.903 -6.352 c -1.712 -0.844 -2.059 -3.401 -0.97 -4.875 0.9 -1.219 0.606 -3.483 1.865 -4.067 0.73 -0.338 -0.532 2.02 0.87 2.142 1.985 0.177 0.906 2.457 1.574 3.694 0.753 1.397 0.474 3.307 -1.274 3.495 -0.701 0.075 -1.463 0.018 -2.064 -0.388 m 5.913 -0.153 c -1.068 -0.771 -0.613 -2.234 -0.334 -3.297 0.288 -1.097 -0.631 -3.505 0.924 -3.417 1.832 0.104 0.235 -2.334 0.929 -2.086 1.334 0.477 1.334 2.794 2.341 4.01 1 1.216 1.146 3.419 -0.161 4.581 -1.033 0.919 -2.569 0.856 -3.703 0.206" style="fill:#555;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+</svg>

prive/vignettes/sty.svg

-<svg height="52" viewBox="0 0 48 48" width="52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="605.71429" cy="486.64789" gradientTransform="matrix(-2.774389 0 0 1.969706 112.7623 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#b"/><linearGradient id="b"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="c" cx="605.71429" cy="486.64789" gradientTransform="matrix(2.774389 0 0 1.969706 -1891.633 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#b"/><linearGradient id="d" gradientTransform="matrix(2.774389 0 0 1.969706 -1892.179 -872.8854)" gradientUnits="userSpaceOnUse" x1="302.85715" x2="302.85715" y1="366.64789" y2="609.50507"><stop offset="0" stop-opacity="0"/><stop offset=".5"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="e" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></radialGradient><radialGradient id="f" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></radialGradient><radialGradient id="g" cx="8.143557" cy="7.267897" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="38.158695"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8"/></radialGradient><linearGradient id="h"><stop offset="0" stop-color="#f0f0f0"/><stop offset="1" stop-color="#9a9a9a"/></linearGradient><radialGradient id="i" cx="9.4125070463" cy="30.2965131852" gradientUnits="userSpaceOnUse" r="1.207318968" xlink:href="#h"/><radialGradient id="j" cx="9.4125070463" cy="18.8112483337" gradientUnits="userSpaceOnUse" r="1.207548671" xlink:href="#h"/><g transform="matrix(.02105461 0 0 .02086758 42.85172 41.1536)"><path d="m-1559.2523-150.69685h1339.6335v478.35718h-1339.6335z" fill="url(#d)" opacity=".402062"/><path d="m-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" fill="url(#c)" opacity=".402062"/><path d="m-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" fill="url(#a)" opacity=".402062"/></g><g><rect display="block" fill="url(#f)" height="40.920494" ry="1.149049" stroke="url(#e)" stroke-linecap="round" stroke-linejoin="round" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#g)" stroke-linecap="round" stroke-linejoin="round" width="32.775887" x="7.666054" y="4.583946"/><g transform="translate(.646447 -.037989)"><g fill="#fff" stroke="none" transform="matrix(.229703 0 0 .229703 4.967081 4.244972)"><path d="m23.428 113.07c0 1.973-1.6 3.572-3.573 3.572-1.974 0-3.573-1.6-3.573-3.572 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/><path d="m23.428 63.07c0 1.973-1.6 3.573-3.573 3.573-1.974 0-3.573-1.6-3.573-3.573 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/></g><path d="m9.9950109 29.952326c0 .453204-.3675248.820499-.8207288.820499-.4534338 0-.8207289-.367524-.8207289-.820499 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#i)"/><path d="m9.9950109 18.467176c0 .453204-.3675248.820729-.8207288.820729-.4534338 0-.8207289-.367525-.8207289-.820729 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#j)"/></g><g fill="none"><path d="m11.505723 5.4942766v37.9065924" stroke="#000" stroke-opacity=".017544" stroke-width=".988553"/><path d="m12.5 5.0205154v38.0177126" stroke="#fff" stroke-opacity=".204678"/></g></g><g><g fill="#9b9b9b" fill-opacity=".549708"><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="9"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="11"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="13"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="15"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="17"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="19"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="21"/><rect display="block" height="1" rx=".137786" ry=".065391" width="20.000006" x="15.999994" y="23"/><rect display="block" height="1" rx=".062004" ry=".065391" width="9.000006" x="15.999986" y="25"/></g><g fill="#2e3436" stroke="#2e3436" stroke-width="1.043944" transform="matrix(.478953 0 0 .478953 12.7157 29.9192)"><path d="m12.16 11.125h-.445c-.196 2.473-.516 5.668-4.74599 5.668h-2.29701c-.98899 0-1.035-.121-1.035-.969v-13.582c0-.89398.04601-1.14398 1.918-1.14398h.539v-.59802c-1.016.046997-2.204.046997-3.219.046997-.766 0-2.155998 0-2.875-.046997v.59802c1.75401 0 2.035 0 2.035 1.11695v13.45703c0 1.117-.277 1.117-2.035 1.117v.598h11.574"/><path d="m12.328.328003c-.102-.268982-.145-.328003-.348-.328003s-.246.059021-.347.328003l-4.379 12.417997c-.39099 1.118-1.219 1.344-1.942 1.344v.5c.37101-.039 1.196-.039 1.59001-.039.51599 0 1.33999 0 1.836.039v-.5c-.96901-.039-1.11301-.711-1.11301-.961 0-.187.039-.293.082-.418l1.09401-3.11701h5.40999l1.238 3.55501c.102.25.102.293.102.375 0 .562-.887.562-1.278.562v.5c.598-.039 1.672-.039 2.313-.039.535 0 1.566 0 2.062.039v-.5c-1.093 0-1.465 0-1.734-.765zm-.828 1.640987 2.519 7.125h-5.039"/><path d="m31.246.539001h-14.301l-.418 5.476989h.446c.32-4.10199.671-4.82001 4.511-4.82001h1.367c.473.07404.473.375.473.94501v13.48001c0 .895-.074 1.168-2.16 1.168h-.703v.598c1.187-.023 2.426-.047 3.64-.047 1.211 0 2.454.024 3.641.047v-.598h-.691c-2.055 0-2.129-.273-2.129-1.168v-13.48001c0-.547 0-.84399.445-.94501h1.359c3.79 0 4.161.71399 4.481 4.82001h.445"/><path d="m43.57 16.524h-.445c-.543 3.672-.863 5.668-5.219 5.668h-3.437c-.989 0-1.036-.125-1.036-.977v-6.922h2.336c2.336 0 2.559.856 2.559 2.946h.398v-6.442h-.398c0 2.055-.223 2.895-2.559 2.895h-2.336v-6.13701c0-.836.047-.961 1.036-.961h3.386c3.832 0 4.278 1.52301 4.625 4.79701h.446l-.594-5.477h-12.539v.67999c1.754 0 2.035 0 2.035 1.11298v13.36403c0 1.113-.277 1.113-2.035 1.113v.598h12.887"/><path d="m50.246 8.01599 3.664-5.297c.367-.52002 1.113-1.59002 3.145-1.617v-.598023c-.567.046997-1.508.046997-2.102.046997-.816 0-1.832 0-2.449-.046997v.598023c.793.07397.988.57001.988.96899 0 .29602-.121.49604-.297.74201l-3.269 4.742-3.664-5.36297c-.172-.27002-.196-.34803-.196-.422 0-.22302.27-.64502 1.09-.66803v-.598023c-.793.046997-2.004.046997-2.82.046997-.641 0-1.879 0-2.477-.046997v.598023c1.36 0 1.805.05103 2.352.82001l4.777 7.01599-4.308 6.29301c-1.063 1.539-2.672 1.566-3.145 1.566v.598c.566-.047 1.508-.047 2.102-.047.668 0 1.832 0 2.449.047v-.598c-.766-.074-.988-.57-.988-.969 0-.32.121-.496.246-.672l3.961-5.781 4.308 6.332c.195.274.195.348.195.422 0 .195-.222.621-1.089.672v.598c.793-.047 2.004-.047 2.82-.047.641 0 1.879 0 2.48.047v-.598c-1.586 0-1.836-.121-2.328-.82"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+ <path d="m 10.672 0.002 c -1.375 0 -2.672 1.353 -2.672 2.787 l 0 58.42 c 0 1.353 1.375 2.787 2.672 2.787 l 42.654 0 c 1.297 0 2.672 -1.434 2.672 -2.787 l 0.002 -43.21 -18 -18 z" style="fill:#dcdcdc;fill-opacity:1"/>
+ <path d="m 41.999 18 14 14 0 -14 z" style="fill:#000;fill-opacity:0.196"/>
+ <path d="m 38 0.002 17.983 17.999 -15.226 0 c -1.346 0 -2.757 -1.427 -2.757 -2.773 z" style="fill:#fff;fill-opacity:0.392"/>
+ <g transform="matrix(1.3333062,0,0,1.3333062,1.6336238e-4,3.9985596)">
+  <path d="m 20.2 17.02 -8.938 0 -0.262 3.441 0.277 0 c 0.199 -2.578 0.422 -3.03 2.82 -3.03 0.277 0 0.73 0 0.855 0 0.297 0.047 0.297 0.238 0.297 0.594 l 0 8.473 c 0 0.566 -0.047 0.734 -1.352 0.734 l -0.441 0 0 0.375 c 0.746 -0.016 1.52 -0.031 2.277 -0.031 0.758 0 1.535 0.023 2.277 0.031 l 0 -0.375 -0.441 0 c -1.285 0 -1.332 -0.172 -1.332 -0.734 l 0 -8.473 c 0 -0.344 0 -0.527 0.281 -0.594 l 0.848 0 c 2.367 0 2.605 0.449 2.809 3.03 l 0.27 0" style="fill:#2d2d2d;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+  <path d="m 27.969 27.07 -0.277 0 c -0.34 2.309 -0.543 3.563 -3.266 3.563 l -2.148 0 c -0.617 0 -0.645 -0.078 -0.645 -0.613 l 0 -4.352 1.457 0 c 1.461 0 1.602 0.539 1.602 1.852 l 0.25 0 0 -4.047 -0.25 0 c 0 1.289 -0.141 1.82 -1.602 1.82 l -1.457 0 0 -3.859 c 0 -0.523 0.027 -0.602 0.645 -0.602 l 2.117 0 c 2.395 0 2.676 0.957 2.891 3.01 l 0.281 0 -0.371 -3.441 -7.84 0 0 0.43 c 1.098 0 1.273 0 1.273 0.699 l 0 8.398 c 0 0.699 -0.176 0.699 -1.273 0.699 l 0 0.375 8.05 0" style="fill:#2d2d2d;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+  <path d="m 32.14 21.719 2.289 -3.328 c 0.23 -0.324 0.699 -0.996 1.969 -1.016 l 0 -0.375 c -0.355 0.031 -0.945 0.031 -1.316 0.031 -0.508 0 -1.145 0 -1.531 -0.031 l 0 0.375 c 0.496 0.047 0.621 0.359 0.621 0.609 0 0.188 -0.078 0.313 -0.188 0.465 l -2.043 2.98 -2.289 -3.367 c -0.109 -0.172 -0.125 -0.219 -0.125 -0.266 0 -0.141 0.168 -0.406 0.684 -0.422 l 0 -0.375 c -0.496 0.031 -1.25 0.031 -1.766 0.031 -0.398 0 -1.172 0 -1.547 -0.031 l 0 0.375 c 0.852 0 1.129 0.031 1.469 0.516 l 2.988 4.41 -2.695 3.957 c -0.664 0.965 -1.668 0.984 -1.965 0.984 l 0 0.375 c 0.355 -0.031 0.941 -0.031 1.316 -0.031 0.414 0 1.145 0 1.527 0.031 l 0 -0.375 c -0.477 -0.047 -0.617 -0.359 -0.617 -0.609 0 -0.203 0.078 -0.313 0.156 -0.422 l 2.477 -3.633 2.691 3.977 c 0.121 0.172 0.121 0.219 0.121 0.266 0 0.125 -0.137 0.391 -0.68 0.422 l 0 0.379 c 0.496 -0.031 1.25 -0.031 1.762 -0.031 0.402 0 1.176 0 1.551 0.031 l 0 -0.379 c -0.992 0 -1.148 -0.074 -1.453 -0.516" style="fill:#2d2d2d;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ </g>
+</svg>

prive/vignettes/xml.svg

-<svg height="52" viewBox="0 0 48 48" width="52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fcfcff" stop-opacity="0"/></linearGradient><linearGradient id="b" gradientTransform="matrix(.965584 0 0 .698254 12.84858 -39.7739)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><radialGradient id="c" cx="11.826907" cy="10.476453" gradientTransform="scale(1.179536 .847791)" gradientUnits="userSpaceOnUse" r="32.664848"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="d"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="e" cx="605.71429" cy="486.64789" gradientTransform="matrix(-2.774389 0 0 1.969706 112.7623 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><radialGradient id="f" cx="605.71429" cy="486.64789" gradientTransform="matrix(2.774389 0 0 1.969706 -1891.633 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><linearGradient id="g" gradientTransform="matrix(2.774389 0 0 1.969706 -1892.179 -872.8854)" gradientUnits="userSpaceOnUse" x1="302.85715" x2="302.85715" y1="366.64789" y2="609.50507"><stop offset="0" stop-opacity="0"/><stop offset=".5"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="h" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></radialGradient><radialGradient id="i" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></radialGradient><radialGradient id="j" cx="8.143557" cy="7.267897" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="38.158695"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8"/></radialGradient><linearGradient id="k"><stop offset="0" stop-color="#f0f0f0"/><stop offset="1" stop-color="#9a9a9a"/></linearGradient><radialGradient id="l" cx="9.4125070463" cy="30.2965131852" gradientUnits="userSpaceOnUse" r="1.207318968" xlink:href="#k"/><radialGradient id="m" cx="9.4125070463" cy="18.8112483337" gradientUnits="userSpaceOnUse" r="1.207548671" xlink:href="#k"/><radialGradient id="n" cx="15.115514" cy="63.965388" gradientTransform="scale(1.64399 .608276)" gradientUnits="userSpaceOnUse" r="12.289036" xlink:href="#d"/><linearGradient id="o" gradientTransform="matrix(.805809 0 0 .6477 22.82446 24.85216)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><g transform="matrix(.02105461 0 0 .02086758 42.85172 41.1536)"><path d="m-1559.2523-150.69685h1339.6335v478.35718h-1339.6335z" fill="url(#g)" opacity=".402062"/><path d="m-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" fill="url(#f)" opacity=".402062"/><path d="m-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" fill="url(#e)" opacity=".402062"/></g><g><rect display="block" fill="url(#i)" height="40.920494" ry="1.149049" stroke="url(#h)" stroke-linecap="round" stroke-linejoin="round" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#j)" stroke-linecap="round" stroke-linejoin="round" width="32.775887" x="7.666054" y="4.583946"/><g transform="translate(.646447 -.037989)"><g fill="#fff" stroke="none" transform="matrix(.229703 0 0 .229703 4.967081 4.244972)"><path d="m23.428 113.07c0 1.973-1.6 3.572-3.573 3.572-1.974 0-3.573-1.6-3.573-3.572 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/><path d="m23.428 63.07c0 1.973-1.6 3.573-3.573 3.573-1.974 0-3.573-1.6-3.573-3.573 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/></g><path d="m9.9950109 29.952326c0 .453204-.3675248.820499-.8207288.820499-.4534338 0-.8207289-.367524-.8207289-.820499 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#l)"/><path d="m9.9950109 18.467176c0 .453204-.3675248.820729-.8207288.820729-.4534338 0-.8207289-.367525-.8207289-.820729 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#m)"/></g><g fill="none"><path d="m11.505723 5.4942766v37.9065924" stroke="#000" stroke-opacity=".017544" stroke-width=".988553"/><path d="m12.5 5.0205154v38.0177126" stroke="#fff" stroke-opacity=".204678"/></g></g><g><g fill="#9b9b9b" fill-opacity=".549708" transform="matrix(.909091 0 0 1 2.363628 0)"><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="9"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="11"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="13"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="15"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="17"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="19"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="21"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="23"/><rect display="block" height="1" rx=".068204" ry=".065391" width="9.900005" x="14.999992" y="25"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="29"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="31"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="33"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="35"/><rect display="block" height="1" rx=".106096" ry=".065391" width="15.400014" x="14.999992" y="37"/></g><path d="m30.708637 15.271057a12.929953 9.2934036 0 1 1 -25.859905 0 12.929953 9.2934036 0 1 1 25.859905 0z" fill="url(#c)" opacity=".421594" transform="matrix(.569589 0 0 .681378 -26.09093 -9.346853)"/><path d="m19.177589-35.03716-.625444 13.927064c8.607529-1.870907 8.901203-8.176991 19.603544-10.245789l-.125842-3.629788z" fill="url(#b)" fill-rule="evenodd" opacity=".531429"/><path d="m45.052803 38.908627a20.203051 7.4751287 0 1 1 -40.4061012 0 20.203051 7.4751287 0 1 1 40.4061012 0z" fill="url(#n)" transform="matrix(.489222 0 0 .608223 23.87124 19.6498)"/><rect fill="#555753" height="16.815884" rx=".149049" stroke="#2e3436" stroke-linejoin="round" width="16.815884" x="27.649858" y="28.836639"/><path d="m28.106214 29.245964-.521952 12.918724c7.183246-1.73545 7.428326-7.584965 16.359756-9.503979l-.105018-3.366986z" fill="url(#o)" fill-rule="evenodd" opacity=".531429"/><g fill="#eeeeec"><path d="m33.055225 35.584038-3.493652 1.252441 3.493652 1.243653v1.094238l-4.645019-1.823731v-1.037109l4.645019-1.828125z"/><path d="m37.388233 33.092339h.971192l-3.454102 7.395996h-.971191z"/><path d="m39.238331 35.584038v-1.098633l4.645019 1.828125v1.037109l-4.645019 1.823731v-1.094238l3.493652-1.243653z"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+ <path d="m 10.672 0 c -1.375 0 -2.672 1.355 -2.672 2.789 l 0 58.42 c 0 1.355 1.375 2.789 2.672 2.789 l 42.656 0 c 1.297 0 2.672 -1.434 2.672 -2.789 l 0 -43.21 -18 -18 m -27.328 0" style="fill:#dcdcdc;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 42 18 14 14 0 -14 z m 0 0" style="fill:#000;fill-opacity:0.196;stroke:none;fill-rule:nonzero"/>
+ <path d="m 38 0 17.984 18 -15.227 0 c -1.348 0 -2.758 -1.426 -2.758 -2.773 m 0 -15.227" style="fill:#fff;fill-opacity:0.392;stroke:none;fill-rule:nonzero"/>
+ <path d="m 24 28 -8 8 0 4 8 8 0 -6 l -4 -3.996 4 -4 m 0 -6" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 40 28 8 8 0 4 -8 8 0 -6 4 -3.996 l -4 -4 m 0 -6" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 34 28 4 0 -8 20 -4 0 z m 0 0" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+</svg>

prive/vignettes/xspf.svg

-<svg height="52" viewBox="0 0 48 48" width="52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fcfcff" stop-opacity="0"/></linearGradient><linearGradient id="b" gradientTransform="matrix(.965584 0 0 .698254 12.84858 -39.7739)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><radialGradient id="c" cx="11.826907" cy="10.476453" gradientTransform="scale(1.179536 .847791)" gradientUnits="userSpaceOnUse" r="32.664848"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="d"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="e" cx="605.71429" cy="486.64789" gradientTransform="matrix(-2.774389 0 0 1.969706 112.7623 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><radialGradient id="f" cx="605.71429" cy="486.64789" gradientTransform="matrix(2.774389 0 0 1.969706 -1891.633 -872.8854)" gradientUnits="userSpaceOnUse" r="117.14286" xlink:href="#d"/><linearGradient id="g" gradientTransform="matrix(2.774389 0 0 1.969706 -1892.179 -872.8854)" gradientUnits="userSpaceOnUse" x1="302.85715" x2="302.85715" y1="366.64789" y2="609.50507"><stop offset="0" stop-opacity="0"/><stop offset=".5"/><stop offset="1" stop-opacity="0"/></linearGradient><radialGradient id="h" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></radialGradient><radialGradient id="i" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></radialGradient><radialGradient id="j" cx="8.143557" cy="7.267897" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="38.158695"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8"/></radialGradient><linearGradient id="k"><stop offset="0" stop-color="#f0f0f0"/><stop offset="1" stop-color="#9a9a9a"/></linearGradient><radialGradient id="l" cx="9.4125070463" cy="30.2965131852" gradientUnits="userSpaceOnUse" r="1.207318968" xlink:href="#k"/><radialGradient id="m" cx="9.4125070463" cy="18.8112483337" gradientUnits="userSpaceOnUse" r="1.207548671" xlink:href="#k"/><radialGradient id="n" cx="15.115514" cy="63.965388" gradientTransform="scale(1.64399 .608276)" gradientUnits="userSpaceOnUse" r="12.289036" xlink:href="#d"/><linearGradient id="o" gradientTransform="matrix(.805809 0 0 .6477 22.82446 24.85216)" gradientUnits="userSpaceOnUse" x1="11.492236" x2="17.199417" xlink:href="#a" y1="1.653758" y2="26.729263"/><g transform="matrix(.02105461 0 0 .02086758 42.85172 41.1536)"><path d="m-1559.2523-150.69685h1339.6335v478.35718h-1339.6335z" fill="url(#g)" opacity=".402062"/><path d="m-219.61876-150.68038v478.33079c142.874166.90045 345.40022-107.16966 345.40014-239.196175 0-132.026537-159.436816-239.134595-345.40014-239.134615z" fill="url(#f)" opacity=".402062"/><path d="m-1559.2523-150.68038v478.33079c-142.8742.90045-345.4002-107.16966-345.4002-239.196175 0-132.026537 159.4368-239.134595 345.4002-239.134615z" fill="url(#e)" opacity=".402062"/></g><g><rect display="block" fill="url(#i)" height="40.920494" ry="1.149049" stroke="url(#h)" stroke-linecap="round" stroke-linejoin="round" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#j)" stroke-linecap="round" stroke-linejoin="round" width="32.775887" x="7.666054" y="4.583946"/><g transform="translate(.646447 -.037989)"><g fill="#fff" stroke="none" transform="matrix(.229703 0 0 .229703 4.967081 4.244972)"><path d="m23.428 113.07c0 1.973-1.6 3.572-3.573 3.572-1.974 0-3.573-1.6-3.573-3.572 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/><path d="m23.428 63.07c0 1.973-1.6 3.573-3.573 3.573-1.974 0-3.573-1.6-3.573-3.573 0-1.974 1.6-3.573 3.573-3.573s3.573 1.6 3.573 3.573z"/></g><path d="m9.9950109 29.952326c0 .453204-.3675248.820499-.8207288.820499-.4534338 0-.8207289-.367524-.8207289-.820499 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#l)"/><path d="m9.9950109 18.467176c0 .453204-.3675248.820729-.8207288.820729-.4534338 0-.8207289-.367525-.8207289-.820729 0-.453434.3675248-.820729.8207289-.820729.453204 0 .8207288.367525.8207288.820729z" fill="url(#m)"/></g><g fill="none"><path d="m11.505723 5.4942766v37.9065924" stroke="#000" stroke-opacity=".017544" stroke-width=".988553"/><path d="m12.5 5.0205154v38.0177126" stroke="#fff" stroke-opacity=".204678"/></g></g><g><g fill="#9b9b9b" fill-opacity=".549708" transform="matrix(.909091 0 0 1 2.363628 0)"><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="9"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="11"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="13"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="15"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="17"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="19"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="21"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="15.000002" y="23"/><rect display="block" height="1" rx=".068204" ry=".065391" width="9.900005" x="14.999992" y="25"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="29"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="31"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="33"/><rect display="block" height="1" rx=".151565" ry=".065391" width="22.000004" x="14.999992" y="35"/><rect display="block" height="1" rx=".106096" ry=".065391" width="15.400014" x="14.999992" y="37"/></g><path d="m30.708637 15.271057a12.929953 9.2934036 0 1 1 -25.859905 0 12.929953 9.2934036 0 1 1 25.859905 0z" fill="url(#c)" opacity=".421594" transform="matrix(.569589 0 0 .681378 -26.09093 -9.346853)"/><path d="m19.177589-35.03716-.625444 13.927064c8.607529-1.870907 8.901203-8.176991 19.603544-10.245789l-.125842-3.629788z" fill="url(#b)" fill-rule="evenodd" opacity=".531429"/><path d="m45.052803 38.908627a20.203051 7.4751287 0 1 1 -40.4061012 0 20.203051 7.4751287 0 1 1 40.4061012 0z" fill="url(#n)" transform="matrix(.489222 0 0 .608223 23.87124 19.6498)"/><rect fill="#555753" height="16.815884" rx=".149049" stroke="#2e3436" stroke-linejoin="round" width="16.815884" x="27.649858" y="28.836639"/><path d="m28.106214 29.245964-.521952 12.918724c7.183246-1.73545 7.428326-7.584965 16.359756-9.503979l-.105018-3.366986z" fill="url(#o)" fill-rule="evenodd" opacity=".531429"/><g fill="#eeeeec"><path d="m33.055225 35.584038-3.493652 1.252441 3.493652 1.243653v1.094238l-4.645019-1.823731v-1.037109l4.645019-1.828125z"/><path d="m37.388233 33.092339h.971192l-3.454102 7.395996h-.971191z"/><path d="m39.238331 35.584038v-1.098633l4.645019 1.828125v1.037109l-4.645019 1.823731v-1.094238l3.493652-1.243653z"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+ <path d="m 10.672 0 c -1.375 0 -2.672 1.355 -2.672 2.789 l 0 58.42 c 0 1.355 1.375 2.789 2.672 2.789 l 42.656 0 c 1.297 0 2.672 -1.434 2.672 -2.789 l 0 -43.21 -18 -18 m -27.328 0" style="fill:#dcdcdc;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 42 18 14 14 0 -14 z m 0 0" style="fill:#000;fill-opacity:0.196;stroke:none;fill-rule:nonzero"/>
+ <path d="m 38 0 17.984 18 -15.227 0 c -1.348 0 -2.758 -1.426 -2.758 -2.773 m 0 -15.227" style="fill:#fff;fill-opacity:0.392;stroke:none;fill-rule:nonzero"/>
+ <path d="m 24 28 -8 8 0 4 8 8 0 -6 l -4 -3.996 4 -4 m 0 -6" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 40 28 8 8 0 4 -8 8 0 -6 4 -3.996 l -4 -4 m 0 -6" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+ <path d="m 34 28 4 0 -8 20 -4 0 z m 0 0" style="fill:#888;fill-opacity:1;stroke:none;fill-rule:nonzero"/>
+</svg>