You can create a “note” class with a custom icon by setting the background, padding-left, and line-height properties.
.note {
background: url(pencil.gif) no-repeat left center;
padding-left: 33px; /* min is width of image */
line-height: 33px; /* min is height of image */
}
<p class="note">This is a note</p>