vue: Safari Version 15.5 (17613.2.7.1.8) won't show svgs due to no width or height

[NorseGaud]

Hi, so we import the icons with the traditional approach:

{
  SearchIcon,
} from '@heroicons/vue/outline'

We then see the icon showing up in the HTML, but not on the UI.

When I manually add an attribute on the SVG like width="21", it shows properly in the UI.

I realize that setting a width and height is probably hard to do by default, but I also don't see any documentation that shows how to set this. What can be done?

[adamwathan]

Hey! You are expected to write the necessary CSS or assign a class to the icons to give them the size you want, same way you set the color:

Hope that helps!