<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Font Awesome 4.1 – Liste fournie</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">

    <style>
        body { font-family: Arial, sans-serif; }
        .icon-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 10px;
        }
        .icon-box {
            border: 1px solid #ddd;
            padding: 8px;
            font-size: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .icon-box i {
            font-size: 18px;
            width: 24px;
            text-align: center;
        }
        h2 { margin-top: 30px; }
    </style>
</head>
<body>

<h1>Font Awesome 4.1 – Icônes (liste fournie)</h1>

<div class="icon-grid">
    <i class="fa fa-automobile icon-box"></i>fa-automobile<br>
    <i class="fa fa-bank icon-box"></i>fa-bank<br>
    <i class="fa fa-behance icon-box"></i>fa-behance<br>
    <i class="fa fa-behance-square icon-box"></i>fa-behance-square<br>
    <i class="fa fa-bomb icon-box"></i>fa-bomb<br>
    <i class="fa fa-building icon-box"></i>fa-building<br>
    <i class="fa fa-cab icon-box"></i>fa-cab<br>
    <i class="fa fa-car icon-box"></i>fa-car<br>
    <i class="fa fa-child icon-box"></i>fa-child<br>
    <i class="fa fa-circle-o-notch icon-box"></i>fa-circle-o-notch<br>
    <i class="fa fa-circle-thin icon-box"></i>fa-circle-thin<br>
    <i class="fa fa-codepen icon-box"></i>fa-codepen<br>
    <i class="fa fa-cube icon-box"></i>fa-cube<br>
    <i class="fa fa-cubes icon-box"></i>fa-cubes<br>
    <i class="fa fa-database icon-box"></i>fa-database<br>
    <i class="fa fa-delicious icon-box"></i>fa-delicious<br>
    <i class="fa fa-deviantart icon-box"></i>fa-deviantart<br>
    <i class="fa fa-digg icon-box"></i>fa-digg<br>
    <i class="fa fa-drupal icon-box"></i>fa-drupal<br>
    <i class="fa fa-empire icon-box"></i>fa-empire<br>
    <i class="fa fa-envelope-square icon-box"></i>fa-envelope-square<br>
    <i class="fa fa-fax icon-box"></i>fa-fax<br>
    <i class="fa fa-file-archive-o icon-box"></i>fa-file-archive-o<br>
    <i class="fa fa-file-audio-o icon-box"></i>fa-file-audio-o<br>
    <i class="fa fa-file-code-o icon-box"></i>fa-file-code-o<br>
    <i class="fa fa-file-excel-o icon-box"></i>fa-file-excel-o<br>
    <i class="fa fa-file-image-o icon-box"></i>fa-file-image-o<br>
    <i class="fa fa-file-movie-o icon-box"></i>fa-file-movie-o<br>
    <i class="fa fa-file-pdf-o icon-box"></i>fa-file-pdf-o<br>
    <i class="fa fa-file-photo-o icon-box"></i>fa-file-photo-o<br>
    <i class="fa fa-file-picture-o icon-box"></i>fa-file-picture-o<br>
    <i class="fa fa-file-powerpoint-o icon-box"></i>fa-file-powerpoint-o<br>
    <i class="fa fa-file-sound-o icon-box"></i>fa-file-sound-o<br>
    <i class="fa fa-file-video-o icon-box"></i>fa-file-video-o<br>
    <i class="fa fa-file-word-o icon-box"></i>fa-file-word-o<br>
    <i class="fa fa-file-zip-o icon-box"></i>fa-file-zip-o<br>
    <i class="fa fa-ge icon-box"></i>fa-ge<br>
    <i class="fa fa-git icon-box"></i>fa-git<br>
    <i class="fa fa-git-square icon-box"></i>fa-git-square<br>
    <i class="fa fa-google icon-box"></i>fa-google<br>
    <i class="fa fa-graduation-cap icon-box"></i>fa-graduation-cap<br>
    <i class="fa fa-hacker-news icon-box"></i>fa-hacker-news<br>
    <i class="fa fa-header icon-box"></i>fa-header<br>
    <i class="fa fa-history icon-box"></i>fa-history<br>
    <i class="fa fa-institution icon-box"></i>fa-institution<br>
    <i class="fa fa-joomla icon-box"></i>fa-joomla<br>
    <i class="fa fa-jsfiddle icon-box"></i>fa-jsfiddle<br>
    <i class="fa fa-language icon-box"></i>fa-language<br>
    <i class="fa fa-life-bouy icon-box"></i>fa-life-bouy<br>
    <i class="fa fa-life-ring icon-box"></i>fa-life-ring<br>
    <i class="fa fa-life-saver icon-box"></i>fa-life-saver<br>
    <i class="fa fa-mortar-board icon-box"></i>fa-mortar-board<br>
    <i class="fa fa-openid icon-box"></i>fa-openid<br>
    <i class="fa fa-paper-plane icon-box"></i>fa-paper-plane<br>
    <i class="fa fa-paper-plane-o icon-box"></i>fa-paper-plane-o<br>
    <i class="fa fa-paragraph icon-box"></i>fa-paragraph<br>
    <i class="fa fa-paw icon-box"></i>fa-paw<br>
    <i class="fa fa-pied-piper icon-box"></i>fa-pied-piper<br>
    <i class="fa fa-pied-piper-alt icon-box"></i>fa-pied-piper-alt<br>
    <i class="fa fa-pied-piper-square icon-box"></i>fa-pied-piper-square<br>
    <i class="fa fa-qq icon-box"></i>fa-qq<br>
    <i class="fa fa-ra icon-box"></i>fa-ra<br>
    <i class="fa fa-rebel icon-box"></i>fa-rebel<br>
    <i class="fa fa-recycle icon-box"></i>fa-recycle<br>
    <i class="fa fa-reddit icon-box"></i>fa-reddit<br>
    <i class="fa fa-reddit-square icon-box"></i>fa-reddit-square<br>
    <i class="fa fa-send icon-box"></i>fa-send<br>
    <i class="fa fa-send-o icon-box"></i>fa-send-o<br>
    <i class="fa fa-share-alt icon-box"></i>fa-share-alt<br>
    <i class="fa fa-share-alt-square icon-box"></i>fa-share-alt-square<br>
    <i class="fa fa-slack icon-box"></i>fa-slack<br>
    <i class="fa fa-sliders icon-box"></i>fa-sliders<br>
    <i class="fa fa-soundcloud icon-box"></i>fa-soundcloud<br>
    <i class="fa fa-space-shuttle icon-box"></i>fa-space-shuttle<br>
    <i class="fa fa-spoon icon-box"></i>fa-spoon<br>
    <i class="fa fa-spotify icon-box"></i>fa-spotify<br>
    <i class="fa fa-steam icon-box"></i>fa-steam<br>
    <i class="fa fa-steam-square icon-box"></i>fa-steam-square<br>
    <i class="fa fa-stumbleupon icon-box"></i>fa-stumbleupon<br>
    <i class="fa fa-stumbleupon-circle icon-box"></i>fa-stumbleupon-circle<br>
    <i class="fa fa-support icon-box"></i>fa-support<br>
    <i class="fa fa-taxi icon-box"></i>fa-taxi<br>
    <i class="fa fa-tencent-weibo icon-box"></i>fa-tencent-weibo<br>
    <i class="fa fa-tree icon-box"></i>fa-tree<br>
    <i class="fa fa-university icon-box"></i>fa-university<br>
    <i class="fa fa-vine icon-box"></i>fa-vine<br>
    <i class="fa fa-wechat icon-box"></i>fa-wechat<br>
    <i class="fa fa-weixin icon-box"></i>fa-weixin<br>
    <i class="fa fa-wordpress icon-box"></i>fa-wordpress<br>
    <i class="fa fa-yahoo icon-box"></i>fa-yahoo<br>
</div>

</body>
</html>
