Email the Author

You can use this page to email Duncan Faulkner about Angular Material Fundamentals - Mat-Icon.

Please include an email address so the author can respond to your query

This message will be sent to Duncan Faulkner

This site is protected by reCAPTCHA and the Google  Privacy Policy and  Terms of Service apply.

About the Book

When using Angular Material and SVG images, most of the time you will probably just use the web fonts from the Angular Material Icon library. But there are times when we need to use local SVG icons, this Shook looks at the following:

  • How to set up the Mat-Icon.
  • How to register Icons.
  • How to change the colour of an Icon.
  • How to set up a service to register Icons, to reduce code duplication.

This Shook also includes copies of the Angular Setup Guide (one using ngModules and one for the NEW Standalone component feature), which explains how to set up Angular CLI, Node, Node Version Manager (nvm) and how to add Angular Material to an Angular project.

★★★★★

What the readers think: J.Warner

Duncan is one of the more knowledgeable people I know when it comes to Angular Material. In this ebook, he explores how to use the tools provided by Angular Material to add your own SVG icons. He covers some important topics like how to avoid XSS attacks when using your own SVG icons, how to cut down on repetitive code when adding SVG icons and how to control colours when certain events happen. I appreciate his writing style and the step-by-step guide with code to help add my own SVG icons to Angular Material.


About the Author

Duncan Faulkner’s avatar Duncan Faulkner

@duncanfaulkner

Hi! I’m Duncan, I’m an Angular Developer, author and speaker.

This is part of a series of short books (or Shooks as I’m calling them) on Angular Material. Each book covers a particular area or a range of Angular Material components. The aim of this series of Shooks is to provide valuable insights and practices in getting the most out of Angular Material.

I would like your feedback and how you’ve enjoyed this Shook, please let me know on Twitter via @duncanfaulkner.

Logo white 96 67 2x

Publish Early, Publish Often

  • Path
  • There are many paths, but the one you're on right now on Leanpub is:
  • Angularmaterialfundamentals-mat-icon › Email Author › New
    • READERS
    • Newsletters
    • Weekly Sale
    • Monthly Sale
    • Store
    • Home
    • Redeem a Token
    • Search
    • Support
    • Leanpub FAQ
    • Leanpub Author FAQ
    • Search our Help Center
    • How to Contact Us
    • FRONTMATTER PODCAST
    • Featured Episode
    • Episode List
    • MEMBERSHIPS
    • Reader Memberships
    • Department Reader Memberships
    • Author Memberships
    • Your Membership
    • COMPANY
    • About
    • About Leanpub
    • Blog
    • Contact
    • Press
    • Essays
    • AI Services
    • Imagine a world...
    • Manifesto
    • More
    • Partner Program
    • Causes
    • Accessibility
    • AUTHORS
    • Write and Publish on Leanpub
    • Create a Book
    • Create a Bundle
    • Create a Course
    • Create a Track
    • Testimonials
    • Why Leanpub
    • Services
    • TranslateAI
    • TranslateWord
    • TranslateEPUB
    • PublishWord
    • Publish on Amazon
    • CourseAI
    • GlobalAuthor
    • Marketing Packages
    • IndexAI
    • Author Newsletter
    • The Leanpub Author Update
    • Author Support
    • Author Help Center
    • Leanpub Authors Forum
    • The Leanpub Manual
    • Supported Languages
    • The LFM Manual
    • Markua Manual
    • API Docs
    • Organizations
    • Learn More
    • Sign Up
    • LEGAL
    • Terms of Service
    • Copyright Policy
    • Privacy Policy
    • Refund Policy

*   *   *

Leanpub is copyright © 2010-2025 Ruboss Technology Corp.
All rights reserved.

This site is protected by reCAPTCHA
and the Google  Privacy Policy and  Terms of Service apply.

Leanpub requires cookies in order to provide you the best experience. Dismiss