pdf.svg

<svg width="256" height="160" viewBox="0 0 256 160" xmlns="http://www.w3.org/2000/svg">
    <style>
        .stroke { stroke:#000; stroke-width:4; fill:none; stroke-linejoin:round; stroke-linecap:round; }
        .fill   { fill:#000; }
        .text   { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; fill:#000; font-weight:bold; }
    </style>

    <!-- Левый документ (PDF) -->
    <rect x="16" y="16" width="80" height="96" rx="6" class="stroke"/>
    <polyline points="76,16 96,16 96,36" class="stroke"/>
    <rect x="28" y="36" width="56" height="22" class="fill" rx="3"/>
    <text x="56" y="52" text-anchor="middle" class="text" font-size="14" fill="#fff">PDF</text>
    <line x1="28" y1="68" x2="88" y2="68" class="stroke"/>
    <line x1="28" y1="80" x2="74" y2="80" class="stroke"/>
    <line x1="28" y1="92" x2="64" y2="92" class="stroke"/>

    <!-- Стрелка (слева направо) -->
    <polygon class="fill"
             points="
      112,64   132,64
      132,54   160,72
      132,90   132,80
      112,80
    "
    />

    <!-- Правый документ (TEXT) -->
    <rect x="160" y="16" width="80" height="96" rx="6" class="stroke"/>
    <polyline points="220,16 240,16 240,36" class="stroke"/>
    <line x1="172" y1="36" x2="232" y2="36" class="stroke"/>
    <line x1="172" y1="48" x2="228" y2="48" class="stroke"/>
    <line x1="172" y1="60" x2="224" y2="60" class="stroke"/>
    <line x1="172" y1="72" x2="232" y2="72" class="stroke"/>
    <line x1="172" y1="84" x2="220" y2="84" class="stroke"/>

    <!-- Подпись снизу -->
    <text x="128" y="146" text-anchor="middle" class="text" font-size="18">
        PDF -> TEXT
    </text>
</svg>