chutichhuy / glyph-iconset Goto Github PK

<a href="/new-post" title="Add new post">
  <svg-icon><src href="/glyph-iconset/sprite/sprite.svg#si-glyph-button-plus" /></svg-icon>
</a>

When I hover over the icon, "971" appears as the title, not "Add new post". In Linux Chrome and Firefox.

Why is this so? Can this be fixed?

https://glyph.smarticons.co/

Seriously, you need me to create a spritesheet or drop individual *.svg files into my project instead of just one line of code to import the css referencing and including the font? I don't think so.

Any chance these great icons will be available as icon font?

Hello! Is there any particular reason why this (really awesome!) package is not available via npm install glyph-iconset?

Thanks!

STR:

1. Load http://glyph.smarticons.co/ in Firefox Nightly (version 41 or newer)
2. Look at the glyph grid.

ACTUAL RESULTS: The glyphs are indecipherable squiggles; not how they're supposed to look.

I originally filed this in Firefox's bug tracker. As noted there, it looks like this broke when Firefox switched to match Chrome on a particular unspecified point.

The glyph.smarticons.co site seems to serve Chrome different content than it serves to Firefox, based on the User Agent string -- and Firefox Nightly can correctly render the Chrome content (e.g. I locally make Firefox use Chrome's user agent string.)

Color is not being set when try to apply neither css or attribute.

<svg xmlns="http://www.w3.org/2000/svg">
    <use style="fill: red !important;" fill="red" xlink:href="sprite.svg#si-glyph-bubble-message-hi" />
</svg>

I think it is caused because it has been set in the SVG file, in attribute fill in tag g and path. Children attributes are not overriden by fill in parent svg and also it cannot be modified cause en use tag use it is loaded as shadow dom closed that cant be modified with javascript.

<symbol id="si-glyph-bubble-message-hi" viewBox="0 0 17 16">
    <!-- Generator: Sketch 3.0.3 (7891) - http://www.bohemiancoding.com/sketch -->
    <title>1036</title>
    
    <defs/>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="{..}" fill="#434343" class="si-glyph-fill"/>
    </g>

</symbol>

Is there another way to solve this? rather than modify the sprite.svg