[ui] vignette png sur mesure (dédicace à Jack31)

prive/vignettes/pgn.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 offset="1" stop-opacity="0"/></linearGradient><radialGradient id="b" 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="#a"/><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="#a"/><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><linearGradient id="e"><stop offset="0" stop-color="#a3a3a3"/><stop offset="1" stop-color="#4c4c4c"/></linearGradient><linearGradient id="f"><stop offset="0" stop-color="#fafafa"/><stop offset="1" stop-color="#bbb"/></linearGradient><radialGradient id="g" cx="8.824419" cy="3.756129" gradientTransform="matrix(.968273 0 0 1.032767 3.353553 .646447)" gradientUnits="userSpaceOnUse" r="37.751713" xlink:href="#e"/><radialGradient id="h" cx="33.966679" cy="35.736916" gradientTransform="scale(.960493 1.041132)" gradientUnits="userSpaceOnUse" r="86.70845" xlink:href="#f"/><radialGradient id="i" 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><radialGradient id="j" cx="28.283663" cy="47.400623" gradientTransform="scale(1.164226 .85894)" gradientUnits="userSpaceOnUse" r="13.804391" xlink:href="#a"/><linearGradient id="k" gradientUnits="userSpaceOnUse" x1="11.063873" x2="26.76634" xlink:href="#e" y1="31.382991" y2="31.382991"/><linearGradient id="l" gradientUnits="userSpaceOnUse" x1="23.703407" x2="39.405872" xlink:href="#f" y1="14.85437" y2="14.85437"/><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(#b)" opacity=".402062"/></g><g stroke-linecap="round" stroke-linejoin="round"><rect display="block" fill="url(#h)" height="40.920494" ry="1.149049" stroke="url(#g)" width="34.875" x="6.603553" y="3.646446"/><rect display="block" fill="none" height="38.946384" rx=".149049" stroke="url(#i)" width="32.775887" x="7.666054" y="4.583946"/></g><g><g transform="translate(-14.11961 18.553786)"><path d="m26.339728 8.5787964a1.1490486 1.1490486 0 1 1 -2.298097 0 1.1490486 1.1490486 0 1 1 2.298097 0z" fill="#fff"/><path d="m26.339728 8.5787964a1.1490486 1.1490486 0 1 1 -2.298097 0 1.1490486 1.1490486 0 1 1 2.298097 0z" fill-opacity=".111111" transform="translate(-.353553 -.265165)"/></g><g transform="translate(-14.11961 12.553786)"><path d="m26.339728 8.5787964a1.1490486 1.1490486 0 1 1 -2.298097 0 1.1490486 1.1490486 0 1 1 2.298097 0z" fill="#fff"/><path d="m26.339728 8.5787964a1.1490486 1.1490486 0 1 1 -2.298097 0 1.1490486 1.1490486 0 1 1 2.298097 0z" fill-opacity=".111111" transform="translate(-.353553 -.265165)"/></g><path d="m48.999998 40.714287a16.071428 11.857142 0 1 1 -32.142857 0 16.071428 11.857142 0 1 1 32.142857 0z" fill="url(#j)" fill-rule="evenodd" transform="matrix(.59373078468 0 0 .58670868632 18.87332093816 19.12024021887)"/><g transform="matrix(.74686434539 0 0 .74686434539 18.91851566207 16.69777132104)"><path d="m20.541517 27.5352v2.857275s-2.425303 1.627794-2.392086 2.226001c.033216.597911.664493 2.092835.664493 2.092835l-.730928.431972-.033217 1.494923s1.362055 1.99333 8.903853 1.727593c7.54135-.265737 8.405296-1.328986 8.704398-2.092833v-1.395422l-.764143-.830578.69771-1.827097s-1.727891-1.760959-2.558173-2.126497v-3.056281z" fill="#555753" stroke="#2e3436" stroke-linejoin="round" stroke-width="1.03"/><path d="m17.651023 11.804181s.066584-.498408.398756-.631277c.332173-.132869 1.0631-.896865 1.096317-1.4284891 0 0 1.827245.0664349 1.926896-.1993033 0 0 3.88701-.332321 5.049911-.1330175 0 0 3.256032-1.229186 3.488404-1.5945754 0 0 2.259366 0 3.255882 1.1959687l1.262552.1328688.431973.6312762-.46534.2989556s3.089948 2.956928-1.528289 11.528458c-1.993331 3.056429 2.259367 7.541574 2.259367 7.541574s.165936.36524-.598207.564842c0 0-.099504 1.860461-6.810573 1.959964-6.711068.099801-7.707734-.897014-7.707734-.897014s-6.212662-3.720924 4.750806-14.584815c0 0-1.362203-3.189299-4.186114-.166086h-.46504s-1.661159-1.794027-1.960114-1.794027c0 0 .165937-.797362.431824-.797362 0 0 .797361-.099652.863796-.265738l-.996665-.0998s-.332172-.431824-.132868-.9633z" fill="#555753" stroke="#2e3436" stroke-linejoin="round" stroke-width="1.03"/><path d="m25.749696 11.383157 1.195969-.465041s.59791 2.093131 2.425303.431824l.664643.199453s-.963449-3.0565806-2.82406-1.06325z" fill="#eeeeec"/></g><rect fill="url(#l)" height="14.853961" rx="1.149049" stroke="#d3d7cf" stroke-linejoin="round" width="14.853961" x="24.127659" y="7.427389"/><rect fill="url(#k)" height="14.853961" rx="1.149049" stroke="#2e3436" stroke-linejoin="round" width="14.853961" x="11.488125" y="23.956011"/><path d="m24.698914 4.0324784c-7.257982 5.4424055-13.027081 18.9915696-13.02708 30.8227276 0 1.240364.062533 2.424351.184594 3.527715.00111-.000424-.00111.042879 0 .042455 4.295759-1.639172 9.019554-5.240183 13.765457-11.44756 3.982611-5.209034 6.853645-8.857444 13.264416-14.763839-1.282165-9.2221291-6.837582-13.09232546-13.475381-8.6572307-.237065.1583967-.477878.3001689-.712006.4757321z" fill="#fff" opacity=".14881"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
\ No newline at end of file
+  <path d="M10.7 0C9.3 0 8 1.4 8 2.8v58.4c0 1.4 1.4 2.8 2.7 2.8h42.7c1.3 0 2.7-1.4 2.7-2.8V18L38 0" fill="#dcdcdc"/>
+  <path d="M42 18l14 14V18H42z" fill-opacity=".196"/>
+  <path d="M38 0l18 18H40.8c-1.3 0-2.8-1.4-2.8-2.8" fill="#fff" fill-opacity=".392"/>
+  <path fill="#3e3e3e" d="M44.6 27.6c-2.9-2.3-5.8-4.6-8.8-6.9-1.3-1-1.9-2.2-1.6-3.8 0-.4-.2-.5-.6-.4-1 .3-1.8.9-2.3 1.8-.7 1.3-1.7 1.8-3 1.8-2-.1-3.2 1-4.3 2.5-1.1 1.6-1.7 3.5-2.2 5.3-.5 2-.7 4-.8 6.1v8.8h19.4v-3.1s.2-1.3-.8-2.3-2-1.9-2-1.9c-.5-.4-.9-.9-1.3-1.4l-3.6-4.6c.2.2.4.4.7.5 1.1.8 2.3 1.2 3.6.8.8-.2 1.6-.1 2.3.4.4.3.8.5 1.3.7 1 .5 2.3.3 3-.6.5-.5.9-1.1 1.4-1.6.5-.6.3-1.6-.4-2.1zM40.7 45.7c-.2-.4-.6-.6-1-.6H22.1c-.4 0-.8.2-1 .6l-2.2 4.4c-.2.3-.2.7 0 1.1.2.3.6.5.9.5h22.1c.4 0 .7-.2.9-.5.2-.3.2-.7 0-1.1l-2.1-4.4z"/>
+</svg>
\ No newline at end of file