webサイトに表示されないsvgタグの意味を教えてほしいです

前提

以下のサイトの模写コーディングを行っているのですが、F12で開発ツールを見てみるとwebページに表示されないSVGタグがいくつか挿入されていました。

https://sen-ti-nel.co.jp/

svgについて調べたところイラストレーターなどのドローソフトを使って作成した画像？だということが分かったのですが、webページ上に画像が表示されておらず、どういった意味があるのかわからず困っています。かなり初歩的な質問で大変恐縮なのですがこちらのタグの意味について教えていただけると幸いです。

該当のソースコード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 0.49803921568627"></feFuncR><feFuncG type="table" tableValues="0 0.49803921568627"></feFuncG><feFuncB type="table" tableValues="0 0.49803921568627"></feFuncB><feFuncA type="table" tableValues="1 1"></feFuncA></feComponentTransfer><feComposite in2="SourceGraphic" operator="in"></feComposite></filter></defs></svg>