<svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <!-- Bell Icon -->
    <path d="M12 2C10.067 2 8.5 3.567 8.5 5.5V6C6.015 6 4 8.015 4 10.5V15L2.5 16.5V17H21.5V16.5L20 15V10.5C20 8.015 17.985 6 15.5 6V5.5C15.5 3.567 13.933 2 12 2ZM10 19C10 20.1046 10.8954 21 12 21C13.1046 21 14 20.1046 14 19H10Z"
          fill="white" stroke="white" stroke-width="1.5"/>

    <!-- Dropping and Blinking Notification Badge -->
    <circle cx="18" cy="3" r="4" fill="#FFA500">
        <!-- Drop animation -->
        <animate attributeName="cy" values="0; 6; 3" dur="1s" repeatCount="indefinite" />

        <!-- Blinking animation -->
        <animate attributeName="opacity" values="0; 1; 0" dur="1s" repeatCount="indefinite" />
    </circle>
</svg>
