A white line or halo around icons in Unreal Engine can be caused by anti-aliasing, which is a technique used to smooth out the edges of objects. While anti-aliasing can improve the overall visual quality of a scene, it can also create unwanted artifacts like white lines around icons. To remove the white line from icons, disable anti-aliasing for the icon texture. This can be done in the texture editor by setting the “Anti-aliasing” property to “None”.
Disabling anti-aliasing for the icon texture will result in sharper edges on the icon, but it may also cause the edges to appear jagged. To avoid this, use a higher resolution texture for the icon. A higher resolution texture will have more pixels, which will help to smooth out the edges of the icon without the need for anti-aliasing.
