Does your icon have a or fill
#

click to copy code snippets

        
        <svg id="svg">
          <defs>
            <filter id="colorFilter">
              <feColorMatrix 
                color-interpolation-filters="sRGB"
                type="matrix"
                values="1   0   0   0   0
                        0   1   0   0   0
                        0   0   1   0   0
                        0   0   0   1   0 "/>
            </filter>
          </defs>
        </svg>
        
      
        
        .icon{
          filter: url(#colorFilter);
        }