Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \27AD";color:#0369a1}a.cta::after{content:" \27AD";color:#0369a1;font-weight:700}a.cta{color:#0369a1;font-weight:600;text-decoration:none}</style>
</head>
<body>
  <h1>Shaded Right Arrow (U+27AD)</h1>
  <p>Using Hex Code: &#x27AD;</p>
  <p>Using Decimal: &#10157;</p>
  <p id=point>Shaded Arrow using CSS Entity</p>
  <p><a href=# class=cta>Learn more</a></p>
  <p>Compare: &#x27AD; vs &#x2192; vs &#x27A8;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Lower Right Shaded White Right Arrow (➭)