lightning-icon can be used in the Salesforce Lightning Web Component to display Lightning Bolt Emojis.
Sample Lightning Web Component Code:
HTML:
<template>
<lightning-card>
<div class="slds-p-around_medium">
<lightning-icon
icon-name="utility:connected_apps"
size="large">
</lightning-icon>
</div>
<div class="slds-p-around_medium">
<lightning-icon
icon-name="standard:lightning_component"
size="large">
</lightning-icon>
</div>
<div class="slds-p-around_medium">
<lightning-icon
icon-name="standard:custom_notification"
size="large">
</lightning-icon>
</div>
</lightning-card>
</template>
JavaScript:
import { LightningElement } from 'lwc';
export default class sampleLightningWebComponent extends LightningElement {}
js-meta.xml:
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>59.0</apiVersion>
<isExposed>true</isExposed>
<targets>
<target>lightning__Tab</target>
</targets>
</LightningComponentBundle>