38 lines
2.2 KiB
XML
38 lines
2.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500">
|
|
<defs>
|
|
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0284c7"/>
|
|
<stop offset="100%" stop-color="#0369a1"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx="50%" cy="30%" r="50%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.25"/>
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<!-- 배경 -->
|
|
<rect width="500" height="500" rx="32" fill="url(#grad)"/>
|
|
<rect width="500" height="500" rx="32" fill="url(#glow)"/>
|
|
|
|
<!-- 장식 원형 패턴 -->
|
|
<circle cx="430" cy="80" r="100" fill="#ffffff" opacity="0.05"/>
|
|
<circle cx="70" cy="420" r="80" fill="#ffffff" opacity="0.04"/>
|
|
|
|
<!-- 상단 뱃지 -->
|
|
<rect x="50" y="45" width="140" height="38" rx="19" fill="#ffffff" opacity="0.2"/>
|
|
<text x="120" y="70" font-family="'Pretendard', sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle" letter-spacing="-0.3">초등 집중 1단계</text>
|
|
|
|
<!-- 중앙 아이콘 -->
|
|
<g>
|
|
<path d="M170 200 C210 185 240 185 250 195 C260 185 290 185 330 200 L330 290 C290 275 260 275 250 285 C240 275 210 275 170 290 Z" fill="none" stroke="#ffffff" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<line x1="250" y1="195" x2="250" y2="285" stroke="#ffffff" stroke-width="10" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- 하단 텍스트 영역 -->
|
|
<text x="250" y="380" font-family="'Pretendard', sans-serif" font-size="34" font-weight="900" fill="#ffffff" text-anchor="middle" letter-spacing="-0.8">기초학습</text>
|
|
<text x="250" y="420" font-family="'Pretendard', sans-serif" font-size="18" font-weight="600" fill="#ffffff" opacity="0.85" text-anchor="middle" letter-spacing="-0.5">개념 이해와 튼튼한 연산 기본기</text>
|
|
|
|
<!-- 하단 액션 텍스트 -->
|
|
<rect x="175" y="445" width="150" height="28" rx="14" fill="#ffffff" opacity="0.25"/>
|
|
<text x="250" y="464" font-family="'Pretendard', sans-serif" font-size="13" font-weight="700" fill="#ffffff" text-anchor="middle">1:1 맞춤 클리닉</text>
|
|
</svg> |