<a class='icon-with-tooltip' data-controller='tooltip' href='#' style='font-size: 50px; line-height: 0.5; ' target='' title='Edit'>
  <span class='icon'>
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
      <path d="M12.2167 3.7207L1.84125 14.0969C1.78905 14.1493 1.75136 14.2154 1.73341 14.2864L0.58339 18.9024C0.548989 19.0413 0.589821 19.1891 0.691228 19.2905C0.767956 19.3672 0.872503 19.4097 0.979444 19.4097C1.0122 19.4097 1.0457 19.4057 1.07831 19.3975L5.69425 18.2473C5.7662 18.2293 5.83156 18.1918 5.88376 18.1396L16.2601 7.76411L12.2167 3.7207Z" fill="var(--primary-color)"></path>
      <path d="M18.8304 2.30588L17.6755 1.15092C16.9036 0.379006 15.5582 0.379754 14.7872 1.15092L13.3724 2.56568L17.4157 6.60893L18.8304 5.19418C19.216 4.80874 19.4284 4.29572 19.4284 3.7501C19.4284 3.20448 19.216 2.69147 18.8304 2.30588Z" fill="var(--primary-color)"></path>
    </svg>
  </span>
</a>