[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:
parent
105cf53e7b
commit
53f3af9794
6
frontend/assets/images/icon.svg
Normal file
6
frontend/assets/images/icon.svg
Normal 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 |
91
frontend/assets/images/icon_improved.svg
Normal file
91
frontend/assets/images/icon_improved.svg
Normal 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>
|
||||
<!-- Water‑color 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 |
Loading…
x
Reference in New Issue
Block a user