New SVG image html

  • Hello, I noticed my si icons are no longer showing and found the a resolved topic regarding the update to SVG images. What is the new HTML code for icons?

    This is my old code, I have tried it with just the word ‘download’ and it still does not work.
    <i class="si-icon si-download"></i>

    * the icon should be showing up next to the ‘Domestic Questionnaire (107KB)’ in the right sidebar.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Branko

    (@brankoconjic)

    Hey @ckinteractivedesign,

    download should work just fine, but check if Sinatra Core plugin is up to date. After updating the plugin you need to save the widget again.

    Let me know if updating the core plugin worked.

    Branko

    (@brankoconjic)

    You can use any icon from Feather Icons just by entering icon name. https://feathericons.com/

    Thread Starter ckinteractivedesign

    (@ckinteractivedesign)

    I’ll look into it tomorrow and let you know.

    Thread Starter ckinteractivedesign

    (@ckinteractivedesign)

    The core plugin is up to date. ‘download’ does not work. Can anyone help me out here?

    Branko

    (@brankoconjic)

    I just tried on my end and it worked fine. But, I used the “Custom List” widget, and not a “Text Widget”, which seems to be your case. Screenshot.

    Here’s the SVG code of the icon, which should work in your case. Replace the <i></i> element with the SVG:

    <svg xmlns="https://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32" style="vertical-align: text-bottom; margin-right: 7px;"><path d="M28.027 18.091c-.801 0-1.335.534-1.335 1.335v5.339c0 .801-.534 1.335-1.335 1.335H6.672c-.801 0-1.335-.534-1.335-1.335v-5.339c0-.801-.534-1.335-1.335-1.335s-1.335.534-1.335 1.335v5.339c0 2.269 1.735 4.004 4.004 4.004h18.685c2.269 0 4.004-1.735 4.004-4.004v-5.339c0-.801-.534-1.335-1.335-1.335zm-12.946 2.268c.133.133.267.267.4.267.133.133.4.133.534.133s.4 0 .534-.133c.133-.133.267-.133.4-.267l6.673-6.673c.534-.534.534-1.335 0-1.868s-1.335-.534-1.868 0l-4.404 4.404V3.409c0-.801-.534-1.335-1.335-1.335s-1.335.534-1.335 1.335v12.813l-4.404-4.404c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l6.673 6.673z"></path></svg>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘New SVG image html’ is closed to new replies.

Tags