How can I change icon of primefaces roweditor

Question

Is there any way to change the icon of for primefaces 5.3? I checked the answer in here and searched on the web, but could not figure it out.

Answer 1

overwrite your the styles in your CSS and point to your icon image:

  .ui-row-editor > .ui-icon-pencil {
  background-image: url(../images/myPencil.png) !important;
  height: 20px;
  width:20px;
 }