vlocity-lwc-examples/force-app/main/default/lwc/lightningCardComponent/lightningCardComponent.html

<template>
    <article class="nds-card">
        <div class="nds-card__header nds-grid">
            <header class="nds-media nds-media_center nds-has-flexi-truncate">
                <div class="nds-media__figure">
                    <span class="nds-icon_container nds-icon-standard-contact" title="description of icon when needed">
                        <svg class="nds-icon nds-icon_small" aria-hidden="true">
                            <use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#contact"></use>
                        </svg>
                    </span>
                </div>
                <div class="nds-media__body">
                    <h2>
                        <a href="javascript:void(0);" class="nds-card__header-link nds-truncate" title={title}>
                            <span class="nds-text-heading_small">{title}</span>
                        </a>
                    </h2>
                </div>
            </header>
        </div>
        <div class="nds-card__body nds-card__body_inner">{body}</div>
    </article>
</template>