ColaIan You can use custom images by using custom icon names, e.g. setting a reaction's icon to custom <reaction name> and then using CSS to style .fa-custom.<reaction name>:before.
Example: custom custom-<image name> (untested code follows)
.fa-custom {
&:before {
display: inline-block;
width: 20px;
height: 20px;
content: "";
margin-right: 0;
background-size: 100% !important;
background: no-repeat 0 0;
}
&.custom-<image name>:before {
background-image: url(<image url>);
}