<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_15267_1906)">
<path d="M0.5 11.52C0.5 6.088 0.5 3.376 2.18 1.68C3.884 0 6.596 0 12.02 0H12.98C18.412 0 21.124 0 22.82 1.68C24.5 3.384 24.5 6.096 24.5 11.52V12.48C24.5 17.912 24.5 20.624 22.82 22.32C21.116 24 18.404 24 12.98 24H12.02C6.588 24 3.876 24 2.18 22.32C0.5 20.616 0.5 17.904 0.5 12.48V11.52Z"
fill="white"/>
<path d="M13.0335 16C8.93357 16 6.5959 13.3771 6.5 9.0056H8.56194C8.62787 12.2114 10.1384 13.5677 11.3372 13.8479V9.0056H13.2732V11.7686C14.454 11.6509 15.7008 10.3899 16.1204 9H18.0504C17.8931 9.71948 17.5787 10.4009 17.127 11.0017C16.6753 11.6024 16.0959 12.1096 15.4251 12.4916C16.1737 12.84 16.8348 13.3328 17.3648 13.9375C17.8949 14.5423 18.2818 15.2452 18.5 16H16.3721C15.9166 14.6717 14.7777 13.6405 13.2732 13.5004V16H13.0395H13.0335Z"
fill="#0077FF"/>
</g>
<defs>
<clipPath id="clip0_15267_1906">
<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
svg представляет собой белый квадрат с синим знаком vk внтури. когда просматриваю саму svg - все норм. когда вставляю - она вся белая. как добиться результата с синим знаком внутри?