Answered

How to get ICONs to add icons to bottomBar web plugins

  • 19 April 2021
  • 2 replies
  • 78 views

Badge +2

I am embedding  icons to Miro Board using bottomBar extension, i am able to add Circle icon but i want to add help icon ,  book icons and other icons.

Please let me know how to get the html of icons.   

icon

Best answer by Anthony Roux 10 May 2021, 16:26

View original

This topic has been closed for comments

2 replies

Userlevel 4
Badge +6

Hi @janardhan ,

 

You can directly add the icon file (svg for example) into your project and load the icon from a file. A quick example of this in Javascript will be to add your icons into a folder in your project and to load them using:

 

import icon from "path_to_icon/icon.svg";

miro.onReady(() => {
miro.initialize({
extensionPoints: {
toolbar: {
title: "Example",
toolbarSvgIcon: icon,
librarySvgIcon: icon,
async onClick() {
await miro.board.ui.openLibrary("content.html", { title: "Example" });
},
},
},
});
});

 

Regards,

Anthony

Userlevel 7
Badge +16

@janardhan - I am assuming that you were referring to bottomBar and using the Miro Developer Platform, so I renamed “bootomBar” to “bottomBar” and moved this post to the Developer Platform and APIs category.