.pixelon-icon{
  display:inline-block;
  width:1rem;
  height:1rem;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

.pixelon-icon--add{
  -webkit-mask-image:url("../icons/actions/add.svg");
  mask-image:url("../icons/actions/add.svg");
}

.pixelon-icon--edit{
  -webkit-mask-image:url("../icons/actions/edit.svg");
  mask-image:url("../icons/actions/edit.svg");
}

.pixelon-icon--delete{
  -webkit-mask-image:url("../icons/actions/delete.svg");
  mask-image:url("../icons/actions/delete.svg");
}


.pixelon-icon--instagram::before{content:"◎";font-size:16px;line-height:1;}
.pixelon-icon--youtube::before{content:"▶";font-size:14px;line-height:1;}
.pixelon-icon--tiktok::before{content:"♪";font-size:15px;line-height:1;}