[Frontend] Ajout nouvelles icônes SVG de l'application

Ajout de deux versions d'icônes SVG pour l'application :
- icon.svg : Icône standard de l'application
- icon_improved.svg : Version améliorée de l'icône

Ces icônes seront utilisées pour le branding de l'application
et les différentes tailles d'affichage.
This commit is contained in:
MARTIN Julien 2026-01-27 16:29:32 +01:00
parent 105cf53e7b
commit 53f3af9794
2 changed files with 97 additions and 0 deletions

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<rect x="271" y="17" width="193" height="96" rx="19.2" fill="#f9bc8e" />
<rect x="168" y="108" width="206" height="115" rx="23.0" fill="#f7db75" />
<rect x="131" y="229" width="223" height="132" rx="26.4" fill="#aadac2" />
<rect x="47" y="349" width="238" height="144" rx="28.8" fill="#dfc2cf" />
</svg>

After

Width:  |  Height:  |  Size: 374 B

View File

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Watercolor like noise -->
<filter id="wcTexture" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" seed="12" result="noise"/>
<feBlend in="SourceGraphic" in2="noise" mode="multiply"/>
</filter>
<!-- Gradients -->
<radialGradient id="gradCoral" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#ffddc9"/>
<stop offset="100%" stop-color="#f49c6e"/>
</radialGradient>
<radialGradient id="gradYellow" cx="45%" cy="35%" r="70%">
<stop offset="0%" stop-color="#fff6c9"/>
<stop offset="100%" stop-color="#e9c833"/>
</radialGradient>
<radialGradient id="gradMint" cx="40%" cy="30%" r="70%">
<stop offset="0%" stop-color="#d4f4ec"/>
<stop offset="100%" stop-color="#6bbda3"/>
</radialGradient>
<radialGradient id="gradLavender" cx="35%" cy="25%" r="70%">
<stop offset="0%" stop-color="#f5e6ff"/>
<stop offset="100%" stop-color="#b289c9"/>
</radialGradient>
</defs>
<!-- CORAL -->
<path filter="url(#wcTexture)" fill="url(#gradCoral)" d="
M 360 40
Q 380 15 420 22
L 450 28
Q 480 35 490 60
L 495 80
Q 500 105 470 120
L 440 135
Q 410 150 370 135
L 345 120
Q 315 105 325 75
L 330 55
Q 335 50 360 40 Z"/>
<!-- YELLOW -->
<path filter="url(#wcTexture)" fill="url(#gradYellow)" d="
M 280 190
Q 300 170 340 175
L 370 180
Q 405 185 410 210
L 415 230
Q 420 255 390 270
L 355 285
Q 320 300 290 285
L 265 270
Q 235 255 245 225
L 250 205
Q 255 200 280 190 Z"/>
<!-- MINT -->
<path filter="url(#wcTexture)" fill="url(#gradMint)" d="
M 180 330
Q 205 310 255 315
L 285 320
Q 325 325 330 350
L 335 370
Q 340 395 305 410
L 275 425
Q 235 440 200 425
L 175 410
Q 145 395 155 365
L 160 345
Q 165 340 180 330 Z"/>
<!-- LAVENDER -->
<path filter="url(#wcTexture)" fill="url(#gradLavender)" d="
M 80 460
Q 100 440 160 445
L 190 450
Q 235 455 240 480
L 245 500
Q 250 525 210 540
L 170 555
Q 130 570 95 555
L 65 540
Q 35 525 45 495
L 50 475
Q 55 470 80 460 Z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB