Burak Kaan Köse
52 lines
2.6 KiB
XML
52 lines
2.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
|
|
<defs>
|
|
<linearGradient id="ml-env" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#F0F9FF"/>
|
|
<stop offset="100%" stop-color="#BAE6FD"/>
|
|
</linearGradient>
|
|
<linearGradient id="ml-flap" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#38BDF8"/>
|
|
<stop offset="100%" stop-color="#0284C7"/>
|
|
</linearGradient>
|
|
<linearGradient id="ml-dot1" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#4ADE80"/>
|
|
<stop offset="100%" stop-color="#16A34A"/>
|
|
</linearGradient>
|
|
<linearGradient id="ml-dot2" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#F87171"/>
|
|
<stop offset="100%" stop-color="#DC2626"/>
|
|
</linearGradient>
|
|
<linearGradient id="ml-dot3" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#A78BFA"/>
|
|
<stop offset="100%" stop-color="#7C3AED"/>
|
|
</linearGradient>
|
|
<filter id="ml-shadow" x="-10%" y="-10%" width="130%" height="130%">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#0284C7" flood-opacity="0.2"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Envelope body -->
|
|
<rect x="14" y="30" width="100" height="70" rx="12" fill="url(#ml-env)" filter="url(#ml-shadow)"/>
|
|
|
|
<!-- Envelope flap (closed) -->
|
|
<path d="M14 42 L64 68 L114 42 L114 38 A12 12 0 0 0 102 26 L26 26 A12 12 0 0 0 14 38 Z"
|
|
fill="url(#ml-flap)"/>
|
|
|
|
<!-- Fold line on front -->
|
|
<path d="M14 46 L64 71 L114 46" fill="none" stroke="#7DD3FC" stroke-width="1.2" opacity="0.6"/>
|
|
|
|
<!-- Body content lines -->
|
|
<rect x="28" y="76" width="50" height="5" rx="2.5" fill="#0EA5E9" opacity="0.3"/>
|
|
<rect x="28" y="86" width="36" height="5" rx="2.5" fill="#0EA5E9" opacity="0.2"/>
|
|
|
|
<!-- Provider dots (Outlook=blue, Gmail=red, IMAP=purple) -->
|
|
<circle cx="90" cy="81" r="11" fill="url(#ml-dot1)" stroke="white" stroke-width="2"/>
|
|
<text x="90" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="11" font-weight="700" fill="white">G</text>
|
|
|
|
<circle cx="90" cy="81" r="11" fill="url(#ml-dot2)" stroke="white" stroke-width="2" transform="translate(-26,0)"/>
|
|
<text x="64" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">O</text>
|
|
|
|
<circle cx="90" cy="81" r="11" fill="url(#ml-dot3)" stroke="white" stroke-width="2" transform="translate(-52,0)"/>
|
|
<text x="38" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">@</text>
|
|
</svg>
|