app/assets/images/folder-blue.svg

<?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="blue_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
	 y="0px" viewBox="0 0 26 20" style="enable-background:new 0 0 26 20;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#DEE0E2;}
	.st1{fill:#005EA5;}
</style>
<g>
	<polygon class="st0" points="1,19.1 1,1 9.8,1 11.3,5 25,5 25,19.1 	"/>
	<path class="st1" d="M9.2,1.9l1,2.8l0.5,1.2H12h12.1v12.2H1.9v-11V5.2V1.9H9.2 M10.5,0h-0.2H0v5.2v1.9V20h26V4H12L10.5,0L10.5,0z"
		/>
</g>
</svg>
Add thinner version of the blue icon This is needed for when the icon is displayed at a larger size. The thicker blue icon looks too big if it’s displayed at over 20px high (the use case for this is displaying it at 30px high). 2018-10-18 16:28:26 +01:00			`<?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="blue_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"`
			`y="0px" viewBox="0 0 26 20" style="enable-background:new 0 0 26 20;" xml:space="preserve">`
			`<style type="text/css">`
			`.st0{fill:#DEE0E2;}`
			`.st1{fill:#005EA5;}`
			`</style>`
			`<g>`
			`<polygon class="st0" points="1,19.1 1,1 9.8,1 11.3,5 25,5 25,19.1 "/>`
			`<path class="st1" d="M9.2,1.9l1,2.8l0.5,1.2H12h12.1v12.2H1.9v-11V5.2V1.9H9.2 M10.5,0h-0.2H0v5.2v1.9V20h26V4H12L10.5,0L10.5,0z"`
			`/>`
			`</g>`
			`</svg>`