Where do I find a list of all mat-icons — Angular [closed]

Edit: As the icons listed on the website are slightly outdated, here’s the correct resources: Material Design Icons DX – (forked version) The old Material.io link now redirects to the Icons page on Google Fonts. Isn’t it Material Icons (as stated by @RobbyCornelissen)? The Google Material Design team had recently (last month) updated their website. … Read more

How to manually create icns files using iconutil?

Here’s a script to convert a 1024×1024 png (named “Icon1024.png”) to the required icns file. Save it to a file called “CreateICNS.src” in the folder where your png file is then in terminal “cd” to the same folder and type “source CreateICNS.src” to call it: mkdir MyIcon.iconset sips -z 16 16 Icon1024.png –out MyIcon.iconset/icon_16x16.png sips … Read more

What size should apple-touch-icon.png be for iPad and iPhone?

Updated list December 2019, iOS13 One icon for iOS 180×180 px and one for android 192×192 px (declared in site.webmanifest). <link rel=”apple-touch-icon” sizes=”180×180″ href=”https://stackoverflow.com/apple-touch-icon.png”> <link rel=”manifest” href=”http://stackoverflow.com/site.webmanifest”> #### site.webmanifest { “name”: “”, “short_name”: “”, “icons”: [ { “src”: “/android-chrome-192×192.png”, “sizes”: “192×192”, “type”: “image/png” } ], “display”: “standalone” } Deprecated list October 2017, iOS11 List for … Read more

Actionbar notification count icon (badge) like Google has

I am not sure if this is the best solution or not, but it is what I need. Please tell me if you know what is need to be changed for better performance or quality. In my case, I have a button. Custom item on my menu – main.xml <item android:id=”@+id/badge” android:actionLayout=”@layout/feed_update_count” android:icon=”@drawable/shape_notification” android:showAsAction=”always”> </item> … Read more

How to add a spinner icon to button when it’s in the Loading state?

Simple solution for Bootstrap 3 using CSS3 animations. Put the following in your CSS: .glyphicon.spinning { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); … Read more