| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" width="1920" height="1080"> |
| 2 | <defs> |
| 3 | <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> |
| 4 | <feDropShadow dx="0" dy="2" stdDeviation="2" flood-opacity="0.2"/> |
| 5 | </filter> |
| 6 | <g id="cursor-arrow"> |
| 7 | <path d="M0 0 L 16 16 L 9.5 16 L 6.5 23 L 6.5 16 L 0 16 Z" fill="white" stroke="#000" stroke-width="1.5" stroke-linejoin="round" filter="url(#shadow)"/> |
| 8 | </g> |
| 9 | </defs> |
| 10 | |
| 11 | <rect width="1920" height="1080" fill="#f0f0f0" /> |
| 12 | |
| 13 | <g id="cursor-designer" transform="translate(600, 500)"> |
| 14 | <use href="#cursor-arrow" x="0" y="0"/> |
| 15 | <rect x="16" y="20" width="90" height="24" rx="4" fill="#A259FF"/> |
| 16 | <text x="61" y="36" font-family="Inter, sans-serif" font-size="12" fill="white" text-anchor="middle" font-weight="bold">Designer</text> |
| 17 | </g> |
| 18 | |
| 19 | <g id="cursor-engineer" transform="translate(900, 400)"> |
| 20 | <use href="#cursor-arrow" x="0" y="0"/> |
| 21 | <rect x="16" y="20" width="90" height="24" rx="4" fill="#1ABCFE"/> |
| 22 | <text x="61" y="36" font-family="Inter, sans-serif" font-size="12" fill="white" text-anchor="middle" font-weight="bold">Engineer</text> |
| 23 | </g> |
| 24 | |
| 25 | <g id="cursor-pm" transform="translate(1200, 600)"> |
| 26 | <use href="#cursor-arrow" x="0" y="0"/> |
| 27 | <rect x="16" y="20" width="50" height="24" rx="4" fill="#F24E1E"/> |
| 28 | <text x="41" y="36" font-family="Inter, sans-serif" font-size="12" fill="white" text-anchor="middle" font-weight="bold">PM</text> |
| 29 | </g> |
| 30 | </svg> |