Why are svg icons with the same style rendered differently?

Question

Icons

I'm making an educational website. Working in a storm with the help of prof. assembly, which eventually produces one svg file.
In the base css I wrote the following styles for the icons

.site-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

The site-icon class was assigned to all icons, but 2 of them seem to not see it. One meager (smartphone), the other giant (basket). It is not displayed at all on the search button, and in the "breadcrumb" line it refuses to be painted. I thought I screwed up somewhere in the code, I substitute the id of another icon, it is displayed as it should. I think the problem is with the icons themselves, but I don’t know where to look for the error
https://rimidbit.github.io/retroclimate/ - public
https://github.com/rimidbit/retroclimate.git - files
https://github.com/rimidbit /retrocklimat-source_co... - sources
Maybe someone knows the secret

Answer 1

• The #search icon doesn't have the xlink:href spelled correctly
  
• remove fill from #home in svg that was painted in css
  
• icons #smartphone_icon1 are not in the sprite
  
• what is the line "breadcrumbs" did not understand at all
  

Answer 2

If you show SVG, it will become clearer what it is about