...
Use the Logo link rather than the Icon link.
Note: Logos as formulas don’t work inline due to the 20px bottom margin
...
But what about all the OTHER cool Salesforce Icons? https://www.lightningdesignsystem.com/icons/, well they are a bit harder - they are all SVGs themselves and for some strange reason they don’t display from the Visualforce page when it is saved as an SVG - probably because it’s recursive - it has an SVG and HTML inside an SVG).
...
So there is partly a way to use the Visualforce as SVG to use Salesforce Icons with this code.
| Code Block |
|---|
<apex:pagecontentTypepage contentType="image/svg+xml"> <svg xmlns="http://www.w3.org/2000/svg"> <image href="/apexpages/slds/latest/assets/icons/utility/connected_apps_120.png" x="0" y="0" height="50px" width="50px"/> </svg> </apex:page> |
...
| Note |
|---|
NOTE, I am not mentioning anything about load times of pages or load times of various options. That’s up to you to determine if doing anything with images is worth it for your scenarios. |
Inline Images
Note: Logos or Icons as formulas or SVGs don’t work inline due to the 20px bottom margin. And the SVGs don’t render that small.
...
So just use Emojis for those.
Alternative - SVG Text
Displaying bold coloured text in a formula. This is a little different to the above code and I could make it work for both.
...