mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
72 lines
2.6 KiB
HTML
72 lines
2.6 KiB
HTML
<ion-toolbar>
|
|
<ion-title>Icon</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content text-center class="icon-demo">
|
|
<ion-row>
|
|
<ion-col><ion-icon name='ionic' primary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='logo-angular'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='heart' danger></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='ionitron' primary></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='happy'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='people'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='person'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='contact'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='apps'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='lock'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='key'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='unlock'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='map' secondary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='navigate'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='pin'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='locate'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='mic'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='musical-notes'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='volume-up'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='microphone'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='cafe'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='calculator'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='bus'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='wine' danger></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='camera'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='image' secondary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='star'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='pin'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='arrow-dropup-circle'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='arrow-back'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='arrow-dropdown'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='arrow-forward'></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name='cloud'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='sunny'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='umbrella'></ion-icon></ion-col>
|
|
<ion-col><ion-icon name='rainy' primary></ion-icon></ion-col>
|
|
</ion-row>
|
|
</ion-content>
|
|
|
|
<style>
|
|
.icon-demo ion-icon {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.icon-demo ion-row {
|
|
height: 100%;
|
|
padding: 0;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.icon-demo ion-col {
|
|
flex: 0 0 25%;
|
|
max-width: 25%;
|
|
text-align: center;
|
|
padding: 10px 5px;
|
|
}
|
|
</style>
|