If you want to use your own SVG icons—on buttons, icons, or other elements—you can set your SVG as the element’s background and hide the original <use> to avoid overlap. This lets you apply any custom icon with your preferred color, size, and style. .custom-icon button[aria-label="Custom Action"] s…

🛠️CSS Hack: Custom Icons

MaximeBaker September 25, 2025, 11:34am 9

I did something similar on the community forum in the past, allowing custom image in list collection actions: Change The Default "Three Dots" Icon With Custom CSS In List Collection

Great job

1 Like

Topic		Replies	Views
CSS Trick: Change Favorite Heart to Bookmark Community Resources	51	3669	January 27, 2023
Change list icon Ask for Help	12	861	February 26, 2021
Image instead of default icon (button) Ask for Help	6	397	July 1, 2022
Change card list svg icon Ask for Help	2	632	November 27, 2021
Code css to change color Ask for Help	3	657	March 21, 2022