Created
September 23, 2016 14:13
-
-
Save kirs/bdb17a0a576beab602c6e3402d8a5760 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| body { | |
| background-image: url("data:image/xvg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2215.572px%22%20viewBox%3D%220%200%2024%2015.572%22%20enable-background%3D%22new%200%200%2024%2015.572%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23E5E5E5%22%20d%3D%22M23.999%2C0H10.028v12.166h6.346c0.498-1.091%2C1.597-1.853%2C2.873-1.853s2.375%2C0.762%2C2.873%2C1.853H24L23.999%2C0%20%20%20%20%20%20%20L23.999%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23E5E5E5%22%20d%3D%22M5.942%2C10.313c1.047%2C0%2C1.974%2C0.514%2C2.549%2C1.301V3.438H3.192L0%2C6.964v5.201h3.07%20%20%20%20%20%20%20C3.568%2C11.074%2C4.666%2C10.313%2C5.942%2C10.313z%20M1.961%2C7.294l1.782-2.115h2.831v3.79H1.961C1.961%2C8.969%2C1.961%2C7.294%2C1.961%2C7.294z%22%2F%3E%3Ccircle%20fill%3D%22%23E5E5E5%22%20cx%3D%225.942%22%20cy%3D%2213.471%22%20r%3D%222.101%22%2F%3E%3Ccircle%20fill%3D%22%23E5E5E5%22%20cx%3D%2219.247%22%20cy%3D%2213.471%22%20r%3D%222.101%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | |
| } | |
| .abc { | |
| width: 200px; | |
| height: 200px; | |
| background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2060.3%2060.3%22%20enable-background%3D%22new%200%200%2060.3%2060.3%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2255%22%20r%3D%224%22%2F%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2239%22%20cy%3D%2255%22%20r%3D%224%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0959%2C9%2050.2%2C9%2040%2C51%2012%2C51%20%09%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0941%2C47%208.6%2C47%201%2C23%2046.8%2C23%20%09%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2225%22%20y1%3D%221%22%20x2%3D%2225%22%20y2%3D%2219%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0932%2C11%2025%2C19%2018%2C11%20%09%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); | |
| } | |
| .abc2 { | |
| width: 200px; | |
| height: 200px; | |
| background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2060.3%2060.3%22%20enable-background%3D%22new%200%200%2060.3%2060.3%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2212%22%20cy%3D%2255%22%20r%3D%224%22%2F%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2239%22%20cy%3D%2255%22%20r%3D%224%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0959%2C9%2050.2%2C9%2040%2C51%2012%2C51%20%09%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0941%2C47%208.6%2C47%201%2C23%2046.8%2C23%20%09%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2225%22%20y1%3D%221%22%20x2%3D%2225%22%20y2%3D%2219%22%2F%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23479CCF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%0932%2C11%2025%2C19%2018%2C11%20%09%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); | |
| } | |
| .abc3 { | |
| width: 200px; | |
| height: 200px; | |
| background-image: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22utf-8%22?%3E%0D%0A%3C!--%20Generator:%20Adobe%20Illustrator%2017.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version=%221.1%22%20id=%22Layer_1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%0D%0A%09%20viewBox=%220%200%2060.3%2060.3%22%20enable-background=%22new%200%200%2060.3%2060.3%22%20xml:space=%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20cx=%2212%22%20cy=%2255%22%20r=%224%22/%3E%0D%0A%09%0D%0A%09%09%3Ccircle%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20cx=%2239%22%20cy=%2255%22%20r=%224%22/%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20points=%22%0D%0A%09%0959,9%2050.2,9%2040,51%2012,51%20%09%22/%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20points=%22%0D%0A%09%0941,47%208.6,47%201,23%2046.8,23%20%09%22/%3E%0D%0A%09%0D%0A%09%09%3Cline%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20x1=%2225%22%20y1=%221%22%20x2=%2225%22%20y2=%2219%22/%3E%0D%0A%09%0D%0A%09%09%3Cpolyline%20fill=%22none%22%20stroke=%22%23479CCF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%2210%22%20points=%22%0D%0A%09%0932,11%2025,19%2018,11%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| SVG from online generator: http://dopiaza.org/tools/datauri/index.php | |
| <div class="abc"></div> | |
| SVG from Rack 1.6 | |
| <div class="abc2"></div> | |
| SVG from Rack 2.0 | |
| <div class="abc3"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment