diff --git a/dist/ratchet.css b/dist/ratchet.css
index 7226d4d..3535c5d 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -1110,3 +1110,62 @@ input[type="button"] {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
}
}
+
+@font-face {
+ font-family: "Ratchicons";
+ src: url("ratchicons/ratchicons.eot");
+ src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"), url("ratchicons/ratchicons.woff") format("woff"), url("ratchicons/ratchicons.ttf") format("truetype"), url("ratchicons/ratchicons.svg#svgFontName") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+.icon {
+ display: inline-block;
+ font-family: "Ratchicons", sans-serif;
+ text-decoration: none;
+ line-height: 1;
+ cursor: default;
+ -webkit-font-smoothing: antialiased;
+}
+.icon.icon-down:before {
+ content: '\f00b';
+}
+.icon.icon-download:before {
+ content: '\f005';
+}
+.icon.icon-left:before {
+ content: '\f00c';
+}
+.icon.icon-list:before {
+ content: '\f008';
+}
+.icon.icon-pages:before {
+ content: '\f000';
+}
+.icon.icon-refresh:before {
+ content: '\f009';
+}
+.icon.icon-right:before {
+ content: '\f00d';
+}
+.icon.icon-search:before {
+ content: '\f007';
+}
+.icon.icon-share:before {
+ content: '\f00a';
+}
+.icon.icon-sound:before {
+ content: '\f001';
+}
+.icon.icon-sound2:before {
+ content: '\f002';
+}
+.icon.icon-sound3:before {
+ content: '\f003';
+}
+.icon.icon-sound4:before {
+ content: '\f004';
+}
+.icon.icon-up:before {
+ content: '\f00e';
+}
diff --git a/dist/ratchicons/ratchicons.eot b/dist/ratchicons/ratchicons.eot
new file mode 100644
index 0000000..91be5ac
Binary files /dev/null and b/dist/ratchicons/ratchicons.eot differ
diff --git a/dist/ratchicons/ratchicons.svg b/dist/ratchicons/ratchicons.svg
new file mode 100644
index 0000000..c6a13c2
--- /dev/null
+++ b/dist/ratchicons/ratchicons.svg
@@ -0,0 +1,25 @@
+
+
+
\ No newline at end of file
diff --git a/dist/ratchicons/ratchicons.ttf b/dist/ratchicons/ratchicons.ttf
new file mode 100644
index 0000000..fd996ed
Binary files /dev/null and b/dist/ratchicons/ratchicons.ttf differ
diff --git a/dist/ratchicons/ratchicons.woff b/dist/ratchicons/ratchicons.woff
new file mode 100644
index 0000000..6b72488
Binary files /dev/null and b/dist/ratchicons/ratchicons.woff differ
diff --git a/examples/app-default/index.html b/examples/app-default/index.html
index 6e42e9e..8ea03db 100644
--- a/examples/app-default/index.html
+++ b/examples/app-default/index.html
@@ -31,19 +31,19 @@
-
-
+
Movies
-
-
+
Theaters
-
-
+
Settings
diff --git a/lib/sass/ratchet.scss b/lib/sass/ratchet.scss
index c756858..3b38a00 100644
--- a/lib/sass/ratchet.scss
+++ b/lib/sass/ratchet.scss
@@ -1,7 +1,6 @@
// Variables
@import "variables.scss";
-
// Normalize & Base CSS
@import "normalize.scss";
@import "base.scss";
@@ -21,3 +20,6 @@
@import "sliders.scss";
@import "toggles.scss";
@import "push.scss";
+
+// Ratchicons
+@import "ratchicons.scss";
diff --git a/lib/sass/ratchicons.scss b/lib/sass/ratchicons.scss
new file mode 100644
index 0000000..cbf9600
--- /dev/null
+++ b/lib/sass/ratchicons.scss
@@ -0,0 +1,37 @@
+//
+// Ratchicons
+// --------------------------------------------------
+
+@font-face {
+ font-family: "Ratchicons";
+ src: url("ratchicons/ratchicons.eot");
+ src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"),
+ url("ratchicons/ratchicons.woff") format("woff"),
+ url("ratchicons/ratchicons.ttf") format("truetype"),
+ url("ratchicons/ratchicons.svg#svgFontName") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+.icon {
+ display: inline-block;
+ font-family: "Ratchicons", sans-serif;
+ text-decoration: none;
+ line-height: 1;
+ cursor: default;
+ -webkit-font-smoothing: antialiased;
+
+ &.icon-down:before { content: '\f00b'}
+ &.icon-download:before { content: '\f005'}
+ &.icon-left:before { content: '\f00c'}
+ &.icon-list:before { content: '\f008'}
+ &.icon-pages:before { content: '\f000'}
+ &.icon-refresh:before { content: '\f009'}
+ &.icon-right:before { content: '\f00d'}
+ &.icon-search:before { content: '\f007'}
+ &.icon-share:before { content: '\f00a'}
+ &.icon-sound:before { content: '\f001'}
+ &.icon-sound2:before { content: '\f002'}
+ &.icon-sound3:before { content: '\f003'}
+ &.icon-sound4:before { content: '\f004'}
+ &.icon-up:before { content: '\f00e'}
+}
\ No newline at end of file