Add custom icon to matIconRegistry?


Yes

I'm trying to use the method in the answer to this SO question to implement a custom material icon as shown in this Stackblitz .

But it renders the error:

Error retrieving icon: Unable to find icon with the name ":circle-icon"

idea?

Christopher Paceret

As of August 31, 2019, the official Angular Material Example for loading custom SVG icons does not work with their Stackblitz demo .

This seems to be a Stackblitz question with matIconRegistry.

See StackBlitz issue #72: Support for images and static assets

Related


Add custom icon to matIconRegistry?

Yes I'm trying to use the method in the answer to this SO question to implement a custom material icon as shown in this Stackblitz . But it renders the error: Error retrieving icon: Unable to find icon with the name ":circle-icon" idea? Christopher Paceret As

Add custom icon to tinyMCE button

captis I'm trying to add a Font-Awsome icon to a button I've added to tinyMCE, thus: ed.addButton('youtube', { title: 'Add Video' , icon: 'icon-youtube', onclick: function () { //do stuff here... } Using images like the docs is not accep

Add custom icon to tinyMCE button

captiz I'm trying to add a Font-Awsome icon to a button I've added to tinyMCE: ed.addButton('youtube', { title: 'Add Video' , icon: 'icon-youtube', onclick: function () { //do stuff here... } Using images like the docs is not acceptable,

Ionic: How to add custom icon?

Murgard How to add custom icon to ionic? I haven't been able to find a step-by-step how-to. There are a lot of really basic icons (eg paragraph icons) that are not provided by ionicon, so I have to add them myself somehow. cfprabhu Download fonts to include in

Add custom icon to tinyMCE button

captis I'm trying to add a Font-Awsome icon to a button I've added to tinyMCE, thus: ed.addButton('youtube', { title: 'Add Video' , icon: 'icon-youtube', onclick: function () { //do stuff here... } Using images like the docs is not accep

Add icon to TinyMCE custom menu

work for life I'm modifying a plugin that adds a custom TinyMCE menu in WP. I need to be able to add icons to dropdown menu items and submenu items. I have icons enabled, which add space to it in the HTML, but can't figure out where JS can put them in. createC

Add icon to TinyMCE custom menu

work for life I'm modifying a plugin that adds a custom TinyMCE menu in WP. I need to be able to add icons to dropdown menu items and submenu items. I have icons enabled, which add space to it in the HTML, but can't figure out where JS can put them in. createC

Add custom icon for bloat menu

Silicon 8 I'm trying to add an icon to a menu (because it looks boring) my menu xml: <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_about" android:orderInCategory="200" android:showA

Ionic: How to add custom icon?

Murgard How to add custom icon to ionic? I haven't been able to find a step-by-step how-to. There are a lot of really basic icons (eg paragraph icons) that are not provided by ionicon, so I have to add them myself somehow. cfprabhu Download fonts to include in

Add icon to custom action bar

Sam How to set icon in custom action bar? Preferably, I want the icon to only show in overflow. Here is my MainActivity.java: ActionBar actionBar = getActionBar(); actionBar.setCustomView(R.layout.myActionBar); actionBar.setDisplayOptions(ActionBar.DISPLAY_SHO

Ionic: How to add custom icon?

Murgard How to add custom icon to ionic? I haven't been able to find a step-by-step how-to. There are a lot of really basic icons (eg paragraph icons) that are not provided by ionicon, so I have to add them myself somehow. cfprabhu Download fonts to include in

Add custom icon to tinyMCE button

captis I'm trying to add a Font-Awsome icon to a button I've added to tinyMCE, thus: ed.addButton('youtube', { title: 'Add Video' , icon: 'icon-youtube', onclick: function () { //do stuff here... } Using images like the docs is not accep

Add icon to TinyMCE custom menu

work for life I'm modifying a plugin that adds a custom TinyMCE menu in WP. I need to be able to add icons to dropdown menu items and submenu items. I have icons enabled, which add space to it in the HTML, but can't figure out where JS can put them in. createC

Add custom icon for bloat menu

Silicon 8 I'm trying to add an icon to a menu (because it looks boring) my menu xml: <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_about" android:orderInCategory="200" android:showA

Add icon to button with custom style

ehsan toghian I have a button defined as follows: <Button android:id="@+id/fab" android:layout_width="60dp" android:layout_height="60dp" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:background="

Ionic: How to add custom icon?

Murgard How to add custom icon to ionic? I haven't been able to find a step-by-step how-to. There are a lot of really basic icons (eg paragraph icons) that are not provided by ionicon, so I have to add them myself somehow. cfprabhu Download fonts to include in

Add icon to custom action bar

Sam How to set icon in custom action bar? Preferably, I want the icon to only show in overflow. Here is my MainActivity.java: ActionBar actionBar = getActionBar(); actionBar.setCustomView(R.layout.myActionBar); actionBar.setDisplayOptions(ActionBar.DISPLAY_SHO

How to add svg file via MatIconRegistry in unit test?

geron99 I'm currently implementing "unit tests" in my angular application. However, if I run them, I get multiple warnings/errors similar to: 'Error retrieving icon: Unable to find icon with the name ":myIcon"'. I suspect this may be caused by not adding the s

How to add svg file via MatIconRegistry in unit test?

geron99 I'm currently implementing "unit tests" in my angular application. However, if I run them, I get multiple warnings/errors similar to: 'Error retrieving icon: Unable to find icon with the name ":myIcon"'. I suspect this may be caused by not adding the s

How to add svg file via MatIconRegistry in unit test?

Gereon99 I'm currently implementing "unit tests" in my angular application. However, if I run them, I get multiple warnings/errors similar to: 'Error retrieving icon: Unable to find icon with the name ":myIcon"'. I suspect this may be caused by not adding the

How to add svg file via MatIconRegistry in unit test?

geron99 I'm currently implementing "unit tests" in my angular application. However, if I run them, I get multiple warnings/errors similar to: 'Error retrieving icon: Unable to find icon with the name ":myIcon"'. I suspect this may be caused by not adding the s

How to add svg file via MatIconRegistry in unit test?

geron99 I'm currently implementing "unit tests" in my angular application. However, if I run them, I get multiple warnings/errors similar to: 'Error retrieving icon: Unable to find icon with the name ":myIcon"'. I suspect this may be caused by not adding the s

Vaadin 10 Grid add custom image icon

Nick Friskell: I'm using Vaadin 10 (streaming) Gridto stream data to a new row and I'm trying to add a custom image icon to myself TemplateRenderer. I have this TemplateRenderersetup: TemplateRenderer<TradeUni> sizee = TemplateRenderer.<TradeUni> o

how to add svg custom icon ionic 2

sridharam how to add custom icon ionic 2, i have svg file, i need to add icon in menu this.pages = [ {icon: 'Test', title: 'Logout', component: LoginPage } ]; <ion-list> <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(

Add custom icon to konvajs transformer anchor

new Please take a look at www.jsbin.com/wigokojina/1/edit?html,css,js,output I added a custom svg icon to the konva transformer, but the spinner icon in the middle is draggable even if I set draggable to false. As far as dragging goes, the other two icons are

Add custom icon to leaflet-ajax data

username I need to add a custom icon to some custom icons that I want to add to JSON data in order to insert it into a leaflet map using leaflet-ajax ( https://github.com/calvinmetcalf/leaflet-ajax ) , but can't Figure out how to do it. Any suggestions? This i

Add overlay to app icon with custom launcher

David O'Hara I implement my own custom launcher with the following code: https://github.com/fookwood/Launcher3 My goal is to set a bitmap or PNG file as an overlay on top of the normal app icon. But I can't find the area where Google originally set the app ico

Vaadin 10 Grid add custom image icon

Nick Friskell: I'm using Vaadin 10 (streaming) Gridto stream data to a new row and I'm trying to add a custom image icon to myself TemplateRenderer. I have this TemplateRenderersetup: TemplateRenderer<TradeUni> sizee = TemplateRenderer.<TradeUni> o

Eclipse add custom icon to content type

Jacob Sachs I defined a custom content type in the extension point: org.eclipse.core.contenttypes.contentTypes Now I want to add a custom icon for a specific file type, but I can't seem to find the extension point. I just didn't find the right point, or is thi