try icon
A legacy Material Icons icon. Copy its <mat-icon> code for Angular Material.
try is only in the legacy Material Icons font, which Google no longer updates. To keep using it, load the legacy font and set fontSet="material-icons".
Style
Size
Colour
Template
<mat-icon fontSet="material-icons">try</mat-icon>Component
import { MatIconModule } from '@angular/material/icon';
@Component({
imports: [MatIconModule],
// …
})The fontSet attribute is only needed if material-icons is not your app's default font set (see Setup).
try Variants
Filled
material-iconsOutlined
material-icons-outlinedRound
material-icons-roundSharp
material-icons-sharpTwo Tone
material-icons-two-toneExamples in Angular Material
Common places to use try, with the template code. Previews are drawn to match Angular Material's Material 3 components.
Icon button
<button mat-icon-button aria-label="Try">
<mat-icon fontSet="material-icons">try</mat-icon>
</button>Button with icon
Try
<button mat-flat-button>
<mat-icon fontSet="material-icons">try</mat-icon>
Try
</button>Floating action button
<button mat-fab aria-label="Try">
<mat-icon fontSet="material-icons">try</mat-icon>
</button>List item
Try
<mat-list>
<mat-list-item>
<mat-icon fontSet="material-icons" matListItemIcon>try</mat-icon>
<span matListItemTitle>Try</span>
</mat-list-item>
</mat-list>Toolbar
My App
<mat-toolbar>
<span>My App</span>
<span class="spacer"></span>
<button mat-icon-button aria-label="Try">
<mat-icon fontSet="material-icons">try</mat-icon>
</button>
</mat-toolbar>Form field prefix
Try
<mat-form-field appearance="outline">
<mat-label>Try</mat-label>
<mat-icon fontSet="material-icons" matPrefix>try</mat-icon>
<input matInput />
</mat-form-field>About this icon
- Name
- try
- Icon set
- Legacy Material Icons only
- Also found by
- bookmark, bubble, chat, comment, communicate, favorite, feedback, highlight, important, marked, message, save, saved, special, speech, star
- Legacy codepoint
- U+F07C
- Licence
- Apache License 2.0, free for commercial use (Google Fonts)