Refactor SVG logos: format and structure SVG elements for improved readability and maintainability.

This commit is contained in:
MartinBraquet
2026-07-28 18:26:56 +02:00
parent a6e2dcdbb1
commit df1fe87f5f
2 changed files with 37 additions and 8 deletions

View File

@@ -2,8 +2,31 @@
matching the app-icon variant of the logo rather than the "DH Les Sports+" wordmark used before.
Built as plain shapes/text rather than traced from an official vector file, since none was found. -->
<svg viewBox="0 0 200 155" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="La DH">
<rect x="18" y="18" width="108" height="108" rx="3" fill="#1B2740" transform="rotate(-8 72 72)"/>
<text x="72" y="76" transform="rotate(-8 72 72)" font-family="Arial, Helvetica, sans-serif" font-weight="800" font-size="58" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">D</text>
<rect x="98" y="54" width="90" height="90" rx="2" fill="#D6362E"/>
<text x="143" y="100" font-family="Arial, Helvetica, sans-serif" font-weight="800" font-size="52" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">H</text>
<rect x="18" y="18" width="108" height="108" rx="3" fill="#1B2740" transform="rotate(-8 72 72)" />
<text
x="72"
y="76"
transform="rotate(-8 72 72)"
font-family="Arial, Helvetica, sans-serif"
font-weight="800"
font-size="58"
fill="#FFFFFF"
text-anchor="middle"
dominant-baseline="central"
>
D
</text>
<rect x="98" y="54" width="90" height="90" rx="2" fill="#D6362E" />
<text
x="143"
y="100"
font-family="Arial, Helvetica, sans-serif"
font-weight="800"
font-size="52"
fill="#FFFFFF"
text-anchor="middle"
dominant-baseline="central"
>
H
</text>
</svg>

Before

Width:  |  Height:  |  Size: 952 B

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -1,4 +1,10 @@
<svg width="120" height="30" viewBox="0 0 120 29" fill="none" xmlns="http://www.w3.org/2000/svg"><title lang="fr">${title}</title>
<title>Logo avenir</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M105.366 2.51128C105.366 3.89822 104.242 5.02256 102.855 5.02256C101.468 5.02256 100.343 3.89822 100.343 2.51128C100.343 1.12434 101.468 0 102.855 0C104.242 0 105.366 1.12434 105.366 2.51128ZM14.3155 9.37768C15.3076 6.48729 15.9816 3.49785 16.3255 0.461649L16.3525 0.226147H11.6006C11.731 3.41807 11.4966 6.61494 10.9029 9.75349L10.8881 9.83328H14.1592L14.3155 9.37768ZM4.60383 0.247056L0 27.9333H4.86794L9.47177 0.247056H4.60383ZM41.5715 21.8218L49.1411 7.00561H54.5879L43.5991 27.9542H38.1529L33.5441 7.00561H38.4957L41.5715 21.8218ZM111.845 10.7599L112.473 7.00561H107.636L104.132 27.9542H108.969C110.395 18.3674 112.066 12.5234 119.229 12.0992L120 7.00616C117.056 7.00616 113.722 8.44008 111.845 10.7604V10.7599ZM81.4642 11.5385C83.5452 8.00924 86.3162 6.30406 89.3018 6.30406C94.3881 6.30406 96.5528 10.5073 95.7654 15.2658L93.5716 27.9548H89.0057L91.1995 15.2658C91.643 12.6488 90.241 11.4592 88.3493 11.4592C85.3989 11.4592 80.8276 15.5035 78.943 26.6061L78.7185 27.9548H73.8869L77.3908 7.00616H82.2279L81.4642 11.5385ZM73.5996 16.5808C73.6002 16.9495 73.5826 17.36 73.5468 17.8112L73.5479 17.8117C73.5121 18.2635 73.4516 18.7625 73.3674 19.3089H57.4161C57.7126 20.8386 58.3658 21.999 59.2472 22.7892C60.1287 23.5798 61.2721 23.9744 62.678 23.9744C63.68 23.9744 64.5873 23.7631 65.3994 23.341C66.1626 22.9449 66.8521 22.3528 67.4689 21.5715L71.8477 23.2965C71.0311 24.6952 70.0022 25.8347 68.7515 26.7024C66.9814 27.9306 64.8921 28.5446 62.4843 28.5446C59.6484 28.5446 57.3181 27.596 55.4935 25.6977C53.6684 23.7999 52.7539 21.3778 52.7484 18.4324C52.7451 16.6678 53.084 14.995 53.7658 13.4142C54.447 11.8334 55.4165 10.4528 56.6732 9.27204C57.6373 8.37075 58.73 7.6846 59.9516 7.21525C61.1725 6.7459 62.4804 6.51095 63.8736 6.51095C66.7459 6.51095 69.0943 7.44855 70.9194 9.32376C72.7435 11.1995 73.5941 13.6184 73.5996 16.5808ZM57.9032 15.2135L57.903 15.214V15.2135H57.9032ZM57.9032 15.2135C58.3776 13.9124 59.1704 12.8958 60.1529 12.1624C61.1351 11.429 62.2565 11.062 63.5154 11.062C64.8965 11.062 66.0581 11.4257 67.0012 12.1525C67.9437 12.8799 68.6519 13.9001 68.9963 15.2135H57.9032ZM96.3541 27.9542L99.858 7.00561H104.695L101.191 27.9542H96.3541ZM22.5619 0.226147L7.73413 27.9542H13.6948L16.9346 21.7465C20.4044 20.4958 24.9521 19.8586 27.6389 19.7981L29.5774 27.9542H35.1194L28.3702 0.226147H22.5619ZM19.9296 16.008L24.6082 7.04358L26.5242 15.1051C24.5615 15.2157 22.229 15.5222 19.9296 16.008Z" fill="#54AC3B"/>
</svg>
<svg width="120" height="30" viewBox="0 0 120 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<title lang="fr">${title}</title>
<title>Logo avenir</title>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M105.366 2.51128C105.366 3.89822 104.242 5.02256 102.855 5.02256C101.468 5.02256 100.343 3.89822 100.343 2.51128C100.343 1.12434 101.468 0 102.855 0C104.242 0 105.366 1.12434 105.366 2.51128ZM14.3155 9.37768C15.3076 6.48729 15.9816 3.49785 16.3255 0.461649L16.3525 0.226147H11.6006C11.731 3.41807 11.4966 6.61494 10.9029 9.75349L10.8881 9.83328H14.1592L14.3155 9.37768ZM4.60383 0.247056L0 27.9333H4.86794L9.47177 0.247056H4.60383ZM41.5715 21.8218L49.1411 7.00561H54.5879L43.5991 27.9542H38.1529L33.5441 7.00561H38.4957L41.5715 21.8218ZM111.845 10.7599L112.473 7.00561H107.636L104.132 27.9542H108.969C110.395 18.3674 112.066 12.5234 119.229 12.0992L120 7.00616C117.056 7.00616 113.722 8.44008 111.845 10.7604V10.7599ZM81.4642 11.5385C83.5452 8.00924 86.3162 6.30406 89.3018 6.30406C94.3881 6.30406 96.5528 10.5073 95.7654 15.2658L93.5716 27.9548H89.0057L91.1995 15.2658C91.643 12.6488 90.241 11.4592 88.3493 11.4592C85.3989 11.4592 80.8276 15.5035 78.943 26.6061L78.7185 27.9548H73.8869L77.3908 7.00616H82.2279L81.4642 11.5385ZM73.5996 16.5808C73.6002 16.9495 73.5826 17.36 73.5468 17.8112L73.5479 17.8117C73.5121 18.2635 73.4516 18.7625 73.3674 19.3089H57.4161C57.7126 20.8386 58.3658 21.999 59.2472 22.7892C60.1287 23.5798 61.2721 23.9744 62.678 23.9744C63.68 23.9744 64.5873 23.7631 65.3994 23.341C66.1626 22.9449 66.8521 22.3528 67.4689 21.5715L71.8477 23.2965C71.0311 24.6952 70.0022 25.8347 68.7515 26.7024C66.9814 27.9306 64.8921 28.5446 62.4843 28.5446C59.6484 28.5446 57.3181 27.596 55.4935 25.6977C53.6684 23.7999 52.7539 21.3778 52.7484 18.4324C52.7451 16.6678 53.084 14.995 53.7658 13.4142C54.447 11.8334 55.4165 10.4528 56.6732 9.27204C57.6373 8.37075 58.73 7.6846 59.9516 7.21525C61.1725 6.7459 62.4804 6.51095 63.8736 6.51095C66.7459 6.51095 69.0943 7.44855 70.9194 9.32376C72.7435 11.1995 73.5941 13.6184 73.5996 16.5808ZM57.9032 15.2135L57.903 15.214V15.2135H57.9032ZM57.9032 15.2135C58.3776 13.9124 59.1704 12.8958 60.1529 12.1624C61.1351 11.429 62.2565 11.062 63.5154 11.062C64.8965 11.062 66.0581 11.4257 67.0012 12.1525C67.9437 12.8799 68.6519 13.9001 68.9963 15.2135H57.9032ZM96.3541 27.9542L99.858 7.00561H104.695L101.191 27.9542H96.3541ZM22.5619 0.226147L7.73413 27.9542H13.6948L16.9346 21.7465C20.4044 20.4958 24.9521 19.8586 27.6389 19.7981L29.5774 27.9542H35.1194L28.3702 0.226147H22.5619ZM19.9296 16.008L24.6082 7.04358L26.5242 15.1051C24.5615 15.2157 22.229 15.5222 19.9296 16.008Z"
fill="#54AC3B"
/>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB