diff --git a/docs/app/img/icons/ic_card_giftcard_24px.svg b/docs/app/img/icons/ic_card_giftcard_24px.svg
new file mode 100644
index 00000000000..c134fa3df87
--- /dev/null
+++ b/docs/app/img/icons/ic_card_giftcard_24px.svg
@@ -0,0 +1,4 @@
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"/>
+    <path d="M0 0h24v24H0z" fill="none"/>
+</svg>
diff --git a/docs/app/img/icons/ic_euro_24px.svg b/docs/app/img/icons/ic_euro_24px.svg
new file mode 100644
index 00000000000..abaadd4c68d
--- /dev/null
+++ b/docs/app/img/icons/ic_euro_24px.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Desktop-HD" sketch:type="MSArtboardGroup" fill="#000000">
+            <g id="euro" sketch:type="MSLayerGroup" transform="translate(4.928571, 3.000000)">
+                <path d="M13.3295171,13.848956 C12.7717614,14.1408877 11.5268981,14.5372503 10.3117026,14.5372503 C8.98732947,14.5372503 7.74127945,14.1408877 6.89515215,13.1855827 C6.49641614,12.7381914 6.20567113,12.1258468 6.0205437,11.3319349 L12.6685173,11.3319349 L12.6685173,9.45217947 L5.65147555,9.45217947 L5.65147555,9.02852246 C5.65147555,8.73659074 5.65147555,8.47432688 5.67639655,8.20731616 L12.669704,8.20731616 L12.669704,6.32756069 L6.07513256,6.32756069 C6.26263342,5.63926639 6.52371057,5.03048195 6.92363329,4.60682495 C7.74246616,3.62541221 8.91019304,3.17564749 10.1550564,3.17564749 C11.3168497,3.17564749 12.4311744,3.52098135 13.1194687,3.81172636 L13.8587917,0.793911872 C12.9046734,0.371441579 11.4770561,0 9.88685892,0 C7.3722113,0 5.25273954,1.00514702 3.77172009,2.7282562 C2.92559278,3.68118779 2.2634062,4.89994338 1.94418005,6.32874741 L0.168855444,6.32874741 L0.168855444,8.20731616 L1.65343504,8.20731616 C1.65343504,8.47432688 1.62614062,8.73777745 1.62614062,9.00241475 L1.62614062,9.45217947 L0.168855444,9.45217947 L0.168855444,11.3331216 L1.89196462,11.3331216 C2.1304942,12.7393781 2.65858206,13.8750637 3.37417079,14.7745931 C4.85875039,16.7338585 7.21319158,17.7935943 9.83345677,17.7935943 C11.5292715,17.7935943 13.0660666,17.2904275 13.965596,16.789634 L13.3295171,13.848956 L13.3295171,13.848956 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/components/input/demoIcons/index.html b/src/components/input/demoIcons/index.html
index 19caf98deff..bf8f4a82a28 100644
--- a/src/components/input/demoIcons/index.html
+++ b/src/components/input/demoIcons/index.html
@@ -3,7 +3,7 @@
   <br/>
   <md-content layout-padding class="autoScroll">
 
-    <md-input-container class="md-icon-float" >
+    <md-input-container class="md-icon-float">
       <!-- Use floating label instead of placeholder -->
       <label>Name</label>
       <md-icon md-svg-src="img/icons/ic_person_24px.svg" class="name"></md-icon>
@@ -26,6 +26,13 @@
       <input ng-model="user.address" type="text" placeholder="Address" >
     </md-input-container>
 
+    <md-input-container class="md-icon-float md-icon-right">
+      <label>Donation Amount</label>
+      <md-icon md-svg-src="img/icons/ic_card_giftcard_24px.svg"></md-icon>
+      <input ng-model="user.donation" type="number" step="0.01">
+      <md-icon md-svg-src="img/icons/ic_euro_24px.svg"></md-icon>
+    </md-input-container>
+
   </md-content>
 
 </div>
diff --git a/src/components/input/demoIcons/script.js b/src/components/input/demoIcons/script.js
index d52f88ed8a0..5c74bc1e573 100644
--- a/src/components/input/demoIcons/script.js
+++ b/src/components/input/demoIcons/script.js
@@ -5,6 +5,7 @@ angular
       name: 'John Doe',
       email: '',
       phone: '',
-      address: 'Mountain View, CA'
+      address: 'Mountain View, CA',
+      donation: 19.99
     };
   });
diff --git a/src/components/input/input.scss b/src/components/input/input.scss
index 3f60f78cc65..e4f1cb2d793 100644
--- a/src/components/input/input.scss
+++ b/src/components/input/input.scss
@@ -308,6 +308,17 @@ md-input-container.md-icon-float {
 
 }
 
+md-input-container.md-icon-right {
+  input {
+    margin-right: $icon-offset;
+    + md-icon {
+      top: 26px;
+      right: 2px;
+      margin-right: 0;
+    }
+  }
+}
+
 @media screen and (-ms-high-contrast: active) {
   md-input-container.md-default-theme > md-icon {
     fill: #fff;