عالیه 🌟
خب حالا برات یک نسخه طلاییتر و تزئینیتر آماده کردم. همین کار قبلی رو انجام بده (کپی → ذخیره بهصورت flag.html
→ باز کن با Chrome).
<!doctype html>
<html lang="fa">
<meta charset="utf-8">
<title>پرچم هنری شیر و خورشید</title>
<body style="margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background:#fdf8e6">
<svg viewBox="0 0 700 450" xmlns="http://www.w3.org/2000/svg">
<!-- پسزمینه با قاب طلایی -->
<rect x="10" y="10" width="680" height="430" rx="20" fill="#fff8dc" stroke="#b8860b" stroke-width="12"/>
<!-- خورشید با پرتو -->
<circle cx="180" cy="200" r="70" fill="#f6d36b" stroke="#b8860b" stroke-width="5"/>
<!-- پرتوهای ساده -->
<g stroke="#d4af37" stroke-width="6">
<line x1="180" y1="100" x2="180" y2="40"/>
<line x1="180" y1="300" x2="180" y2="360"/>
<line x1="80" y1="200" x2="20" y2="200"/>
<line x1="280" y1="200" x2="340" y2="200"/>
<line x1="120" y1="120" x2="80" y2="80"/>
<line x1="240" y1="120" x2="280" y2="80"/>
<line x1="120" y1="280" x2="80" y2="320"/>
<line x1="240" y1="280" x2="280" y2="320"/>
</g>
<!-- بدن شیر -->
<rect x="320" y="230" width="200" height="70" rx="20" fill="url(#gold)" stroke="#8c6b00" stroke-width="5"/>
<!-- سر شیر -->
<circle cx="520" cy="230" r="40" fill="url(#gold)" stroke="#8c6b00" stroke-width="5"/>
<!-- دم شیر -->
<path d="M320 250 q-60 -20 -80 40 q20 50 80 30" fill="none" stroke="#8c6b00" stroke-width="8" stroke-linecap="round"/>
<!-- شمشیر -->
<line x1="420" y1="230" x2="420" y2="100" stroke="#c0c0c0" stroke-width="12"/>
<circle cx="420" cy="90" r="10" fill="#d4af37" stroke="#8c6b00" stroke-width="3"/>
<rect x="400" y="220" width="40" height="12" rx="4" fill="#d4af37" stroke="#8c6b00" stroke-width="3"/>
<!-- تعریف طلایی -->
<defs>
<linearGradient id="gold" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ffd700"/>
<stop offset="50%" stop-color="#daa520"/>
<stop offset="100%" stop-color="#b8860b"/>
</linearGradient>
</defs>
</svg>
</ flag.html میخوای بعد از این نسخه