{{--
    Pictos des options de l'index (cintrage, decoupe, maconnerie), dessines
    une fois ici et repris sur chaque ligne par <use href="#ico-...">. En
    couleur et en relief plutot que les icones Bootstrap : on les reconnait
    d'un coup d'oeil dans une liste de cent lignes, sans lire l'infobulle.

    Le conteneur n'est pas en display:none : les degrades definis dedans ne
    s'afficheraient plus dans les <use>.
--}}
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
    <defs>
        <linearGradient id="ico-alu" x1="0" y1="0" x2="1" y2="1">
            <stop offset="0" stop-color="#f8f9fa"/>
            <stop offset=".5" stop-color="#aeb6bf"/>
            <stop offset="1" stop-color="#dfe3e8"/>
        </linearGradient>
        <linearGradient id="ico-acier" x1="0" y1="0" x2="1" y2="0">
            <stop offset="0" stop-color="#6c757d"/>
            <stop offset=".45" stop-color="#ced4da"/>
            <stop offset="1" stop-color="#495057"/>
        </linearGradient>
        <linearGradient id="ico-tole" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0" stop-color="#ffd43b"/>
            <stop offset="1" stop-color="#f59f00"/>
        </linearGradient>
    </defs>

    {{-- Cintrage : un profile cintre, raye rouge et blanc dans le coude. --}}
    <symbol id="ico-cintrage" viewBox="0 0 32 32">
        <path d="M6 29V20A12 12 0 0 1 18 8H29" fill="none" stroke="#495057" stroke-width="8"/>
        <path d="M6 29V20A12 12 0 0 1 18 8H29" fill="none" stroke="url(#ico-alu)" stroke-width="6"/>
        <path d="M6 20A12 12 0 0 1 18 8" fill="none" stroke="#e03131" stroke-width="6" stroke-dasharray="2.4 2.4"/>
    </symbol>

    {{-- Decoupe : la tete laser tire sur une tole. --}}
    <symbol id="ico-decoupe" viewBox="0 0 32 32">
        <path d="M3 24.5 21 21l8 4-18 3.8z" fill="url(#ico-tole)" stroke="#b35c00" stroke-width=".8" stroke-linejoin="round"/>
        <path d="M7.5 26.2 16 24" fill="none" stroke="#7a3300" stroke-width="1" stroke-dasharray="1.6 1"/>
        <path d="M16 14.5V23" stroke="#ff8787" stroke-width="3" stroke-linecap="round" opacity=".55"/>
        <path d="M16 14.5V23" stroke="#e03131" stroke-width="1.3" stroke-linecap="round"/>
        <circle cx="16" cy="23.6" r="1.8" fill="#fff3bf" stroke="#fd7e14" stroke-width=".8"/>
        <path d="M9.5 2.5h13v7.5l-3.5 4h-6l-3.5-4z" fill="url(#ico-acier)" stroke="#343a40" stroke-width=".8" stroke-linejoin="round"/>
        <rect x="14.2" y="13.3" width="3.6" height="1.8" rx=".5" fill="#343a40"/>
    </symbol>

    {{-- Maconnerie : un parpaing, deux alveoles sur le dessus. --}}
    <symbol id="ico-maconnerie" viewBox="0 0 32 32">
        <g stroke="#5c636a" stroke-width=".8" stroke-linejoin="round">
            <path d="M4 11 16 17v11L4 22z" fill="#c4c9cf"/>
            <path d="M16 17 28 11v11l-12 6z" fill="#9aa1a9"/>
            <path d="M4 11 16 5l12 6-12 6z" fill="#eceff2"/>
            <path d="M8.2 10.7 15.4 7.1l3.2 1.6-7.2 3.6z" fill="#6b7178"/>
            <path d="M13.4 13.3l7.2-3.6 3.2 1.6-7.2 3.6z" fill="#6b7178"/>
        </g>
    </symbol>
</svg>