CSSで絵文字を塗りつぶしにする方法２種

絵文字の輪郭（シルエット）だけが欲しいんじゃ！
絵文字の塗りつぶしがしたいんじゃ！
って思いますよね？

意外と簡単にできました。

<h1 style="filter: contrast(0%) sepia(100%) hue-rotate(90deg)">
  🐷　🐤　🐓　🐋　🛠
</h1>

<h1 style="color: transparent; text-shadow: 0 0 0 #e9c538">
  🐷　🐤　🐓　🐋　🛠
</h1>

一つ目は、CSSのfilterを駆使する方法、二つ目は文字そのものの色を透明にして、文字の影に色をつける方法。二つ目の方がカラーコードで塗りつぶしの色指定できるので便利かも。