JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="activities-list">
<li>Bird watching including any specific animals, sea mammals reptiles </li>
<li>Nature, cultural, historical and wildlife and birdlife photography</li>
<li>Tour of our great cultural heritage</li>
<li>Tour of our great heritage</li>    
</ul>

CSS

li{ list-style:none;}
li:nth-child(1):before{ content:'#'; padding-right:10px}
li:nth-child(2):before{ content:'\0394'; padding-right:10px}
li:nth-child(3):before{ content:'♣'; padding-right:10px}
li:nth-child(4):before{ content:'\00d2'; padding-right:10px}