Skip to main content

Material Icon Theme

Material Icon Theme

The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code. It gives a rich look to your visual studio code.

Download It: Material Icon Theme 

File Icons: 

Folder Icon : 

After the installation did you have to change the file icon theme using menu File, Preferences, File Icon Theme

And Choose it as  below 

Finally, my VsCode looks like,


Popular posts from this blog

Angular Material Table Dynamic Columns|Dynamic-columns-mat-table

Dynamic-Columns-Mat-Table Here we have solution for dynamic Mat table columns Step 1: Create column Definition Model class export  class ColumnDefinition {     columnDef: string;     header: string;     cell: any;     constructor(_columnDef: string, _header: string, _cell: any) {      this.columnDef = _columnDef;       this.header = _header; this.cell = _cell;     }   } Step 2: Add Mat-Table Defintion as below in Html Template  <table mat-table [dataSource]="mattabledataSource" matSort class="mat-elevation-z8">     <ng-container *ngFor="let col of displaycolumndefs" matColumnDef="{{col.columnDef}}" >         <div   >             <th mat-header-cell *matHeaderCellDef  mat-sort-header > {{col.header}}  </th>             <td mat-cell *matCellDef="let element">{{ col.cell(element) }}</td>         </div>     </ng-container>       <tr mat-header-row *

Material Angular Multi-Select drop down|Mat CheckBox|Select All Multi-Select drop down

Material Angular Multi-Select drop down With Select All Check Box Material Angular drop down as multi select with select all option using mat check box.

Material Angular Table Column Header With Multi Selection,Material Angular Table Column Selection,Mat-Table

Material Angular Table Column Header With Multi-Selection| Material Angular Table Header Column Check Box  Sometimes we need multi-selection in a single click & here we discussed. Knowledge required  MatCheckboxModule-mat-checkbox,MaterialCheckBox Module  MatTableModule- mat-table,MatTable Module  TwoWayBinding  Typescript array  Step 1: Modules to import  import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import {MatTableModule} from '@angular/material/table'; import {MatCheckboxModule} from '@angular/material/checkbox'; Step 2: Have to define a class  type for two way binding with mattable export interface people {   name: string;   Sno: number;   canspeak: boolean;   canwrite: boolean; } Step 3 : Create an array for the people type  const ELEMENT_DATA: people[] = [   {Sno: 1, name: 'John', canspeak: false, canwrite: false},   {Sno: 2, name: 'Miller', canspeak: