Feature: generate static css icon

Sometimes especially when working with non vue components one needs to have icons defined at css level e.g.

.my-icon-stats {
    background: transparent        url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMC41IDZWNC41aC01di41MzJhMSAxIDAgMCAwIC4zNi43NjhsMS43MTggMS40MzJhMSAxIDAgMCAxIDAgMS41MzZMNS44NiAxMC4yYTEgMSAwIDAgMC0uMzYuNzY4di41MzJoNVYxMCIvPjxyZWN0IHg9IjEuNSIgeT0iMS41IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIi8+PC9nPjwvc3ZnPg==)
        no-repeat center;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    max-width: 16px;
    display: inline-block;
}

then it can be used as <span class="my-icon-stats"></span> even without Vue or other framework. This will not be useful for every framework combination but will also allow for this library to be used with no framework as well.

I guess this might be possible with unplugin-icons on demand via special command or syntax, especially since most of the svg extraction is done.

[userquin]

And here the code:

[userquin]

@husayt closing this since it has been included on unocss, if you want still this behavior open a new one issue.