Skip to content

Commit 773f33c

Browse files
author
Federico Zivolo
committed
Added support for Material icons.
1 parent df8b8d9 commit 773f33c

14 files changed

Lines changed: 2823 additions & 3 deletions

README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,18 @@ Remember to use the proper HTML markup to get radio and checkboxes styled correc
6767
Option one is this
6868
</label>
6969
</div>
70+
71+
### Icons:
72+
73+
Material Design for Bootstrap includes 490 original Material Design icons!
74+
These icons are extracted from the original Google sources and are licensed under BSD license.
75+
Them are provided as an iconic font easy to use.
76+
77+
Variations are available for every icon, included for the original Bootstrap icons.
78+
79+
The syntax to add a Material icon is:
80+
81+
<i class="icon icon-material-favorite"></i>
7082

7183
# Plugins
7284

css-compiled/material.css

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1659,6 +1659,76 @@ fieldset[disabled] .navbar .btn-link:focus {
16591659
.tooltip.bottom .tooltip-arrow {
16601660
border-bottom-color: #323232;
16611661
}
1662+
.icon,
1663+
.icon-default {
1664+
color: #4d4d4d;
1665+
}
1666+
.icon-primary {
1667+
color: #4285f4;
1668+
}
1669+
.icon-success {
1670+
color: #0f9d58;
1671+
}
1672+
.icon-info {
1673+
color: #03a9f4;
1674+
}
1675+
.icon-warning {
1676+
color: #ff5722;
1677+
}
1678+
.icon-danger {
1679+
color: #f44336;
1680+
}
1681+
.icon-material-red {
1682+
color: #f44336;
1683+
}
1684+
.icon-material-pink {
1685+
color: #e91e63;
1686+
}
1687+
.icon-material-purple {
1688+
color: #9c27b0;
1689+
}
1690+
.icon-material-deeppurple {
1691+
color: #673ab7;
1692+
}
1693+
.icon-material-indigo {
1694+
color: #3f51b5;
1695+
}
1696+
.icon-material-lightblue {
1697+
color: #03a9f4;
1698+
}
1699+
.icon-material-cyan {
1700+
color: #00bcd4;
1701+
}
1702+
.icon-material-teal {
1703+
color: #009688;
1704+
}
1705+
.icon-material-lightgreen {
1706+
color: #8bc34a;
1707+
}
1708+
.icon-material-lime {
1709+
color: #cddc39;
1710+
}
1711+
.icon-material-lightyellow {
1712+
color: #ffeb3b;
1713+
}
1714+
.icon-material-orange {
1715+
color: #ff9800;
1716+
}
1717+
.icon-material-deeporange {
1718+
color: #ff5722;
1719+
}
1720+
.icon-material-grey {
1721+
color: #9e9e9e;
1722+
}
1723+
.icon-material-bluegrey {
1724+
color: #607d8b;
1725+
}
1726+
.icon-material-brown {
1727+
color: #795548;
1728+
}
1729+
.icon-material-lightgrey {
1730+
color: #ececec;
1731+
}
16621732
.snackbar {
16631733
background-color: #323232;
16641734
color: #ffffff;

demo/index.html

Lines changed: 693 additions & 3 deletions
Large diffs are not rendered by default.

icons/LICENSE.txt

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
// Copyright (c) 2014 The Polymer Authors. All rights reserved.
2+
//
3+
// Redistribution and use in source and binary forms, with or without
4+
// modification, are permitted provided that the following conditions are
5+
// met:
6+
//
7+
// * Redistributions of source code must retain the above copyright
8+
// notice, this list of conditions and the following disclaimer.
9+
// * Redistributions in binary form must reproduce the above
10+
// copyright notice, this list of conditions and the following disclaimer
11+
// in the documentation and/or other materials provided with the
12+
// distribution.
13+
// * Neither the name of Google Inc. nor the names of its
14+
// contributors may be used to endorse or promote products derived from
15+
// this software without specific prior written permission.
16+
//
17+
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
18+
// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
19+
// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
20+
// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
21+
// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
22+
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
23+
// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
24+
// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
25+
// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26+
// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
27+
// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

icons/fonts/Material-Design.eot

84.2 KB
Binary file not shown.

icons/fonts/Material-Design.svg

Lines changed: 515 additions & 0 deletions
Loading

icons/fonts/Material-Design.ttf

84 KB
Binary file not shown.

0 commit comments

Comments
 (0)