How to get a check circle icon with a white background color in Angular Material?

Question

This is the current circle that I have, with the code

   <div fxLayout="row" fxLayoutAlign="space-between">
          <div fxLayout="column" fxFlex="0 0 10%">
            <mat-icon aria-hidden="false" style="color:#4CAF50">check_circle</mat-icon>
          </div>
          <div fxLayout="column" fxFlex="0 0 100%">
              <span class="verify-email2">8 characters mininum</span>
          </div>
      </div>

what I want to implement is the image below with white background

score 1 · Accepted Answer · answered Jul 12 '21 at 11:06

1

Try using check_circle_outline instead of check_circle

answered Jul 12 '21 at 11:06

Hoff

38,776
17
74
99

and how do we resize a mat icon Sir ? – Jhon Caylog Jul 12 '21 at 11:13
https://stackoverflow.com/a/47280483/2900893 this will help you. – Shabbir Dhangot Jul 12 '21 at 11:30
Sir , how do we align the text to the icon ? https://imgur.com/a/G27B5wJ

check_circle_outline

8 characters mininum

– Jhon Caylog Jul 12 '21 at 11:36
@JhonCaylog please post a new question for that – Hoff Jul 12 '21 at 11:46
I could no longer post bro..can you please help me with that ? – Jhon Caylog Jul 12 '21 at 11:50
maybe this will help you: https://tburleson-layouts-demos.firebaseapp.com/#/docs – Hoff Jul 12 '21 at 12:33

How to get a check circle icon with a white background color in Angular Material?

1 Answers1