== Problem
In the past we've visually differentiated internal links, interwiki links, and external links. We've use only color to differentiate between first two and we use an icon for the external links. When we switch to the new blue recently, we lost the differentiation between internal links and interwiki links.
== Design
# Use icons for
## interwiki links (*only for logged in users, otherwise these would be styled as internal links)
## external links (links to other websites)
# Keep color the same at `#36c` for all three
# Update the external link icon to be more flat and inline with Wikimedia's iconography
{F16633851}
**Rationale:** after trying out various icons for interwiki links, I think it makes the most sense to keep the distinction between the two icons quite subtle (as it was in the past, the two shades of blue were very close together). This way more experienced/pro users will be able to pick up on it, and it won't be distracting for new users
{F22469251}
{F22469250}
{F22469249}
{F22469248}
== Acceptance criteria
[] Links with the extiw class show the new icon
[] Update external link icon per attached asset.
== Developer notes
# This is meant for MinervaNeue only and not Vector
# This should only be for logged in users
# Interwiki links are marked up with .extiw
== QA
- visit https://readers-web-master.wmflabs.org/wiki/Syracuse,_Sicily
- switch to mobile view
- verify that the first link in the External link section (//Syracuse (Italy)//) uses the new internal-link icon:
{F22469233}
and the second link (//Coins from ancient Syracuse and Sicily//) uses the external-link icon:
{F22469237}
- Check RTL and LTR modes are working as expected