Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Icon font approach */ @font-face { font-family: "Icons"; src: url("icons.woff2") format("woff2"); } .icon-home::before { font-family: "Icons"; content: "\e001"; margin-right: 0.5em; } /* CSS background SVG icon */ .external-link::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("data:image/svg+xml,...") center/contain no-repeat; margin-left: 4px; }
Result
Open