<div class="emoji"></div>
.emoji {
background: url("data:image/svg+xml,<svg width='150px' height='150px' xmlns='http://www.w3.org/2000/svg'> <clipPath id='emojiClipPath'> <text x='0' y='130px' font-size='130px'>🦕</text> </clipPath> <text x='0' y='130px' font-size='130px' clip-path='url(#emojiClipPath)'>🦕</text></svg>");
width: 150px;
height: 150px;
margin: auto;
margin-top: calc(50vh - 75px);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.