<!DOCTYPE html>
<
html
>
<
head
>
<
title
>SPECTRE CSS Icons Class</
title
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
center
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
strong
>SPECTRE Navigation icons Class</
strong
>
<
br
><
br
>
<
div
class
=
"container"
>
<
div
>
Arrow Up:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-arrow-up"
></
i
>
</
button
>
Arrow Right:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-arrow-right"
></
i
>
</
button
>
Arrow Down:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-arrow-down"
></
i
>
</
button
>
Arrow Left:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-arrow-left"
></
i
>
</
button
>
</
div
>
<
br
>
<
div
>
Upward:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-upward"
></
i
>
</
button
>
Forward:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-forward"
></
i
>
</
button
>
Downward:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-downward"
></
i
>
</
button
>
Back:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-back"
></
i
>
</
button
>
</
div
>
<
br
>
<
div
>
Caret:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-caret"
></
i
>
</
button
>
Menu:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-menu"
></
i
>
</
button
>
Apps:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-apps"
></
i
>
</
button
>
</
div
>
<
br
>
<
div
>
More-horiz:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-more-horiz"
></
i
>
</
button
>
More-vert:
<
button
class
=
"btn btn-success"
>
<
i
class
=
"icon icon-more-vert"
></
i
>
</
button
>
</
div
>
</
div
>
</
center
>
</
body
>
</
html
>