[CSS Snippet] 외부 링크 아이콘 표시하기

외부 링크 아이콘 표시하는 CSS Snippet입니다. 

예시

CSS 코드

.external-link::before {
    padding-right: 3px;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    padding-top: 0px;
}

.external-link[href*="."]::before {
    content: url("data:image/svg+xml,%3Csvg t='1631866977643' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='32115' data-darkreader-inline-fill='' width='20' height='20'%3E%3Cpath d='M903.954286 352.786286a398.774857 398.774857 0 0 1 28.562285 150.162285c0.164571 225.590857-185.344 409.197714-415.817142 411.556572l172.251428-291.529143c59.794286-84.297143 48.676571-198.491429-26.331428-270.189714h241.334857zM145.865143 302.72l171.52 290.066286c35.584 73.782857 111.305143 121.014857 194.669714 121.417143a254.793143 254.793143 0 0 0 57.947429-7.350858l-0.036572 0.036572-120.356571 204.690286C243.894857 881.042286 91.757714 708.114286 91.428571 504.502857a399.396571 399.396571 0 0 1 54.436572-201.764571zM541.037714 92.397714c137.929143 9.252571 262.4 84.333714 332.836572 200.758857H530.834286a160.310857 160.310857 0 0 0-18.797715-0.731428c-98.011429 0.658286-183.405714 65.517714-208.365714 158.281143l-120.356571-203.904c86.034286-105.929143 219.794286-163.657143 357.705143-154.404572z' fill='%230091FF' opacity='.355' p-id='32116' data-darkreader-inline-fill='' style='--darkreader-inline-fill:%230074cc;'%3E%3C/path%3E%3Cpath d='M359.350857 503.862857c-0.073143-60.470857 37.101714-115.017143 94.153143-138.203428 57.051429-23.186286 122.770286-10.441143 166.473143 32.292571 43.702857 42.733714 56.813714 107.026286 33.188571 162.907429-23.625143 55.862857-79.323429 92.306286-141.110857 92.306285-84.242286-0.054857-152.557714-66.834286-152.704-149.302857z' fill='%230091FF' p-id='32117' data-darkreader-inline-fill='' style='--darkreader-inline-fill:%230074cc;'%3E%3C/path%3E%3C/svg%3E");
}


