mdi icon size and color

1<div class="input-group">
2    <input type="text" class="form-control" placeholder="Search...">
3    <span class="input-group-btn">
4        <button class="btn btn-default" type="button" aria-label="Search">
5            <i class="mdi mdi-magnify" aria-hidden="true"></i>
6        </button>
7    </span>
8</div>

1<div class="input-group">
2    <span class="input-group-addon">
3        <i class="mdi mdi-tag" aria-hidden="true"></i>
4    </span>
5    <input type="text" class="form-control" aria-label="Tag">
6</div>

1<button type="button" class="btn btn-default" aria-label="Profile">
2    <i class="mdi mdi-account" aria-hidden="true"></i>
3</button>
4<button type="button" class="btn btn-default" aria-label="Flask">
5    <i class="mdi mdi-flask" aria-hidden="true"></i>
6    btn
7</button>

1<ol class="breadcrumb">
2    <li>
3        <a href="#">
4            <i class="mdi mdi-home-modern" aria-hidden="true"</i>
5            <span>Home</span>
6        </a>
7    </li>
8    ...
9</ol>

1<div class="btn-toolbar" role="toolbar">
2   <div class="btn-group">
3        <button type="button"
4                class="btn btn-default"
5                aria-label="Left Align">
6            <i class="mdi mdi-format-align-left"
7               aria-hidden="true"></i>
8        </button>
9        ...
10    </div>
11</div>

1<div class="alert alert-danger" role="alert">
2    <span class="mdi mdi-alert-circle" aria-hidden="true"></span>
3    <span class="sr-only">Error:</span>
4    Enter a valid email address
5</div>

1<ul class="nav nav-tabs">
2    <li role="presentation" class="active">
3        <a href="#">
4            <i class="mdi mdi-home-modern" aria-hidden="true"></i>
5            Home
6            <span class="sr-only"> (current)</span>
7        </a>
8    </li>
9    ...
10</ul>