<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 420" width="300" height="420">
<!-- Card Background -->
<rect width="300" height="420" rx="15" fill="#f3f4f6"/>
<!-- Border -->
<rect x="5" y="5" width="290" height="410" rx="12" fill="none" stroke="#d1d5db" stroke-width="2"/>
<!-- Image Placeholder Area -->
<rect x="20" y="20" width="260" height="200" rx="8" fill="#e5e7eb"/>
<!-- Image Icon -->
<g transform="translate(150, 120)">
<rect x="-40" y="-30" width="80" height="60" rx="8" fill="#9ca3af"/>
<circle cx="-15" cy="-10" r="8" fill="#6b7280"/>
<polygon points="40,30 -40,30 -20,-5 10,-15 30,5" fill="#6b7280"/>
</g>
<!-- Title Line -->
<rect x="20" y="240" width="180" height="20" rx="4" fill="#d1d5db"/>
<!-- Subtitle Line -->
<rect x="20" y="275" width="120" height="15" rx="3" fill="#e5e7eb"/>
<!-- Text Lines -->
<rect x="20" y="310" width="260" height="12" rx="3" fill="#e5e7eb"/>
<rect x="20" y="335" width="220" height="12" rx="3" fill="#e5e7eb"/>
<rect x="20" y="360" width="240" height="12" rx="3" fill="#e5e7eb"/>
<!-- Card Text -->
<text x="150" y="120" font-family="Arial, sans-serif" font-size="14" fill="#6b7280" text-anchor="middle" opacity="0.5">No Image</text>
</svg>
|
Download
