From b0aa76080d09514f990e107108eea8abe979a6fe Mon Sep 17 00:00:00 2001 From: moris <83502880+cocoyayann@users.noreply.github.com> Date: Thu, 27 Mar 2025 12:29:55 +0900 Subject: [PATCH] =?UTF-8?q?=E7=9F=A2=E5=8D=B0=E3=81=AE=E6=AD=AA=E3=81=BF?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3&=E5=85=A8=E4=BD=93=E7=9A=84=E3=81=AB?= =?UTF-8?q?=E5=A4=AA=E3=81=8F=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Posts/external-link-icon.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) 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; /* テキストよりちょっと上に配置 */ } ```