mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-04 02:28:24 -04:00
594eb37836
IE 10 supports using SVG[1] but has some buggy behaviour when they’re used as background images. Without an explicit width/height it stretches the viewBox of the SVG to fill the containing element. This causes the content of the file to display centered within the viewBox. Explicitly setting the width and height seems to be the thing that fixes this. Out of the suggested fixes on Stackoverflow[2] this one seems to be the most straightforward. 1. https://caniuse.com/#feat=svg 2. https://stackoverflow.com/questions/17944354/svg-background-image-position-is-always-centered-in-internet-explorer-despite-b
27 lines
843 B
XML
27 lines
843 B
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
viewBox="0 0 17.5 14.5" width="17.5" height="14.5" style="enable-background:new 0 0 17.5 14.5;" xml:space="preserve">
|
|
<style type="text/css">
|
|
.st0{fill:#0B0B0B;}
|
|
</style>
|
|
<path class="st0" d="M8.6,3.9l5.3,8.6H3.5L8.6,3.9 M8.6,0L0,14.5h17.5L8.6,0L8.6,0z"/>
|
|
<g>
|
|
<circle class="st0" cx="8.8" cy="10.9" r="1.1"/>
|
|
<path d="M8.8,9.8c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1s1.1-0.5,1.1-1.1C9.8,10.3,9.4,9.8,8.8,9.8L8.8,9.8z"/>
|
|
</g>
|
|
<polygon class="st0" points="8.2,6.4 9.3,6.4 9.7,6.8 9.6,9.3 8.7,9.1 8,9.3 7.8,6.9 "/>
|
|
<g>
|
|
</g>
|
|
<g>
|
|
</g>
|
|
<g>
|
|
</g>
|
|
<g>
|
|
</g>
|
|
<g>
|
|
</g>
|
|
<g>
|
|
</g>
|
|
</svg>
|