← All elements
<div class="hb"><div class="in"><span>JD</span></div><i></i></div>About this card
A hexagon-shaped avatar frame with a gradient ring made from two nested clip-path shapes and a status dot. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.