无需修改现有代码、不创建自定义组件，替换PrimeNG默认图标

不用折腾自定义组件或模板，直接通过CSS改写原有图标的样式就行，具体两种常见方案：

方案1：替换为另一个PrimeNG字体图标 #

PrimeNG的图标基于字体实现，每个图标对应一个Unicode编码。你只需要找到目标图标的编码，覆盖原有图标的content值即可。比如要把pi-check-circle换成pi-check：

/* 放到全局样式文件，或者组件内加::ng-deep */
::ng-deep .p-toast .p-toast-message .p-toast-icon i.pi-check-circle:before {
  content: "\e900"; /* pi-check对应的Unicode编码，可查PrimeNG图标库的编码表 */
}

如果只想修改success类型的toast图标，再加个severity类限定：

::ng-deep .p-toast .p-toast-message-success .p-toast-icon i.pi-check-circle:before {
  content: "\e900";
}

方案2：替换为自定义SVG/图片图标 #

如果想用自己的图标，直接把原有字体图标换成背景图：

::ng-deep .p-toast .p-toast-message .p-toast-icon i.pi-check-circle {
  font-family: unset; /* 取消原有字体图标 */
  background: url('你的图标路径') no-repeat center;
  background-size: 100% 100%;
  width: 1.25rem; /* 和原有图标尺寸对齐 */
  height: 1.25rem;
}
/* 清空原有字体内容 */
::ng-deep .p-toast .p-toast-message .p-toast-icon i.pi-check-circle:before {
  content: "";
}

注意点 #

• 如果是在组件内写样式，必须加::ng-deep（Angular环境下），否则无法穿透组件样式封装修改PrimeNG内部元素；如果是全局样式文件（比如styles.scss），可以不用加。
• 替换字体图标时，要确保目标图标的Unicode编码正确，避免显示乱码。

内容的提问来源于stack exchange，提问作者Beast