59 lines
1.5 KiB
XML
59 lines
1.5 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 64" fill="none">
|
||
|
|
<defs>
|
||
|
|
<style>
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
|
||
|
|
.cursor {
|
||
|
|
animation: blink 1s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
@keyframes blink {
|
||
|
|
0%, 50% { opacity: 1; }
|
||
|
|
51%, 100% { opacity: 0; }
|
||
|
|
}
|
||
|
|
.text-pulse {
|
||
|
|
animation: text-pulse 3s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
@keyframes text-pulse {
|
||
|
|
0%, 100% { opacity: 1; }
|
||
|
|
50% { opacity: 0.7; }
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Speech bubble con esquinas redondeadas y cola asimétrica -->
|
||
|
|
<path
|
||
|
|
d="M 12 14
|
||
|
|
C 12 9, 15 6, 19 6
|
||
|
|
L 45 6
|
||
|
|
C 49 6, 52 9, 52 14
|
||
|
|
L 52 32
|
||
|
|
C 52 37, 49 40, 45 40
|
||
|
|
L 26 40
|
||
|
|
L 20 46
|
||
|
|
L 20 40
|
||
|
|
L 19 40
|
||
|
|
C 15 40, 12 37, 12 32
|
||
|
|
Z"
|
||
|
|
fill="#3a3a50"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<!-- Type brackets < > -->
|
||
|
|
<!-- Left bracket < -->
|
||
|
|
<path d="M 20 17 L 16 23 L 20 29" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
||
|
|
<!-- Right bracket > -->
|
||
|
|
<path d="M 44 17 L 48 23 L 44 29" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
||
|
|
|
||
|
|
<!-- Blinking cursor -->
|
||
|
|
<rect
|
||
|
|
class="cursor"
|
||
|
|
x="30"
|
||
|
|
y="17"
|
||
|
|
width="4"
|
||
|
|
height="12"
|
||
|
|
rx="2"
|
||
|
|
fill="#4f46e5"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<!-- Text: TypeDialog with pulse animation -->
|
||
|
|
<text class="text-pulse" x="58" y="36" font-family="Inter, sans-serif" font-size="20" font-weight="500" fill="#8f96a3">TypeDialog</text>
|
||
|
|
</svg>
|