diff --git a/Posts/external-link-icon.md b/Posts/external-link-icon.md index d63058f..bf82ecc 100644 --- a/Posts/external-link-icon.md +++ b/Posts/external-link-icon.md @@ -1,7 +1,7 @@ --- title: CSSのみで外部リンクにアイコンをつける description: -thumbnail: 'data:image/svg+xml;utf-8,' +thumbnail: 'data:image/svg+xml;utf-8,' emoji: date: 2025-03-02 category: Tech @@ -30,9 +30,9 @@ https://mi.moris.day/@moris ## 表示するアイコン [Google Material Symbols](https://fonts.google.com/icons)のOpen In Newというアイコンを使いました。人力圧縮でオリジナルの300Bから190Bまで圧縮されています。 - + ``` - + ``` オリジナル: https://fonts.google.com/icons?selected=Material+Symbols+Outlined:open_in_new:FILL@0;wght@400;GRAD@0;opsz@24 @@ -121,7 +121,7 @@ a[target="_blank"]::after { height: .5em; margin-inline: 2px; background-color: currentColor; - mask-image: url('data:image/svg+xml;utf-8,'); + mask-image: url('data:image/svg+xml;utf-8,'); vertical-align: super; /* テキストよりちょっと上に配置 */ } ```