Skip to content

Commit 482f659

Browse files
mrholekmrholek
committed
feat: coreui icons
1 parent 9a860e3 commit 482f659

File tree

5 files changed

+202
-5
lines changed

5 files changed

+202
-5
lines changed

‎src/app/_nav.ts

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,14 +121,19 @@ export const navItems = [
121121
icon: 'icon-star',
122122
children: [
123123
{
124-
name: 'Flags',
125-
url: '/icons/flags',
124+
name: 'CoreUI Icons',
125+
url: '/icons/coreui-icons',
126126
icon: 'icon-star',
127127
badge: {
128128
variant: 'success',
129129
text: 'NEW'
130130
}
131131
},
132+
{
133+
name: 'Flags',
134+
url: '/icons/flags',
135+
icon: 'icon-star'
136+
},
132137
{
133138
name: 'Font Awesome',
134139
url: '/icons/font-awesome',

‎src/app/views/icons/coreui-icons.component.html

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<div class="animated fadeIn">
2+
<div class="card card-default">
3+
<div class="card-header">
4+
<i class="fa fa-picture-o"></i> CoreUI Icons
5+
<div class="card-header-actions">
6+
<a href="https://github.com/coreui/coreui-icons" class="card-header-action" target="_blank">Github</a>
7+
</div>
8+
</div>
9+
<div class="card-body">
10+
<div class="row text-center">
11+
<div class="col-6 col-sm-4 col-md-3">
12+
<i class="cui-basket-loaded icons font-2xl d-block mt-4"></i>
13+
<div>basket-loaded</div>
14+
</div>
15+
<div class="col-6 col-sm-4 col-md-3">
16+
<i class="cui-bell icons font-2xl d-block mt-4"></i>
17+
<div>bell</div>
18+
</div>
19+
20+
<div class="col-6 col-sm-4 col-md-3">
21+
<i class="cui-calculator icons font-2xl d-block mt-4"></i>
22+
<div>calculator</div>
23+
</div>
24+
<div class="col-6 col-sm-4 col-md-3">
25+
<i class="cui-calendar icons font-2xl d-block mt-4"></i>
26+
<div>calendar</div>
27+
</div>
28+
<div class="col-6 col-sm-4 col-md-3">
29+
<i class="cui-camera icons font-2xl d-block mt-4"></i>
30+
<div>camera</div>
31+
</div>
32+
<div class="col-6 col-sm-4 col-md-3">
33+
<i class="cui-chart icons font-2xl d-block mt-4"></i>
34+
<div>chart</div>
35+
</div>
36+
<div class="col-6 col-sm-4 col-md-3">
37+
<i class="cui-cloud-download icons font-2xl d-block mt-4"></i>
38+
<div>cloud-download</div>
39+
</div>
40+
<div class="col-6 col-sm-4 col-md-3">
41+
<i class="cui-cursor icons font-2xl d-block mt-4"></i>
42+
<div>cursor</div>
43+
</div>
44+
<div class="col-6 col-sm-4 col-md-3">
45+
<i class="cui-cursor-move icons font-2xl d-block mt-4"></i>
46+
<div>cursor-move</div>
47+
</div>
48+
<div class="col-6 col-sm-4 col-md-3">
49+
<i class="cui-drop icons font-2xl d-block mt-4"></i>
50+
<div>drop</div>
51+
</div>
52+
<div class="col-6 col-sm-4 col-md-3">
53+
<i class="cui-energy icons font-2xl d-block mt-4"></i>
54+
<div>energy</div>
55+
</div>
56+
<div class="col-6 col-sm-4 col-md-3">
57+
<i class="cui-envelope-letter icons font-2xl d-block mt-4"></i>
58+
<div>envelope-letter</div>
59+
</div>
60+
<div class="col-6 col-sm-4 col-md-3">
61+
<i class="cui-equalizer icons font-2xl d-block mt-4"></i>
62+
<div>equalizer</div>
63+
</div>
64+
<div class="col-6 col-sm-4 col-md-3">
65+
<i class="cui-globe icons font-2xl d-block mt-4"></i>
66+
<div>globe</div>
67+
</div>
68+
<div class="col-6 col-sm-4 col-md-3">
69+
<i class="cui-graph icons font-2xl d-block mt-4"></i>
70+
<div>graph</div>
71+
</div>
72+
<div class="col-6 col-sm-4 col-md-3">
73+
<i class="cui-home icons font-2xl d-block mt-4"></i>
74+
<div>home</div>
75+
</div>
76+
<div class="col-6 col-sm-4 col-md-3">
77+
<i class="cui-layers icons font-2xl d-block mt-4"></i>
78+
<div>layers</div>
79+
</div>
80+
<div class="col-6 col-sm-4 col-md-3">
81+
<i class="cui-list icons font-2xl d-block mt-4"></i>
82+
<div>list</div>
83+
</div>
84+
<div class="col-6 col-sm-4 col-md-3">
85+
<i class="cui-location-pin icons font-2xl d-block mt-4"></i>
86+
<div>location-pin</div>
87+
</div>
88+
<div class="col-6 col-sm-4 col-md-3">
89+
<i class="cui-map icons font-2xl d-block mt-4"></i>
90+
<div>map</div>
91+
</div>
92+
<div class="col-6 col-sm-4 col-md-3">
93+
<i class="cui-note icons font-2xl d-block mt-4"></i>
94+
<div>note</div>
95+
</div>
96+
<div class="col-6 col-sm-4 col-md-3">
97+
<i class="cui-options icons font-2xl d-block mt-4"></i>
98+
<div>options</div>
99+
</div>
100+
<div class="col-6 col-sm-4 col-md-3">
101+
<i class="cui-pencil icons font-2xl d-block mt-4"></i>
102+
<div>pencil</div>
103+
</div>
104+
<div class="col-6 col-sm-4 col-md-3">
105+
<i class="cui-people icons font-2xl d-block mt-4"></i>
106+
<div>people</div>
107+
</div>
108+
<div class="col-6 col-sm-4 col-md-3">
109+
<i class="cui-pie-chart icons font-2xl d-block mt-4"></i>
110+
<div>pie-chart</div>
111+
</div>
112+
<div class="col-6 col-sm-4 col-md-3">
113+
<i class="cui-puzzle icons font-2xl d-block mt-4"></i>
114+
<div>puzzle</div>
115+
</div>
116+
<div class="col-6 col-sm-4 col-md-3">
117+
<i class="cui-screen-desktop icons font-2xl d-block mt-4"></i>
118+
<div>screen-desktop</div>
119+
</div>
120+
<div class="col-6 col-sm-4 col-md-3">
121+
<i class="cui-screen-smartphone icons font-2xl d-block mt-4"></i>
122+
<div>screen-smartphone</div>
123+
</div>
124+
<div class="col-6 col-sm-4 col-md-3">
125+
<i class="cui-settings icons font-2xl d-block mt-4"></i>
126+
<div>settings</div>
127+
</div>
128+
<div class="col-6 col-sm-4 col-md-3">
129+
<i class="cui-social-facebook icons font-2xl d-block mt-4"></i>
130+
<div>social-facebook</div>
131+
</div>
132+
<div class="col-6 col-sm-4 col-md-3">
133+
<i class="cui-social-skype icons font-2xl d-block mt-4"></i>
134+
<div>social-skype</div>
135+
</div>
136+
<div class="col-6 col-sm-4 col-md-3">
137+
<i class="cui-social-twitter icons font-2xl d-block mt-4"></i>
138+
<div>social-twitter</div>
139+
</div>
140+
<div class="col-6 col-sm-4 col-md-3">
141+
<i class="cui-speech icons font-2xl d-block mt-4"></i>
142+
<div>speech</div>
143+
</div>
144+
<div class="col-6 col-sm-4 col-md-3">
145+
<i class="cui-speedometer icons font-2xl d-block mt-4"></i>
146+
<div>speedometer</div>
147+
</div>
148+
<div class="col-6 col-sm-4 col-md-3">
149+
<i class="cui-star icons font-2xl d-block mt-4"></i>
150+
<div>star</div>
151+
</div>
152+
<div class="col-6 col-sm-4 col-md-3">
153+
<i class="cui-user icons font-2xl d-block mt-4"></i>
154+
<div>user</div>
155+
</div>
156+
<div class="col-6 col-sm-4 col-md-3">
157+
<i class="cui-user-female icons font-2xl d-block mt-4"></i>
158+
<div>user-female</div>
159+
</div>
160+
<div class="col-6 col-sm-4 col-md-3">
161+
<i class="cui-user-follow icons font-2xl d-block mt-4"></i>
162+
<div>user-follow</div>
163+
</div>
164+
<div class="col-6 col-sm-4 col-md-3">
165+
<i class="cui-user-unfollow icons font-2xl d-block mt-4"></i>
166+
<div>user-unfollow</div>
167+
</div>
168+
</div>
169+
<!--/.row-->
170+
</div>
171+
</div>
172+
</div>

‎src/app/views/icons/coreui-icons.component.ts

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import { Component } from '@angular/core';
2+
3+
@Component({
4+
templateUrl: 'coreui-icons.component.html'
5+
})
6+
export class CoreUIIconsComponent {
7+
8+
constructor() { }
9+
10+
}

‎src/app/views/icons/icons-routing.module.ts

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { NgModule } from '@angular/core';
22
import { Routes, RouterModule } from '@angular/router';
33

4+
import { CoreUIIconsComponent } from './coreui-icons.component';
45
import { FlagsComponent } from './flags.component';
56
import { FontAwesomeComponent } from './font-awesome.component';
67
import { SimpleLineIconsComponent } from './simple-line-icons.component';
@@ -13,10 +14,10 @@ const routes: Routes = [
1314
},
1415
children: [
1516
{
16-
path: 'font-awesome',
17-
component: FontAwesomeComponent,
17+
path: 'coreui-icons',
18+
component: CoreUIIconsComponent,
1819
data: {
19-
title: 'Font Awesome'
20+
title: 'CoreUI Icons'
2021
}
2122
},
2223
{
@@ -26,6 +27,13 @@ const routes: Routes = [
2627
title: 'Flags'
2728
}
2829
},
30+
{
31+
path: 'font-awesome',
32+
component: FontAwesomeComponent,
33+
data: {
34+
title: 'Font Awesome'
35+
}
36+
},
2937
{
3038
path: 'simple-line-icons',
3139
component: SimpleLineIconsComponent,

‎src/app/views/icons/icons.module.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { NgModule } from '@angular/core';
22

3+
import { CoreUIIconsComponent } from './coreui-icons.component';
34
import { FlagsComponent } from './flags.component';
45
import { FontAwesomeComponent } from './font-awesome.component';
56
import { SimpleLineIconsComponent } from './simple-line-icons.component';
@@ -9,6 +10,7 @@ import { IconsRoutingModule } from './icons-routing.module';
910
@NgModule({
1011
imports: [ IconsRoutingModule ],
1112
declarations: [
13+
CoreUIIconsComponent,
1214
FlagsComponent,
1315
FontAwesomeComponent,
1416
SimpleLineIconsComponent

0 commit comments

Comments
 (0)