When I upload a SVG image and zoom in, the image just is not visible anymore. What could be the cause here?

This is the image:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
  <g fill="#333">
    <path d="M21 2H9C7.346 2 6 3.346 6 5v22a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V5c0-1.654-1.346-3-3-3zm1 24H8V5c0-.551.449-1 1-1h12a1 1 0 0 1 1 1v21z" style="fill: #001155;"/>
    <path d="M19 6h-8a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2zm0 4h-8a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2z" style="fill: #001155;"/>
    <circle cx="15" cy="21" r="2" style="fill: #001155;"/>
  </g>
</svg>