CSS
.link--external::after {
display: inline;
margin-left: 6px;
content: '\00a0\00a0\00a0\00a0';
color: transparent;
background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' hei…2 12.72l1.06 1.06 7.125-7.125L14 10.25V2z' fill='%2327282c' /%3E%3C/svg%3E) no-repeat 50%/100%;
line-height: inherit;
}
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
https://css-loaders.com/continuous/