.external-link[href^="file:///"]::before {
	content: url("data:image/svg+xml,%3Csvg t='1668072455940' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='16652' width='24' height='24'%3E%3Cpath d='M779.8 316.8H542.4c-19 0-35.6-13-40.3-31.4C493 248.7 460 223 422.2 223H213.8c-45.3 0-82.3 37.1-82.3 82.3v479c0 45.3 37.1 82.3 82.3 82.3h569.5c45.3 0 78.7-37.1 78.7-82.3V399.2c0.1-45.3-37-82.4-82.2-82.4z' fill='%23FCA235' opacity='.7' p-id='16653'%3E%3C/path%3E%3Cpath d='M550.2 735.8H295c-22 0-40-18-40-40s18-40 40-40h255.2c22 0 40 18 40 40s-18 40-40 40z' fill='%23FFFFFF' p-id='16654'%3E%3C/path%3E%3Cpath d='M720.9 564.8H268.5c-6.1 0-11.2-5-11.2-11.2v-79.9c0-20.1 16.5-36.6 36.6-36.6h401.6c20.1 0 36.6 16.5 36.6 36.6v79.9c0 6.1-5 11.2-11.2 11.2z' fill='%23FCA235' p-id='16655'%3E%3C/path%3E%3C/svg%3E");
}
.external-link[href*="wikipedia."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1.2em' height='1.2em' style='vertical-align: -0.125em;-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 48 48'%3E%3Cpath fill='%23CFD8DC' d='M6 10a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V10z'/%3E%3Cpath fill='%2337474F' d='M39 17.271a.342.342 0 0 1-.334.349h-1.799l-8.164 18.179c-.052.12-.17.2-.297.202h-.004a.33.33 0 0 1-.298-.193l-3.874-8.039l-4.18 8.049a.333.333 0 0 1-.303.184a.336.336 0 0 1-.292-.199l-8.252-18.182h-1.87a.345.345 0 0 1-.333-.35v-.921a.34.34 0 0 1 .333-.35h6.657a.34.34 0 0 1 .333.35v.921a.342.342 0 0 1-.333.349h-1.433l5.696 13.748l2.964-5.793l-3.757-7.953h-.904a.342.342 0 0 1-.333-.35v-.922c0-.191.149-.348.333-.348h4.924a.34.34 0 0 1 .333.348v.922c0 .192-.149.35-.333.35h-.867l2.162 4.948l2.572-4.948H25.77a.34.34 0 0 1-.334-.35v-.922a.34.34 0 0 1 .334-.348h4.784c.187 0 .333.156.333.348v.922a.34.34 0 0 1-.333.35h-1.05l-3.757 7.141l3.063 6.584l5.905-13.725h-1.872a.343.343 0 0 1-.334-.35v-.922c0-.191.15-.348.334-.348h5.822a.34.34 0 0 1 .334.348v.921z'/%3E%3Crect x='0' y='0' width='48' height='48' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
    margin-left: -2px;
    padding-right: 4px;
}
.external-link[href*="archiveofourown."]::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath d='M18.417 9.883c-.687 1.116-1.823 1.722-2.99 1.855c-4.227.484-6.047-4.149-3.469-6.728c2.31-2.31 7.082-.9 7.005 2.899c-.011.611-.166 1.357-.546 1.974zm-6.459-2.029c.142 3.596 4.764 3.682 5.687 1.054c.815-2.324-1.12-4.199-3.19-3.897c-1.523.221-2.553 1.411-2.497 2.843zm11.165-1.851c.284-.131.697-.412.837-.246c.211.251-.459.475-.748.664c-.918.6-1.731 1.227-2.477 2.049c-.959 1.059-1.944 2.376-2.55 3.818c.618.032 3.021.157 3.6 1.481c.464 1.062-.387 2.156-1.32 2.627c.663.414 1.81.945 1.745 1.898c-.158 2.343-3.696 2.241-5.178.695c-.244-.289-.358-.482-.25-.578c.151-.134.326.186.676.476c.225.187.377.251.572.354c1.301.683 3.339.403 3.478-.792c.064-.554-.664-.955-1.217-1.204c-.498-.224-1.514-.386-1.494-.952c.02-.554.524-.45 1.03-.65c.55-.217 1.004-.901 1.003-1.116c-.005-.905-2.062-.888-3.221-.92c-.275.606-.471 1.226-.692 2.158c-.139.583-.151 1.897-.748 2.029c-.737.164-1.014-.477-1.455-.991c-.594-.69-1.436-1.637-1.942-2.223c-3.033 1.002-5.392 2.091-8.256 3.712c-1.311.742-2.063 1.59-2.545 1.354c-.396-.194-.339-.633-.147-.887c.393-.521.927-1.225 1.396-1.888c.6-.849 1.054-1.667 1.373-2.445c.692-1.688 1.23-4.72 1.475-5.859c.088-.412.309-.348.322-.148c.027.419-.237 2.047-.29 2.383c-.436 2.781-.772 4.41-2.009 6.349c2.196-1.358 4.805-3.019 7.592-3.955C8.846 9.936 5.847 6.85 1.676 4.905C1.037 4.542 0 4.464 0 4.22c0-.271.781-.06 1.043.007c2.383.596 4.817 2.141 6.601 3.444c2.145 1.567 4.714 3.967 5.679 5.081c.657-.226 2.286-.457 3.696-.496c.752-1.58 2.55-4.018 4.788-5.442c.413-.263.842-.594 1.316-.811zm-8.594 8.071c.423.428.742.934 1.11 1.398c.174-.59.405-1.216.643-1.758c-.619.082-1.281.203-1.753.36z' fill='%23c14343'/%3E%3Crect x='0' y='0' width='24' height='24' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}

