Let us use our own icons

Feature Requests
21

Hi @caffeine! Just noting that I posted an update here -Use Additional Icons not in Retool Library - #7 by Tess

2 Likes
22

I did manage to make my own with the custom HTML element and my own sparkle graphic.

Here's the HTML

<button class='sparkle' data-click-target='primary'>
</button>

And CSS

.sparkle {
  background-color: black;
  vertical-align: bottom;
  outline: none;
  padding: 0px;
  background-position: center;
  cursor:pointer;
  border-width: 0px;
  margin: 0px;
  border: none;
  height: 48px;
  min-width: 32px;
  width: 32px;
  align-self: center;
  align-content: center;
  background-size: contain;
background-repeat: no-repeat;
  background-image: url("https://psir.tryretool.com/api/file/xxxxxxx");
}

The data-click-target='primary' attribute is required to allow an event handler to work.