Skip to content

Instantly share code, notes, and snippets.

@jimmynotjim

jimmynotjim/test.html

Last active September 26, 2019 00:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jimmynotjim/7db36b6dd79703c0e79b6882fd327e26 to your computer and use it in GitHub Desktop.
Save jimmynotjim/7db36b6dd79703c0e79b6882fd327e26 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<html lang="en"><head>
<meta charset="UTF-8">
</head>
<body translate="no">
<svg class="icon" aria-hidden="true" focusable="false">
<use href="https://gist.githubusercontent.com/jimmynotjim/7db36b6dd79703c0e79b6882fd327e26/raw/208b5a594f352a703a1178cae335a2d4deb8a5da/test.svg#payment-logo-JCB" xlink:href="https://gist.githubusercontent.com/jimmynotjim/7db36b6dd79703c0e79b6882fd327e26/raw/208b5a594f352a703a1178cae335a2d4deb8a5da/test.svg#payment-logo-JCB"></use>
</svg>
</body></html>
Display the source blob
Display the rendered blob
Raw
test.svg
<svg style="width:0;height:0;position:absolute;" aria-hidden="true" focusable="false">
<symbol id="payment-logo-JCB" viewBox="0 0 19 19"><title>JCB</title><g class="nc-icon-wrapper"><linearGradient id="a"><stop offset="0" stop-color="#007940"/><stop offset=".229" stop-color="#00873f"/><stop offset=".743" stop-color="#40a737"/><stop offset="1" stop-color="#5cb531"/></linearGradient><linearGradient id="b" x1="-57.527%" x2="232.391%" xlink:href="#a" y1="50.124%" y2="50.124%"/><linearGradient id="c" x1=".183%" x2="100.273%" xlink:href="#a" y1="49.96%" y2="49.96%"/><linearGradient id="d" x1="-62.802%" x2="253.671%" xlink:href="#a" y1="49.858%" y2="49.858%"/><linearGradient id="e" x1=".176%" x2="101.808%" y1="50.006%" y2="50.006%"><stop offset="0" stop-color="#1f286f"/><stop offset=".475" stop-color="#004e94"/><stop offset=".826" stop-color="#0066b1"/><stop offset="1" stop-color="#006fbc"/></linearGradient><linearGradient id="f" x1="-.576%" x2="98.133%" y1="49.914%" y2="49.914%"><stop offset="0" stop-color="#6c2c2f"/><stop offset=".173" stop-color="#882730"/><stop offset=".573" stop-color="#be1833"/><stop offset=".859" stop-color="#dc0436"/><stop offset="1" stop-color="#e60039"/></linearGradient><g fill="none" transform="translate(3 4.5)"><path d="M13 7.994a2.021 2.021 0 0 1-2.018 2.018H0V2.018C0 .906.906 0 2.018 0H13z" fill="#fff"/><g transform="translate(8.709 .66)"><path d="M.715 5.284h.835c.023 0 .079-.008.103-.008a.372.372 0 0 0 .294-.373.386.386 0 0 0-.294-.374c-.024-.008-.072-.008-.103-.008H.715z" fill="url(#b)"/><path d="M1.454.016C.66.016.008.66.008 1.462v1.502H2.05c.048 0 .103 0 .143.008.461.024.803.262.803.675 0 .326-.23.604-.66.66v.016c.469.032.827.294.827.699 0 .437-.398.723-.922.723H0v2.94h2.122c.794 0 1.446-.643 1.446-1.446V.016z" fill="url(#c)"/><path d="M1.844 3.743A.338.338 0 0 0 1.55 3.4c-.016 0-.056-.008-.08-.008H.715v.7h.755c.024 0 .072 0 .08-.009a.338.338 0 0 0 .294-.341z" fill="url(#d)"/></g><path d="M2.17.675C1.374.675.722 1.32.722 2.122v3.567c.405.2.827.326 1.248.326.5 0 .77-.302.77-.715V3.616h1.24v1.676c0 .652-.405 1.184-1.78 1.184-.834 0-1.486-.183-1.486-.183v3.044h2.122c.794 0 1.446-.644 1.446-1.446V.675z" fill="url(#e)"/><path d="M6.166.675c-.794 0-1.446.644-1.446 1.447v1.89c.366-.31 1.001-.508 2.026-.46.549.024 1.137.175 1.137.175v.612a2.75 2.75 0 0 0-1.097-.318c-.779-.056-1.247.326-1.247.993 0 .675.468 1.057 1.247.993a2.886 2.886 0 0 0 1.097-.318v.612s-.58.151-1.137.175c-1.025.048-1.66-.15-2.026-.46v3.337h2.122c.794 0 1.446-.644 1.446-1.447V.676z" fill="url(#f)"/></g></g></symbol>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment