angular / angular/components

mat-icon: Choose between Filled, Outlined, Rounded, Two-Tone and Sharp icons;

Open
#14,853 6 comments 21 reactions 0 assignees View on GitHub
area: material/icon feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Please describe the feature you would like to request.
To be able to select between Filled, Outlined, Rounded, Two-Tone and Sharp when using mat-icon;

#### What is the use-case or motivation for this proposal?
An easy way to use the new icons available on https://material.io/tools/icons/?style=baseline (without having to manually put the SVG's of the icons you want)

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the mat-icon implementation and the Material Icons styles at the linked Material Design icons page. Determine how Filled, Outlined, Rounded, Two-Tone, and Sharp selections should be exposed through mat-icon, then verify that each style can be selected without manually supplying SVG files.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.