.external-link[href*="youtu"]::before {
    content: url("data:image/svg+xml,%3Csvg t='1631853647639' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='23582' data-darkreader-inline-fill='' width='16' height='16'%3E%3Cpath d='M710.08711113 512.91022222L376.2631111 708.94933334V316.75733332l333.82400003 196.1528889z m311.86488886 181.70311112V330.06933332s0-175.67288889-175.78666667-175.67288886H177.94844445S2.27555555 154.39644444 2.27555555 330.06933332v364.54400002s0 175.67288889 175.6728889 175.67288887h668.21688889c0 0.11377779 175.78666668 0.11377779 175.78666665-175.67288887' fill='%23c91f37' p-id='23583' data-darkreader-inline-fill='' style='--darkreader-inline-fill:%23a1192c;'%3E%3C/path%3E%3C/svg%3E");
}
.external-link[href*="spotify."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='vertical-align: -0.125em;-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 20 20'%3E%3Cpath d='M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6s9.6-4.298 9.6-9.6S15.302.4 10 .4zm2.964 13.437c-.148 0-.25-.056-.359-.122c-1.013-.613-2.268-.935-3.628-.935c-.694 0-1.443.082-2.226.242l-.095.024c-.1.024-.201.05-.279.05a.554.554 0 0 1-.562-.559c0-.318.18-.543.479-.6a11.968 11.968 0 0 1 2.687-.316c1.58 0 2.994.365 4.201 1.09c.208.121.338.26.338.569a.557.557 0 0 1-.556.557zm.778-2.183c-.177 0-.292-.067-.395-.127c-1.825-1.084-4.547-1.443-6.785-.847a7.61 7.61 0 0 0-.102.031c-.084.027-.164.053-.274.053a.67.67 0 0 1-.667-.672c0-.357.186-.607.524-.702a9.95 9.95 0 0 1 2.84-.393c1.886 0 3.714.473 5.146 1.33c.261.148.379.353.379.658c0 .37-.299.669-.666.669zm.883-2.488a.774.774 0 0 1-.421-.123c-1.239-.744-3.171-1.186-5.174-1.186c-1.043 0-1.99.115-2.817.338a1.295 1.295 0 0 0-.083.024a1.11 1.11 0 0 1-.312.058a.78.78 0 0 1-.783-.792c0-.386.217-.681.579-.788c.998-.295 2.148-.443 3.415-.443c2.281 0 4.453.506 5.957 1.391c.284.16.423.404.423.742a.774.774 0 0 1-.784.779z' fill='%236da75d'/%3E%3Crect x='0' y='0' width='20' height='20' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}

.external-link[href*="pinterest."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='0.88em' height='1em' style='vertical-align: -0.125em;-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 448 512'%3E%3Cpath d='M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3c3-11.5 15.3-58.4 15.3-58.4c8 15.3 31.4 28.2 56.3 28.2c74.1 0 127.4-68.1 127.4-152.7c0-81.1-66.2-141.8-151.4-141.8c-106 0-162.2 71.1-162.2 148.6c0 36 19.2 80.8 49.8 95.1c4.7 2.2 7.1 1.2 8.2-3.3c.8-3.4 5-20.1 6.8-27.8c.6-2.5.3-4.6-1.7-7c-10.1-12.3-18.3-34.9-18.3-56c0-54.2 41-106.6 110.9-106.6c60.3 0 102.6 41.1 102.6 99.9c0 66.4-33.5 112.4-77.2 112.4c-24.1 0-42.1-19.9-36.4-44.4c6.9-29.2 20.3-60.7 20.3-81.8c0-53-75.5-45.7-75.5 25c0 21.7 7.3 36.5 7.3 36.5c-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z' fill='%23c14343'/%3E%3Crect x='0' y='0' width='448' height='512' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
    padding-left: 1px;
}
.external-link[href*="unsplash."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='vertical-align: -0.125em;-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.5z' fill='%23bccad8'/%3E%3Crect x='0' y='0' width='24' height='24' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}
.external-link[href*="imdb."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath d='M19.078 12.786v.005c-.099-.063-.302-.094-.557-.094v6.422c.359 0 .583-.083.667-.224c.083-.135.125-.536.125-1.177v-3.823c0-.438-.005-.719-.042-.839c-.031-.13-.089-.219-.188-.271zM29.885 0H2.161A2.299 2.299 0 0 0 0 2.13v27.708c.078 1.167.948 2.057 2.073 2.156c.021.005.042.005.063.005h27.792a2.303 2.303 0 0 0 2.073-2.281V2.28a2.3 2.3 0 0 0-2.115-2.281zM6.391 20.833H3.849v-9.818h2.542zm8.718 0h-2.214v-6.63l-.896 6.625h-1.583l-.932-6.479l-.01 6.479H7.255v-9.813h3.286c.115.693.214 1.396.307 2.099l.359 2.49l.594-4.589h3.307zm6.636-2.906c0 .87-.057 1.458-.141 1.76a1.273 1.273 0 0 1-.432.693a1.632 1.632 0 0 1-.76.354c-.297.057-.76.099-1.359.099l-.005-.005h-3.073v-9.813h1.901c1.219 0 1.932.063 2.359.167c.432.12.766.302.995.563c.219.24.365.536.417.859c.068.313.099.938.099 1.87zm6.594.63c0 .599-.063 1.021-.12 1.323c-.083.297-.26.536-.542.755c-.302.224-.641.323-1.042.323c-.292 0-.667-.083-.906-.182a2.192 2.192 0 0 1-.688-.573l-.151.63h-2.292v-9.818l-.026-.005h2.401v3.198c.198-.234.422-.411.677-.531a2.62 2.62 0 0 1 .922-.172c.302 0 .599.047.88.156c.229.094.427.245.583.438c.12.167.198.359.24.563c.036.182.057.573.057 1.156v2.74zm-2.901-3.619c-.156 0-.255.057-.297.161c-.042.109-.078.385-.078.833v2.594c0 .432.036.714.078.833a.312.312 0 0 0 .302.177c.156 0 .359-.063.401-.188c.036-.13.057-.427.057-.896l.042-.005v-2.521c0-.401-.021-.677-.078-.802c-.063-.135-.26-.188-.422-.188z' fill='%23F6C533'/%3E%3Crect x='0' y='0' width='32' height='32' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}

