Bordered feature grid with icon tiles
Three-up value prop grid, works for any B2B tool. Swap the inline SVGs for whatever icon set the client already uses, do not leave the placeholder geometric icons in production.
Live preview
open in new tab ↗<section class="lfg-wrap">
<div class="lfg-grid">
<div class="lfg-card">
<div class="lfg-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M12 2l9 5v10l-9 5-9-5V7z"/><path d="M3 7l9 5 9-5"/><path d="M12 12v10"/></svg></div>
<h3>Purpose-built</h3>
<p>Shaped by the practices and principles of high-performing product teams.</p>
</div>
<div class="lfg-card">
<div class="lfg-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.4"><circle cx="12" cy="12" r="9"/><path d="M8 12h8M12 8v8"/></svg></div>
<h3>Powered by agents</h3>
<p>Designed for workflows shared by people and automated teammates.</p>
</div>
<div class="lfg-card">
<div class="lfg-icon"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M4 19l6-14 4 9 3-5 3 10"/></svg></div>
<h3>Designed for speed</h3>
<p>Cuts noise and keeps momentum so teams ship with focus.</p>
</div>
</div>
</section>Block id: linear-feature-icon-gridvanilla · swap-content
More feature-grid blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.