Some icons are missing from Material

Thread ID:	Created:	Updated:	Platform:	Replies:
146905	Aug 25,2019 06:44 AM UTC	Aug 27,2019 12:29 PM UTC	Vue	1

Subscribe to this post

Tags: Toolbar

Marius Lian

Asked On August 25, 2019 06:44 AM UTC

Hi,

In the Vue Toolbar Pop demo it is some charts icons:

https://ej2.syncfusion.com/vue/demos/#/material/toolbar/popup.html

For instance e-line-icon or e-doughnut-icon icons.

These icons I cannot find in list of Material icons:

https://ej2.syncfusion.com/vue/documentation/appearance/icons/

I looked at the data source of the popup sample and the code added there is \e70c for the doughnut icon but in the list of icons above this is the code for M_Rename.

So how can I find the complete and correct list of icons for material used in the samples?

And a second question is:

Let's say I want to use a material icond that is not in the list of icons above. For instance this share icon:

https://material.io/resources/icons/?icon=share&style=baseline

What is the best way to include those in the projects?

Thanks,

Marius

Reply | Reply with quote

Vinitha Devi Murugan [Syncfusion]

Replied On August 27, 2019 12:29 PM UTC

Hi Marius,

Syncfusion Greetings.

Q1: How can I find the complete and correct list of icons for material used in the samples?

We have prepared the sample with complete icons and same can be available in below link. We will refresh the UG on our upcoming volume 3 release.

https://codesandbox.io/s/vue-template-5fpl8

Q2: What is the best way to include material icons in the projects?

We have prepared the sample with share icon of material io where the changes are highlighted below, and the same can be available in the above sample.

Index.html

vue

<e-item prefixIcon='view-site' tooltipText='Share' text='Share' showTextOn='Overflow' overflow='Show'></e-item>

<e-item

Style

.view-site:before {

content: "share";

font-family: 'Material Icons';

}

Kindly try with the above sample and let us know if you need any further assistance on this.

Regards,

M.Vinitha devi

Reply | Reply with quote

CONTACT US

Some icons are missing from Material

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US