SVG Clip Path

Mask Effect

https://getflywheel.com/layout/css-svg-clipping-and-masking-techniques/

SVG Clip Path

<svg width="500" height="500">
  <clipPath id="text" fill="#000" class="text">
    <text x="15" y="90">RYTASS</text>
  </clipPath>
  <path d="M0 0L0 500L500 500L500 0" fill="#EF8200" clip-path="url(#text)" />
</svg>

Mask Text

Image Mask

Path Tool

https://bennettfeely.com/clippy/

SVG Clip Path

Mask Effect

SVG Clip Path

Mask Text

Image Mask

Path Tool

SVG Draw Animation

Stroke-dashoffset

Clip Path Animatoin

Live Demo