APA Component Library

Header Search 

<div>
    <a href="#" class="inline-flex bg-gray-600 p-5 lg:p-7 aspect-square">
        <span class="block scale-120">

            <span class="inline-flex items-center w-6 h-6  stroke-white   ">
                <svg class="w-10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
                    <style type="text/css">
                        .red-svg {
                            fill: none;
                            stroke-width: 12px;
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            stroke-miterlimit: 10;
                        }
                    </style>
                    <g>
                        <path class="red-svg" d="M56.09669,177.27364c-18.35368,0-33.37032-15.01665-33.37032-33.37033" />
                        <path class="red-svg" d="M177.27364,143.90331c0,18.35368-15.01665,33.37033-33.37033,33.37033" />
                        <path class="red-svg" d="M143.90331,22.72637c18.35368,0,33.37033,15.01664,33.37033,33.37032" />
                        <path class="red-svg" d="M22.72637,56.09669c0-18.35368,15.01664-33.37032,33.37032-33.37032" />
                        <circle class="red-svg" cx="98.2375" cy="94.95036" r="34.59236" />
                        <line class="red-svg" x1="123.56695" y1="118.49943" x2="147.69177" y2="142.62425" />
                    </g>
                </svg>
            </span>

        </span>
    </a>
</div>
 
<div>
    <a href="#" class="inline-flex bg-gray-600 p-5 lg:p-7 aspect-square">
        <span class="block scale-120">
            {% render "@icon" with {
                name: 'search-square-red',
                size: 'md',
                strokeColor: "stroke-white"
            } %}
        </span>
    </a>
</div>
 
/* No context defined. */

No notes defined.