I have simple SVG image, open in Text Editor will look like this:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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="54 10 164 32" style="enable-background:new 54 10 164 32;" xml:space="preserve">
<style type="text/css">
.st0{fill:#242582;}
</style>
<title>top-result-label-background</title>
<path class="st0" d="M217.9,11.4c-0.3-0.9-1.1-1.4-2-1.4H56.2c-0.9,0-1.7,0.6-2,1.4c-0.3,0.9-0.1,1.8,0.6,2.5
C75.5,31.8,105.1,42,136,42s60.5-10.2,81.2-28.1C217.9,13.3,218.2,12.3,217.9,11.4z"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.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="54 10 164 32" style="enable-background:new 54 10 164 32;" xml:space="preserve">
<style type="text/css">
.st0{fill:#242582;}
</style>
<title>top-result-label-background</title>
<path class="st0" d="M217.9,11.4c-0.3-0.9-1.1-1.4-2-1.4H56.2c-0.9,0-1.7,0.6-2,1.4c-0.3,0.9-0.1,1.8,0.6,2.5
C75.5,31.8,105.1,42,136,42s60.5-10.2,81.2-28.1C217.9,13.3,218.2,12.3,217.9,11.4z"/>
</svg>
You can see that you can simple change the color fill for different color or manually edit some path value to see the result.
Comments
Post a Comment