.external-link[href*="amazon."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1024 1024'%3E%3Cpath d='M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM547.8 326.7c-7.2-10.9-20.1-16.4-38.7-16.4c-1.3 0-3 .1-5.3.3c-2.2.2-6.6 1.5-12.9 3.7a79.4 79.4 0 0 0-17.9 9.1c-5.5 3.8-11.5 10-18 18.4c-6.4 8.5-11.5 18.4-15.3 29.8l-94-8.4c0-12.4 2.4-24.7 7-36.9s11.8-23.9 21.4-35c9.6-11.2 21.1-21 34.5-29.4c13.4-8.5 29.6-15.2 48.4-20.3c18.9-5.1 39.1-7.6 60.9-7.6c21.3 0 40.6 2.6 57.8 7.7c17.2 5.2 31.1 11.5 41.4 19.1a117 117 0 0 1 25.9 25.7c6.9 9.6 11.7 18.5 14.4 26.7c2.7 8.2 4 15.7 4 22.8v182.5c0 6.4 1.4 13 4.3 19.8c2.9 6.8 6.3 12.8 10.2 18c3.9 5.2 7.9 9.9 12 14.3c4.1 4.3 7.6 7.7 10.6 9.9l4.1 3.4l-72.5 69.4c-8.5-7.7-16.9-15.4-25.2-23.4c-8.3-8-14.5-14-18.5-18.1l-6.1-6.2c-2.4-2.3-5-5.7-8-10.2c-8.1 12.2-18.5 22.8-31.1 31.8c-12.7 9-26.3 15.6-40.7 19.7c-14.5 4.1-29.4 6.5-44.7 7.1c-15.3.6-30-1.5-43.9-6.5c-13.9-5-26.5-11.7-37.6-20.3c-11.1-8.6-19.9-20.2-26.5-35c-6.6-14.8-9.9-31.5-9.9-50.4c0-17.4 3-33.3 8.9-47.7c6-14.5 13.6-26.5 23-36.1c9.4-9.6 20.7-18.2 34-25.7s26.4-13.4 39.2-17.7c12.8-4.2 26.6-7.8 41.5-10.7c14.9-2.9 27.6-4.8 38.2-5.7c10.6-.9 21.2-1.6 31.8-2v-39.4c0-13.5-2.3-23.5-6.7-30.1zm180.5 379.6c-2.8 3.3-7.5 7.8-14.1 13.5s-16.8 12.7-30.5 21.1c-13.7 8.4-28.8 16-45 22.9c-16.3 6.9-36.3 12.9-60.1 18c-23.7 5.1-48.2 7.6-73.3 7.6c-25.4 0-50.7-3.2-76.1-9.6c-25.4-6.4-47.6-14.3-66.8-23.7c-19.1-9.4-37.6-20.2-55.1-32.2c-17.6-12.1-31.7-22.9-42.4-32.5c-10.6-9.6-19.6-18.7-26.8-27.1c-1.7-1.9-2.8-3.6-3.2-5.1c-.4-1.5-.3-2.8.3-3.7c.6-.9 1.5-1.6 2.6-2.2a7.42 7.42 0 0 1 7.4.8c40.9 24.2 72.9 41.3 95.9 51.4c82.9 36.4 168 45.7 255.3 27.9c40.5-8.3 82.1-22.2 124.9-41.8c3.2-1.2 6-1.5 8.3-.9c2.3.6 3.5 2.4 3.5 5.4c0 2.8-1.6 6.3-4.8 10.2zm59.9-29c-1.8 11.1-4.9 21.6-9.1 31.8c-7.2 17.1-16.3 30-27.1 38.4c-3.6 2.9-6.4 3.8-8.3 2.8c-1.9-1-1.9-3.5 0-7.4c4.5-9.3 9.2-21.8 14.2-37.7c5-15.8 5.7-26 2.1-30.5c-1.1-1.5-2.7-2.6-5-3.6c-2.2-.9-5.1-1.5-8.6-1.9s-6.7-.6-9.4-.8c-2.8-.2-6.5-.2-11.2 0c-4.7.2-8 .4-10.1.6a874.4 874.4 0 0 1-17.1 1.5c-1.3.2-2.7.4-4.1.5c-1.5.1-2.7.2-3.5.3l-2.7.3c-1 .1-1.7.2-2.2.2h-3.2l-1-.2l-.6-.5l-.5-.9c-1.3-3.3 3.7-7.4 15-12.4s22.3-8.1 32.9-9.3c9.8-1.5 21.3-1.5 34.5-.3s21.3 3.7 24.3 7.4c2.3 3.5 2.5 10.7.7 21.7zM485 467.5c-11.6 4.9-20.9 12.2-27.8 22c-6.9 9.8-10.4 21.6-10.4 35.5c0 17.8 7.5 31.5 22.4 41.2c14.1 9.1 28.9 11.4 44.4 6.8c17.9-5.2 30-17.9 36.4-38.1c3-9.3 4.5-19.7 4.5-31.3v-50.2c-12.6.4-24.4 1.6-35.5 3.7c-11.1 2.1-22.4 5.6-34 10.4z' fill='darkorange'/%3E%3Crect x='0' y='0' width='1024' height='1024' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}
.external-link[href*="google."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23EA4335' d='M5.266 9.765A7.077 7.077 0 0 1 12 4.909c1.69 0 3.218.6 4.418 1.582L19.91 3C17.782 1.145 15.055 0 12 0C7.27 0 3.198 2.698 1.24 6.65l4.026 3.115z'/%3E%3Cpath fill='%2334A853' d='M16.04 18.013c-1.09.703-2.474 1.078-4.04 1.078a7.077 7.077 0 0 1-6.723-4.823l-4.04 3.067A11.965 11.965 0 0 0 12 24c2.933 0 5.735-1.043 7.834-3l-3.793-2.987z'/%3E%3Cpath fill='%234A90E2' d='M19.834 21c2.195-2.048 3.62-5.096 3.62-9c0-.71-.109-1.473-.272-2.182H12v4.637h6.436c-.317 1.559-1.17 2.766-2.395 3.558L19.834 21z'/%3E%3Cpath fill='%23FBBC05' d='M5.277 14.268A7.12 7.12 0 0 1 4.909 12c0-.782.125-1.533.357-2.235L1.24 6.65A11.934 11.934 0 0 0 0 12c0 1.92.445 3.73 1.237 5.335l4.04-3.067z'/%3E%3Crect x='0' y='0' width='24' height='24' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
}
.external-link[href*="obsidian.md"]::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='16px' height='16px' viewBox='0 0 1500 1500' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Obsidian-Logo-Large' serif:id='Obsidian Logo Large' transform='matrix(1.37615,0,0,1.37615,-273.271,-282.11)'%3E%3Cpath d='M384,702L597,1191L900,1295L1069,494L869,205L524,396L384,702Z' style='fill:rgb(52,32,141);'/%3E%3Cpath d='M900,1295L597,1191L563,596L694.5,518L900,1295Z' style='fill:rgb(74,55,159);'/%3E%3Cpath d='M563,596L900,1295L954,1185.5L1069,494L857,363L563,596Z' style='fill:rgb(136,116,221);'/%3E%3Cpath d='M524,396L869,205L858,361.5L563,596L524,396Z' style='fill:rgb(74,55,159);'/%3E%3Cpath d='M869,205L857,363L1069,494L869,205Z' style='fill:rgb(173,160,244);'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.external-link[href*="tumblr."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='16px' height='16px' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1200 1200'%3E%3Cpath d='M1200 0v1200H0V0h1200zM698.943 874.63c-20.393-5.684-40.498-12.145-56.448-24.735c-6.343-5.073-9.514-9.726-9.514-13.953V528.964H827.06v-134.46H632.981v-202.96H521.354c-8.321 104.2-63.527 202.96-172.517 202.96v134.46h92.601v332.347c.382 52.267 24.514 97.235 66.598 121.144c39.829 20.617 81.797 25.865 123.679 26.004c41.049-.2 84.731.617 123.679-1.903c34.102-1.224 66.789-9.025 95.771-23.467V838.477v1.269c-16.913 10.994-35.518 20.296-55.813 27.907c-34.048 11.164-64.44 14.827-96.409 6.977z' fill='%23303D4D'/%3E%3C/svg%3E");
}
.external-link[href*="amazon.com/athena"]::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EIcon-Architecture/16/Arch_Amazon-Athena_16%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='linearGradient-1'%3E%3Cstop stop-color='%234D27A8' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23A166FF' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Icon-Architecture/16/Arch_Amazon-Athena_16' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-Architecture-BG/16/Analytics' fill='url(%23linearGradient-1)'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3C/g%3E%3Cpath d='M4.9080749,10.4244015 L6.72320895,10.4244015 L6.72320895,9.42433902 L4.9080749,9.42433902 L4.9080749,10.4244015 Z M4.9080749,13.9986249 L6.72320895,13.9986249 L6.72320895,12.9985624 L4.9080749,12.9985624 L4.9080749,13.9986249 Z M4,12.2115132 L6.72320895,12.2115132 L6.72320895,11.2114507 L4,11.2114507 L4,12.2115132 Z M18.8176696,18.8359272 C18.6043634,19.0459404 18.2447901,19.0569411 18.0121848,18.8289268 L15.1254411,16.1387587 C15.4454004,15.8867429 15.7389503,15.6067254 16.0081224,15.3037065 L18.8207168,18.0528783 C18.9263542,18.1568848 18.9842516,18.2958935 18.9842516,18.4429027 C18.9842516,18.591912 18.9253384,18.7309207 18.8176696,18.8359272 L18.8176696,18.8359272 Z M19.5378319,17.343834 L16.6267104,14.4986562 C17.3224948,13.4355897 17.7318395,12.1735108 17.7318395,10.8174261 C17.7318395,7.05819114 14.6246795,4 10.8064988,4 C8.32909979,4 6.02336152,5.31708232 4.79126437,7.43721483 L5.67191419,7.93424589 C6.72524044,6.12413276 8.69172031,5.0000625 10.8064988,5.0000625 C14.0650047,5.0000625 16.7160958,7.60922558 16.7160958,10.8174261 C16.7160958,14.0256266 14.0650047,16.6357897 10.8064988,16.6357897 C9.02894723,16.6357897 7.3631275,15.8597412 6.23463621,14.5046565 L5.44946631,15.1386962 C6.77196465,16.7257954 8.72320836,17.6358522 10.8064988,17.6358522 C12.0670367,17.6358522 13.247331,17.2968311 14.2651062,16.7157947 L17.3042114,19.5469717 C17.6028401,19.8389899 17.9969487,20 18.4164508,20 C18.8390002,20 19.236156,19.8379899 19.5347847,19.5449716 C19.8344291,19.2519532 19.9989796,18.8609288 20,18.4449028 C20.001011,18.0298769 19.8374763,17.6388524 19.5378319,17.343834 L19.5378319,17.343834 Z M12.8420492,13.8216139 C12.8105611,13.8416151 12.755711,13.8706169 12.6663255,13.9056191 C12.5464678,13.952622 12.4042637,13.9936246 12.2447919,14.0296269 C11.8131008,14.128633 11.2788196,14.1826364 10.7404754,14.1826364 C9.6648028,14.1826364 8.86845972,13.968623 8.64398035,13.8276142 L8.04773878,9.47534221 C8.81868827,9.7503594 9.80599118,9.85636602 10.5586573,9.8703669 C10.2620601,9.9503719 10.0385965,10.207388 10.0385965,10.5254078 C10.0385965,10.9064317 10.3534771,11.216451 10.7404754,11.216451 C10.8115775,11.216451 10.8765851,11.1954497 10.9415927,11.1764485 C11.8374787,11.6044753 12.5393576,11.9004938 13.0787175,12.0895056 L12.8420492,13.8216139 Z M10.8704906,10.2693918 L10.6104602,10.7804238 C10.5078701,10.7304207 10.4266106,10.6454153 10.4266106,10.5254078 C10.4266106,10.3553972 10.567799,10.2163885 10.7404754,10.2163885 C10.7912626,10.2163885 10.8278294,10.2483905 10.8704906,10.2693918 L10.8704906,10.2693918 Z M13.2178744,11.0604413 C12.6663255,10.8514282 12.0192968,10.5744109 11.3915672,10.2793925 C11.3123391,10.0763798 11.1366155,9.92837052 10.9212778,9.8703669 C11.6749597,9.85636602 12.6632783,9.74835927 13.4352435,9.46334146 L13.2178744,11.0604413 Z M10.7404754,7.68023001 C12.2031464,7.68023001 13.2574884,8.09325583 13.5347864,8.33227077 C13.2442837,8.55128446 12.1990834,8.87530471 10.7404754,8.87530471 C9.25952105,8.87530471 8.2061948,8.54128383 7.94514866,8.33427089 C8.21838373,8.09525595 9.27272572,7.68023001 10.7404754,7.68023001 L10.7404754,7.68023001 Z M14.5962386,8.39927495 C14.5992859,8.3792737 14.6003016,8.35927245 14.6003016,8.34027127 C14.6003016,7.1951997 12.343319,6.68016751 10.7404754,6.68016751 C9.13864755,6.68016751 6.88166497,7.1951997 6.88572247,8.39927495 C6.88775944,8.41827614 6.89893262,8.51228202 6.90401134,8.53128321 C6.90401134,8.53228327 6.90502708,8.53228327 6.90502708,8.53328333 L6.89588539,8.53428339 L7.64245703,13.9626227 C7.64245703,15.1486968 10.4225476,15.1826989 10.7404754,15.1826989 C11.3529689,15.1826989 11.9695253,15.119695 12.47435,15.0046878 C12.6866404,14.9556847 12.8776002,14.8986812 13.0401192,14.8356772 C13.5703375,14.6286643 13.8395096,14.3346459 13.8344308,14.0296269 L14.0619574,12.3625227 C14.2112718,12.3885243 14.3433184,12.4035252 14.44794,12.4035252 C14.8613477,12.4035252 14.9761268,12.2315145 15.0644965,12.0985062 L15.1386458,11.6384774 C15.0563705,11.3034565 14.6063961,10.8934308 14.29761,10.6454153 L14.5860812,8.53428339 L14.5586561,8.53028314 C14.5647506,8.51028189 14.5820182,8.49428089 14.5870969,8.47327958 L14.5962386,8.39927495 Z' id='Amazon-Athena_Icon_16_Squid' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.external-link[href*="github."]::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' width='0.99em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 256 259.3'%3E%3Cpath fill='%239EDCF2' d='M200.9 199.8c0 13.9-32.2 25.1-71.9 25.1s-71.9-11.3-71.9-25.1c0-13.9 32.2-25.1 71.9-25.1s71.9 11.2 71.9 25.1zm0 0'/%3E%3Cdefs%3E%3Cpath id='ssvg-id-github-octocata' d='M98.1 244.8c1.6 7.5 5.5 11.9 9.4 14.5h41.1c5-3.4 10.1-9.8 10.1-21.8v-31s.6-7.7 7.7-10.2c0 0 4.1-2.9-.3-4.5c0 0-19.5-1.6-19.5 14.4v23.6s.8 8.7-3.8 12.3v-29.2s.3-9.3 5.1-12.8c0 0 3.2-5.7-3.8-4.2c0 0-13.4 1.9-14 17.6l-.3 30h-3.2l-.3-30c-.6-15.6-14-17.6-14-17.6c-7-1.6-3.8 4.2-3.8 4.2c4.8 3.5 5.1 12.8 5.1 12.8v29.5c-4.6-3.3-3.8-12.6-3.8-12.6v-23.6c0-16-19.5-14.4-19.5-14.4c-4.5 1.6-.3 4.5-.3 4.5c7 2.6 7.7 10.2 7.7 10.2v21.7l.4 16.6z'/%3E%3C/defs%3E%3CclipPath id='ssvg-id-github-octocatb'%3E%3Cuse xlink:href='%23ssvg-id-github-octocata' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23ssvg-id-github-octocatb)' fill='%237DBCE7' d='M200.9 199.8c0 13.9-32.2 25.1-71.9 25.1s-71.9-11.3-71.9-25.1c0-13.9 32.2-25.1 71.9-25.1s71.9 11.2 71.9 25.1zm0 0'/%3E%3Cpath fill='%239EDCF2' d='M46.9 125.9l-2.1 7.2s-.5 2.6 1.9 3.1c2.6-.1 2.4-2.5 2.2-3.2l-2-7.1zm0 0'/%3E%3Cpath fill='%23010101' d='M255.8 95.6l.2-.9c-21.1-4.2-42.7-4.3-55.8-3.7c2.1-7.7 2.8-16.7 2.8-26.6c0-14.3-5.4-25.7-14-34.3c1.5-4.9 3.5-15.8-2-29.7c0 0-9.8-3.1-32.1 11.8c-8.7-2.2-18-3.3-27.3-3.3c-10.2 0-20.5 1.3-30.2 3.9C74.4-2.9 64.3.3 64.3.3c-6.6 16.5-2.5 28.8-1.3 31.8c-7.8 8.4-12.5 19.1-12.5 32.2c0 9.9 1.1 18.8 3.9 26.5c-13.2-.5-34-.3-54.4 3.8l.2.9c20.4-4.1 41.4-4.2 54.5-3.7c.6 1.6 1.3 3.2 2 4.7c-13 .4-35.1 2.1-56.3 8.1l.3.9c21.4-6 43.7-7.6 56.6-8c7.8 14.4 23 23.8 50.2 26.7c-3.9 2.6-7.8 7-9.4 14.5c-5.3 2.5-21.9 8.7-31.9-8.5c0 0-5.6-10.2-16.3-11c0 0-10.4-.2-.7 6.5c0 0 6.9 3.3 11.7 15.6c0 0 6.3 21 36.4 14.2V177s-.6 7.7-7.7 10.2c0 0-4.2 2.9.3 4.5c0 0 19.5 1.6 19.5-14.4v-23.6s-.8-9.4 3.8-12.6v38.8s-.3 9.3-5.1 12.8c0 0-3.2 5.7 3.8 4.2c0 0 13.4-1.9 14-17.6l.3-39.3h3.2l.3 39.3c.6 15.6 14 17.6 14 17.6c7 1.6 3.8-4.2 3.8-4.2c-4.8-3.5-5.1-12.8-5.1-12.8v-38.5c4.6 3.6 3.8 12.3 3.8 12.3v23.6c0 16 19.5 14.4 19.5 14.4c4.5-1.6.3-4.5.3-4.5c-7-2.6-7.7-10.2-7.7-10.2v-31c0-12.1-5.1-18.5-10.1-21.8c29-2.9 42.9-12.2 49.3-26.8c12.7.3 35.6 1.9 57.4 8.1l.3-.9c-21.7-6.1-44.4-7.7-57.3-8.1c.6-1.5 1.1-3 1.6-4.6c13.4-.5 35.1-.5 56.3 3.7zm0 0'/%3E%3Cpath fill='%23F5CCB3' d='M174.6 63.7c6.2 5.7 9.9 12.5 9.9 19.8c0 34.4-25.6 35.3-57.2 35.3S70.1 114 70.1 83.5c0-7.3 3.6-14.1 9.8-19.7c10.3-9.4 27.7-4.4 47.4-4.4s37-5.1 47.3 4.3zm0 0'/%3E%3Cpath fill='%23FFF' d='M108.3 85.3c0 9.5-5.3 17.1-11.9 17.1c-6.6 0-11.9-7.7-11.9-17.1c0-9.5 5.3-17.1 11.9-17.1c6.6-.1 11.9 7.6 11.9 17.1zm0 0'/%3E%3Cpath fill='%23AF5C51' d='M104.5 85.5c0 6.3-3.6 11.4-7.9 11.4c-4.4 0-7.9-5.1-7.9-11.4c0-6.3 3.6-11.4 7.9-11.4c4.3 0 7.9 5.1 7.9 11.4zm0 0'/%3E%3Cpath fill='%23FFF' d='M172.2 85.3c0 9.5-5.3 17.1-11.9 17.1c-6.6 0-11.9-7.7-11.9-17.1c0-9.5 5.3-17.1 11.9-17.1c6.5-.1 11.9 7.6 11.9 17.1zm0 0'/%3E%3Cpath fill='%23AF5C51' d='M168.3 85.5c0 6.3-3.6 11.4-7.9 11.4c-4.4 0-7.9-5.1-7.9-11.4c0-6.3 3.6-11.4 7.9-11.4c4.4 0 7.9 5.1 7.9 11.4zm0 0'/%3E%3Cpath fill='%23AF5C51' d='M130.5 100.5c0 1.6-1.3 3-3 3c-1.6 0-3-1.3-3-3s1.3-3 3-3c1.6 0 3 1.3 3 3zm0 0'/%3E%3Cpath fill='%23AF5C51' d='M120.6 108c-.2-.5.1-1 .6-1.2c.5-.2 1 .1 1.2.6c.8 2.2 2.8 3.6 5.1 3.6s4.3-1.5 5.1-3.6c.2-.5.7-.8 1.2-.6c.5.2.8.7.6 1.2c-1 2.9-3.8 4.9-6.9 4.9c-3.1 0-5.9-2-6.9-4.9zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M54.5 121.6c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2 0 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M60.3 124.8c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2 0 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M63.8 129c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2-.1 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M67 133.8c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2-.1 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M70.5 138.2c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2 0 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M75.3 142.1c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2-.1 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M82 144.6c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2 0 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M88.7 144.6c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.2 0 2.1.6 2.1 1.4zm0 0'/%3E%3Cpath fill='%23C4E5D9' d='M95.5 143.5c0 .8-.9 1.4-2.1 1.4c-1.1 0-2.1-.6-2.1-1.4c0-.8.9-1.4 2.1-1.4c1.1 0 2.1.6 2.1 1.4zm0 0'/%3E%3C/svg%3E");
}

관련 플러그인

파비콘을 링크 옆에 출력하는 Link Favicons 플러그인

---