multipath icons / colored icons

[Mariusthvdb]

just exploring the possibilities, would these kind of files be possible in our resource file

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 47 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
    <title>Onweer</title>
    <desc>Created with Sketch.</desc>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="iPad-Landscape" transform="translate(-446.000000, -173.000000)">
            <g id="Onweer" transform="translate(428.000000, 157.000000)">
                <g transform="translate(18.000000, 17.000000)">
                    <path d="M13.2771429,30.8327586 C12.972,30.8327586 12.6634286,30.7534483 12.3805714,30.587931 C11.5217143,30.087931 11.2285714,28.987931 11.724,28.1206897 L14.1205714,23.9551724 C14.6142857,23.0913793 15.7165714,22.7965517 16.572,23.2965517 C17.4308571,23.7948276 17.724,24.8982759 17.2268571,25.7603448 L14.832,29.9293103 C14.4994286,30.5086207 13.896,30.8327586 13.2771429,30.8327586" id="Fill-1" fill="#29ABE2"></path>
                    <path d="M16.1691429,37.5155172 C15.864,37.5155172 15.5571429,37.4362069 15.2725714,37.2689655 C14.4137143,36.7741379 14.1205714,35.6672414 14.6177143,34.8051724 L17.0108571,30.6362069 C17.5062857,29.7741379 18.6034286,29.4793103 19.464,29.9810345 C20.3211429,30.4793103 20.616,31.5827586 20.1188571,32.4448276 L17.724,36.612069 C17.3931429,37.1896552 16.7897143,37.5155172 16.1691429,37.5155172" id="Fill-2" fill="#29ABE2"></path>
                    <path d="M11.388,45.7362069 C11.0828571,45.7362069 10.776,45.6568966 10.4914286,45.4931034 C9.63428571,44.9982759 9.33942857,43.8913793 9.83485714,43.0293103 L12.228,38.862069 C12.7234286,37.9965517 13.8222857,37.7 14.6794286,38.2017241 C15.5382857,38.6965517 15.8331429,39.8051724 15.3377143,40.6637931 L12.9445714,44.8344828 C12.612,45.412069 12.0085714,45.7362069 11.388,45.7362069" id="Fill-3" fill="#29ABE2"></path>
                    <path d="M8.31257143,39.7327586 C8.00742857,39.7327586 7.69885714,39.6534483 7.416,39.4913793 C6.55714286,38.9913793 6.264,37.887931 6.76114286,37.0258621 L9.15428571,32.8568966 C9.648,31.9948276 10.7468571,31.6948276 11.6074286,32.1982759 C12.4645714,32.6965517 12.7594286,33.8034483 12.2622857,34.6655172 L9.86742857,38.8327586 C9.53485714,39.4086207 8.93142857,39.7327586 8.31257143,39.7327586" id="Fill-4" fill="#29ABE2"></path>
                    <polyline id="Fill-5" fill="#FFB216" points="28.5 37.3344828 34.992 26.8931034 28.0765714 26.8931034 22.0097143 37.3344828 28.5 37.3344828"></polyline>
                    <path d="M28.5,37.987931 L22.0097143,37.987931 C21.7765714,37.987931 21.5622857,37.8655172 21.4474286,37.6603448 C21.3308571,37.4586207 21.3325714,37.2068966 21.4491429,37.0051724 L27.5177143,26.562069 C27.6325714,26.3637931 27.8468571,26.2413793 28.0765714,26.2413793 L34.992,26.2413793 C35.2285714,26.2413793 35.4445714,26.3689655 35.5594286,26.5758621 C35.6742857,26.7844828 35.6674286,27.037931 35.5422857,27.237931 L29.0485714,37.6827586 C28.9302857,37.8724138 28.7228571,37.987931 28.5,37.987931 L28.5,37.987931 Z M23.1394286,36.6844828 L28.14,36.6844828 L33.8211429,27.5448276 L28.4485714,27.5448276 L23.1394286,36.6844828 L23.1394286,36.6844828 Z" id="Fill-6" fill="#FFB216"></path>
                    <polyline id="Fill-7" fill="#FFB216" points="22.8754286 46.0396552 29.8062857 33.8568966 36.7217143 33.8568966 22.8754286 46.0396552"></polyline>
                    <path d="M22.8754286,46.6896552 C22.7314286,46.6896552 22.584,46.6413793 22.464,46.5431034 C22.2188571,46.3396552 22.1554286,45.9913793 22.3131429,45.7155172 L29.2422857,33.5327586 C29.3571429,33.3275862 29.5748571,33.2051724 29.8062857,33.2051724 L36.7217143,33.2051724 C36.9925714,33.2051724 37.236,33.3724138 37.3302857,33.6241379 C37.4245714,33.8793103 37.3542857,34.1672414 37.1502857,34.3465517 L23.304,46.5293103 C23.1805714,46.637931 23.028,46.6896552 22.8754286,46.6896552 L22.8754286,46.6896552 Z M30.1817143,34.5086207 L25.3594286,42.9844828 L34.9937143,34.5086207 L30.1817143,34.5086207 L30.1817143,34.5086207 Z" id="Fill-8" fill="#FFB216"></path>
                    <path d="M41.6914286,29.2068966 C41.1617143,29.2068966 40.6371429,28.9706897 40.284,28.5206897 C39.6668571,27.7396552 39.8005714,26.6034483 40.5771429,25.9862069 C42.1662857,24.7224138 43.0765714,22.8275862 43.0765714,20.787931 C43.0765714,17.137931 40.1262857,14.1706897 36.4971429,14.1706897 L34.8702857,14.1706897 L34.6508571,12.5396552 C34.1348571,7.29482759 29.784,3.33793103 24.5331429,3.33793103 C20.868,3.33793103 17.472,5.33275862 15.6685714,8.55 L15.0634286,9.62931034 L13.8428571,9.44655172 C13.428,9.38448276 12.9977143,9.35517241 12.564,9.35517241 C7.61485714,9.35517241 3.58971429,13.4051724 3.58971429,18.3810345 C3.58971429,20.7948276 4.524,23.0603448 6.21771429,24.7655172 C6.92057143,25.4672414 6.92057143,26.6137931 6.21771429,27.3155172 C5.51657143,28.0206897 4.38171429,28.0206897 3.68057143,27.3155172 C1.30628571,24.9293103 0,21.7534483 0,18.3810345 C0,11.4137931 5.63657143,5.74827586 12.564,5.74827586 C12.7662857,5.74827586 12.9685714,5.75172414 13.1708571,5.76206897 C15.7217143,2.01206897 19.9748571,-0.274137931 24.5331429,-0.274137931 C31.1245714,-0.274137931 36.6685714,4.33793103 37.9937143,10.6741379 C42.9171429,11.4258621 46.6662857,15.6741379 46.6662857,20.787931 C46.6662857,23.937931 45.2588571,26.8637931 42.804,28.8172414 C42.4731429,29.0793103 42.0805714,29.2068966 41.6914286,29.2068966" id="Fill-9" fill="#999999"></path>
                </g>
            </g>
        </g>
    </g>
</svg>

[arallsopp]

I've never found a way to make them work. I've been able to pull them in as svg files from a media folder and use them via an integration, but not from the js file, no.

[arallsopp]

(Not that I'm an authority on HA development and techniques.... just good a drawing pretty shapes :))

[Mariusthvdb]

hehe, well that's clear then, wont pursue for the moment ;-)

[Mariusthvdb]

btw, talking about the media folder: is that nested in the /www folder on the /config share, or, on the /media share. Ive tried to do that, and full those into the frontend in a Lovelace card but never managed to do so.
So, all of my images are served from the (open to the world) /www/images folder..