Cacher is the code snippet organizer for pro developers

ion-icon {
    &[class*="custom-"] {
      mask-size: contain;
      mask-position: 50% 50%;
      mask-repeat: no-repeat;
      background: currentColor;
      width: 1em;
      height: 1em;
      margin-right:0.48828125vw;
    }

    &[class*="custom-cancel-blue"] {
      mask-image: url(../assets/imgs/ico-cancel-blue.svg);
      color: #1467C0;
    }
    &[class*="custom-save-blue"] {
      mask-image: url(../assets/imgs/ico-save-blue.svg);
      color: white;
    }
    &[class*="custom-restore-grey"] {
      mask-image: url(../assets/imgs/ico-restore-grey.svg);
      color:#4E4E4E;
    }
    &[class*="custom-bell-grey"] {
      mask-image: url(../assets/imgs/ico-bell-grey.svg);
      color:#4E4E4E;
    }
    &[class*="custom-bell-blue"] {
      mask-image: url(../assets/imgs/ico-bell-blue.svg);
      color: #1467C0;
    }
  }

<ion-icon name="custom-save-blue"></ion-icon>