4f53d07f15
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UPmp29DQHY6Ahfss5SRopT
73 lines
4.1 KiB
XML
73 lines
4.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
|
|
<!-- Keging 앱 아이콘 — 수축·이완이 퍼져 나가는 파동 링 + 숨쉬는 코어 (하루 다님 그린 팔레트) -->
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#3B7A5E"/>
|
|
<stop offset="0.5" stop-color="#265643"/>
|
|
<stop offset="1" stop-color="#152E24"/>
|
|
</linearGradient>
|
|
<radialGradient id="ambient" cx="0.5" cy="0.4" r="0.8">
|
|
<stop offset="0" stop-color="#7FBF9E" stop-opacity="0.38"/>
|
|
<stop offset="0.45" stop-color="#7FBF9E" stop-opacity="0.10"/>
|
|
<stop offset="1" stop-color="#7FBF9E" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="core" cx="0.42" cy="0.36" r="0.85">
|
|
<stop offset="0" stop-color="#F4FBF7"/>
|
|
<stop offset="0.35" stop-color="#C4E8D4"/>
|
|
<stop offset="0.75" stop-color="#8CC7A7"/>
|
|
<stop offset="1" stop-color="#6FAE8F"/>
|
|
</radialGradient>
|
|
<radialGradient id="coreGlow" cx="0.5" cy="0.5" r="0.5">
|
|
<stop offset="0" stop-color="#BFE6D2" stop-opacity="0.9"/>
|
|
<stop offset="0.6" stop-color="#9ED4B8" stop-opacity="0.35"/>
|
|
<stop offset="1" stop-color="#9ED4B8" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="ring" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#A9DCC2"/>
|
|
<stop offset="1" stop-color="#6FAE8F"/>
|
|
</linearGradient>
|
|
<linearGradient id="topSheen" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.16"/>
|
|
<stop offset="0.45" stop-color="#FFFFFF" stop-opacity="0.03"/>
|
|
<stop offset="1" stop-color="#FFFFFF" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<filter id="blurSoft" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="22"/>
|
|
</filter>
|
|
<filter id="blurFaint" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="7"/>
|
|
</filter>
|
|
<filter id="grain">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch" result="n"/>
|
|
<feColorMatrix in="n" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/>
|
|
<feComposite operator="over" in2="SourceGraphic"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- 배경 -->
|
|
<rect width="1024" height="1024" fill="url(#bg)"/>
|
|
<rect width="1024" height="1024" fill="url(#ambient)"/>
|
|
|
|
<!-- 바깥으로 갈수록 옅어지는 파동 링 3겹 (이완의 퍼짐) -->
|
|
<circle cx="512" cy="512" r="424" fill="none" stroke="url(#ring)" stroke-width="14" opacity="0.16" filter="url(#blurFaint)"/>
|
|
<circle cx="512" cy="512" r="424" fill="none" stroke="url(#ring)" stroke-width="10" opacity="0.22"/>
|
|
<circle cx="512" cy="512" r="330" fill="none" stroke="url(#ring)" stroke-width="20" opacity="0.30" filter="url(#blurFaint)"/>
|
|
<circle cx="512" cy="512" r="330" fill="none" stroke="url(#ring)" stroke-width="15" opacity="0.42"/>
|
|
<circle cx="512" cy="512" r="236" fill="none" stroke="url(#ring)" stroke-width="28" opacity="0.5" filter="url(#blurFaint)"/>
|
|
<circle cx="512" cy="512" r="236" fill="none" stroke="url(#ring)" stroke-width="21" opacity="0.78"/>
|
|
|
|
<!-- 수축 리듬을 표시하는 앰버 타이머 아크 (안쪽 링 위) -->
|
|
<path d="M 512 276 A 236 236 0 0 1 727.5 610.5" fill="none" stroke="#E8C558" stroke-width="34" stroke-linecap="round" opacity="0.55" filter="url(#blurSoft)"/>
|
|
<path d="M 512 276 A 236 236 0 0 1 727.5 610.5" fill="none" stroke="#E8C558" stroke-width="24" stroke-linecap="round"/>
|
|
|
|
<!-- 숨쉬는 코어 (수축의 중심) -->
|
|
<circle cx="512" cy="512" r="196" fill="url(#coreGlow)" filter="url(#blurSoft)"/>
|
|
<circle cx="512" cy="516" r="128" fill="#0E211A" opacity="0.35" filter="url(#blurSoft)"/>
|
|
<circle cx="512" cy="512" r="124" fill="url(#core)"/>
|
|
<ellipse cx="470" cy="462" rx="64" ry="46" fill="#FFFFFF" opacity="0.35" filter="url(#blurFaint)"/>
|
|
|
|
<!-- 위쪽 은은한 광택 + 미세 그레인 질감 -->
|
|
<rect width="1024" height="1024" fill="url(#topSheen)"/>
|
|
<rect width="1024" height="1024" filter="url(#grain)" opacity="0.5" fill="none"/>
|
|
</svg>
|