primeicons

by jpeter06

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/primeicons/7.0.0/primeicons.min.css" integrity="sha512-AmPkAwXBnEkMWvc+V9PvjVgFmJWB3HKMSgBJolV4LMXwAwoFTAlk5WY1yiz504VynFGQLwiLVp/JqlcWxAEmJw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<i class="pi pi-check"></i>
<i class="pi pi-times"></i>
<span class="pi pi-search  slashicon"></span>
<span class="pi pi-user slashicon"></span>

CSS

body,html{
  font-size:80px;
}

.slashicon{
  position:relative;
}
.slashicon::after{
  content:'/';
  top:-0.26em;
  left:0.2em;
  position:absolute;
  font-weight: bolder;
  font-size:1.5em;
  z-index:4;
  text-shadow: 0px 0px 2px white;
}