<div class="symbol">𝕏</div>

  <button class="copy-btn" onclick="copyTextToClipboard('𝕏')">Copy</button

</div>

<style>

  .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background-color: #f0f0f0;

  padding: 10px;

}

​

.symbol {

  font-size: 50px;

}

​

.copy-btn {

  margin-top: 10px;

  padding: 8px 16px;

  border: none;

  border-radius: 5px;

  background-color: #007bff;

  color: #ffffff;

  cursor: pointer;

}

</style>

<script>

  function copyTextToClipboard(text) {

  const tempInput = document.createElement('input');

  tempInput.value = text;

  document.body.appendChild(tempInput);

  tempInput.select();

  document.execCommand('copy');

  document.body.removeChild(tempInput);

  alert('Text copied to clipboard: ' + text);

  }</script>