Materialize: Add Icon-Buttons

Created on 12 Dec 2014  路  11Comments  路  Source: Dogfalo/materialize

Icon-Button would be very nice!

I have found this - maybe as a starting-point:
http://codepen.io/ragingwind/pen/vnHEw

enhancement
Source
picture ottigerb
👍5

All 11 comments

+1
Icons

lukaspijak picture lukaspijak on 10 Feb 2015

+1

RaSeR picture RaSeR on 11 Feb 2015

+1
https://material.angularjs.org/#/demo/material.components.button

larikitty picture larikitty on 19 Apr 2015

+1

Riuujin picture Riuujin on 17 Jun 2015

+1

vpedrosa picture vpedrosa on 9 Aug 2015

+1

cnorthfield picture cnorthfield on 10 May 2016

+1

fega picture fega on 11 Nov 2016

Wait, is this still valid? I mean this

<a class="btn btn-floating btn-flat"><i class="material-icons">close</i></a>

essentially does what this issue is referring to, no?

yanickrochon picture yanickrochon on 24 Nov 2016

This looks a little better to me in my layout:

<a class="btn-flat right waves-circle"><i class="material-icons">close</i></a>

lonniev picture lonniev on 17 Jan 2017

Please close this issue.
Try this https://codepen.io/tomscholz/pen/XMrBJe

tomscholz picture tomscholz on 22 Feb 2017
👎2 👍1

The proposed solution is a bit of a hack. An icon-button is not a FAB, and should have separate styles defined. The default style for an icon button should be flat and, color should not be explicitly set to white.

bendavis78 picture bendavis78 on 22 May 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

samybob1 picture samybob1  路  3Comments
MickaelH974 picture MickaelH974  路  3Comments
Robouste picture Robouste  路  3Comments
lpgeiger picture lpgeiger  路  3Comments
ruslandzhumaev picture ruslandzhumaev  路  3Comments