Loading...
 
Skip to main content
(Cached)
2
Page actions
Refresh Print

Icons SVG or Fonts

Resources

  • PRO: Contains a Tiki logo icon !
  • Is this licensing good?
  • CON: Doesn't work on older iPhone (iOS 3.1.3)
  • Social Icons -
  • Read Rachel's comment

  • Some SVG libraries

  • License at
  • Looks like most just need to be attributed to Freepik

    • Discussion

    There are hundreds of icons in Tiki. Right now, jpeg/png/gif. The opportunity is to move them progressively to a vector format. This permits scaling, styling, saving bandwidth, etc.
    There are 2 options: SVG vs fonts
    It would be a shame to maintain both if there is one that could address the needs. It would be a shame to invest migration time in one of the solutions only to do the work in double later if a change is decided.

    Feeling is that Tiki should pick the best future-thinking solution between SVG & fonts:

    Futureproof - SVG or FONT

    svg -> No Unnecessary HTTP Requests



    I just started to look into the possibility to use .SVG instead of FONT and so far I did find a bunch of discussion WHY to use SVG or not to use SVG instead of FONT when it goes to vector-icons.

    I have mainly heard about possible issues in respect of browser compatibility towards SVG, but I did NOT find ANY VG icon sets for possible integration (with a very limited! time on research).

    At the bottom of the wiki page I added the licenses for the icon FONTs mentioned on the wiki page.


    Finally the PNG fallback seems to be already sorted in Tiki for FONT thanks to our Bootstrap activists.

    For a convenient way of a PNG fallback for SVG I did not find further helpful information.
    In the end, when reviewing the licenses, I see only

    Semantic Icon Names

    Use semantic names for icon names
    Maybe based on names from here (removing "fa-" from the beginning):

    Overwriting Icons

    Make it possible for themes to override icons
    Questions looking for an answer:

    • how can you easily change icon if you don't like what is shipped by Tiki? Can it be maintained simply by adding the image path to your preferred icon in the custom css file?
    • Would it be possible, if that made any sense, to use something like "icon sets" to replace icons for a Tiki site globally? How much effort that would be?
      Example:

    Source - Guideline - License

    Pick some preferred icon source(s) so community has guidelines for consistency and make sure licensing is OK

    Fallback

    Have a Smarty function (or something) so vectorial is chosen if supported by the browser, and use png as a fallback

    • The icon sources will surely have a png fallback available
    • If no fallback is available give an error message "Please use a modern browser"

    Copy to clipboard
    {glyph name="plus"} or {fa name="automobile"}
    - maybe rework the icon smarty function (lib/smarty_tiki/function.icon.php) to manage icons in one place (update merge it with function.glyph.php and function.fa.php)

    Licenses

    Also see

    Page last modified on Sunday 24 of August, 2025 06:20:39 GMT-0000
    History Source Comments