Mdi icon size and color

<div class="input-group">
    <input type="text" class="form-control" placeholder="Search...">
    <span class="input-group-btn">
        <button class="btn btn-default" type="button" aria-label="Search">
            <i class="mdi mdi-magnify" aria-hidden="true"></i>
        </button>
    </span>
</div>

Source: materialdesignicons.com

Mdi icon size and color

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

Source: materialdesignicons.com

Mdi icon size and color

<ul class="nav nav-tabs">
    <li role="presentation" class="active">
        <a href="#">
            <i class="mdi mdi-home-modern" aria-hidden="true"></i>
            Home
            <span class="sr-only"> (current)</span>
        </a>
    </li>
    ...
</ul>

Source: materialdesignicons.com

Mdi icon size and color

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

Source: materialdesignicons.com

Mdi icon size and color

<button type="button" class="btn btn-default" aria-label="Profile">
    <i class="mdi mdi-account" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-default" aria-label="Flask">
    <i class="mdi mdi-flask" aria-hidden="true"></i>
    btn
</button>

Source: materialdesignicons.com

Mdi icon size and color

<ol class="breadcrumb">
    <li>
        <a href="#">
            <i class="mdi mdi-home-modern" aria-hidden="true"</i>
            <span>Home</span>
        </a>
    </li>
    ...
</ol>

Source: materialdesignicons.com

Mdi icon size and color

<div class="btn-toolbar" role="toolbar">
   <div class="btn-group">
        <button type="button"
                class="btn btn-default"
                aria-label="Left Align">
            <i class="mdi mdi-format-align-left"
               aria-hidden="true"></i>
        </button>
        ...
    </div>
</div>

Source: materialdesignicons.com

Similar codes

5 votes121 views2 answers
Sessionnotcreatedexception: message: session not created: this version of chromedriver only supports chrome version 81
Html
35 votes112 views1 answer
How to make a divide sign in html
Html
-1 vote121 views2 answers
Scrape beautifulsoup python html attribute value
Html
0 vote104 views1 answer
Equal symbol expected spring form
Html
0 vote171 views3 answers
How to load html code in web browser in c# vs
Html
-2 votes115 views1 answer
Resetting canvas html
Html
0 vote103 views1 answer
Country code for continents
Html
59 votes110 views2 answers
Html round border
Html
1 vote101 views1 answer
Convert element to html string
Html
2 votes114 views1 answer
Bootstrap 5 select
Html