<p dir="auto">I think its pretty standard for material design. Can we add the ability to put icons on the left or right hand side of a text field?<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/11220243/12538214/d611976a-c299-11e5-93f9-fdac48aa5a38.png"><img width="873" alt="screen shot 2016-01-24 at 12 55 58 pm" src="https://cloud.githubusercontent.com/assets/11220243/12538214/d611976a-c299-11e5-93f9-fdac48aa5a38.png" style="max-width: 100%;"></a></p>
<p dir="auto">As referenced in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="120873556" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/2416" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/2416/hovercard" href="https://github.com/mui/material-ui/issues/2416">#2416</a>, we currently don't have a way to add a left icon to the Text Field component. I'd like to work on a PR for this.</p>
<p dir="auto">TextField would be called like<code class="notranslate">&lt;TextField icon={icon} /&gt;</code> and would render the icon on the left side in the textField before the input.</p>