Feature request: icon block

  • Resolved Savage3939

    (@mirluin)


    4 years, 3 months ago

    Hi,
    first of all thanks for this great plugin.
    Are you planning to integrate an icon Gutenberg block?
    In alternative, can you suggest an easy way to implement this, or an existing solution compatible with your plugin?

    Pls. note I’ve tried following this tutorial without any luck (the icon doesn’t appear).

    Thanks again and best regards.

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    Hi @mirluin,

    Thanks for your message.

    An icon block isn’t currently in our roadmap. As an alternative, you can use the Custom HTML block and paste the SVG path of the icon. Here’s an example with a Material Icon (you can change the width and height attributes as you like):

    <div class="icon"><svg xmlns="https://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg></div>

    I hope the above is useful to you.

    If you enjoy Twentig, please leave us a review ??

Viewing 1 replies (of 1 total)
  • The topic ‘Feature request: icon block’ is closed to new replies.

Tags