Your issue likely stems from Safari’s handling of SVG rendering, where elements may get clipped due to overflow settings or improper viewBox values. To fix this, ensure your SVGs have a properly defined viewBox (viewBox="0 0 width height") and explicitly set width and height in CSS (width: 100px; height: auto;). Additionally, try adding overflow: visible; to the .icon and .menu-icon classes to prevent cropping. If the issue persists, wrapping the SVG in a div with position: relative; or using an inline SVG instead of an <img> tag can help Safari render it correctly.