search

tancredi / fantasticon

Icon font generation tool
MIT License
940 stars 104 forks source link

SVG only half rendered in Font #535

Open Christofon opened 9 months ago

Christofon commented 9 months ago

Hi!

I have this SVG that I am generating an icon font from. Unfortunately it seems to dismiss parts of the SVG and it looks like in the screenshot below.

Screenshot 2024-02-09 at 16 06 44 
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.107117 1.71426C0.107117 0.82666 0.82666 0.107117 1.71426 0.107117H8.5714C9.459 0.107117 10.1785 0.826657 10.1785 1.71426V12C10.1785 12.8876 9.459 13.6071 8.5714 13.6071H1.71426C0.826658 13.6071 0.107117 12.8876 0.107117 12V1.71426ZM1.71426 1.60712C1.65509 1.60712 1.60712 1.65509 1.60712 1.71426V12C1.60712 12.0591 1.65509 12.1071 1.71426 12.1071H8.5714C8.63057 12.1071 8.67855 12.0591 8.67855 12V1.71426C8.67855 1.65509 8.63057 1.60712 8.5714 1.60712H1.71426Z" fill="#69C350"/>
<path d="M15.4286 0.107117C14.541 0.107117 13.8214 0.826657 13.8214 1.71426V5.15997C13.8214 6.04757 14.541 6.76712 15.4286 6.76712H22.2857C23.1732 6.76712 23.8928 6.04761 23.8928 5.15997V1.71426C23.8928 0.82662 23.1732 0.107117 22.2857 0.107117H15.4286ZM15.3214 1.71426C15.3214 1.65509 15.3694 1.60712 15.4286 1.60712H22.2857C22.3448 1.60712 22.3928 1.65513 22.3928 1.71426V5.15997C22.3928 5.21911 22.3448 5.26712 22.2857 5.26712H15.4286C15.3694 5.26712 15.3214 5.21914 15.3214 5.15997V1.71426Z" fill="#69C350"/>
<path d="M15.4286 10.3928C14.541 10.3928 13.8214 11.1124 13.8214 12V22.2857C13.8214 23.1732 14.5409 23.8928 15.4286 23.8928H22.2857C23.1732 23.8928 23.8928 23.1732 23.8928 22.2857V12C23.8928 11.1123 23.1732 10.3928 22.2857 10.3928H15.4286ZM15.3214 12C15.3214 11.9408 15.3694 11.8928 15.4286 11.8928H22.2857C22.3448 11.8928 22.3928 11.9408 22.3928 12V22.2857C22.3928 22.3448 22.3448 22.3928 22.2857 22.3928H15.4286C15.3694 22.3928 15.3214 22.3448 15.3214 22.2857V12Z" fill="#69C350"/>
<path d="M1.71426 17.2328C0.826716 17.2328 0.107117 17.9522 0.107117 18.84V22.2857C0.107117 23.1732 0.82662 23.8928 1.71426 23.8928H8.5714C9.45903 23.8928 10.1785 23.1732 10.1785 22.2857V18.84C10.1785 17.9522 9.45894 17.2328 8.5714 17.2328H1.71426ZM1.60712 18.84C1.60712 18.7808 1.65503 18.7328 1.71426 18.7328H8.5714C8.63063 18.7328 8.67855 18.7808 8.67855 18.84V22.2857C8.67855 22.3448 8.63054 22.3928 8.5714 22.3928H1.71426C1.65513 22.3928 1.60712 22.3448 1.60712 22.2857V18.84Z" fill="#69C350"/>
</svg>
Screenshot 2024-02-09 at 16 05 41

Is this possibly related to #455 ? Any help would be greatly appreciated!

Christofon commented 8 months ago

Found the issue.

Apparently having a hex color as a fill value leads to this behaviour. After replacing fill="#69C350" with fill="black" everything works fine.