data:image examples

by gk

HTML

<div class="examples">
<a class="external_link" target="_blank" rel="noreferrer" href="#">link text</a>
</div>

CSS

body {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC");
}
a.external_link {
    background: url("data:image/gif;base64,R0lGODlhCAAHAIABAJO42f///yH5BAEAAAEALAAAAAAIAAcAAAINjAMJd5q2HoSLzUadKQA7") no-repeat scroll right 5px transparent;
    padding-right: 12px;
}
.examples {
    background-color:#fff;
    padding:20px;
}