External link icons with CSS
x.com/diegohaz
a[target="_blank"]::after {
content: "\2060" / "";
padding-inline-start: 1em;
background: currentColor;
mask: var(--arrow) 0 0 / 100% 100%;
}x.com/diegohaz
a[target="_blank"]::after {
content: "\2060" / "";
padding-inline-start: 1em;
background: currentColor;
mask: var(--arrow) 0 0 / 100% 100%;
}