By Espina Studio

Overview

We use a container for logos which guarantee the logo image will keep its proportions and accessibility.

Demo

Logo

HTML
CSS

<!-- LOGO -->
    <a href="./" class="logo d-flex">
        <svg class="header-logo my-auto" aria-hidden="true" role="icon">
            <use href="#header-logo" xlink:href="#header-logo"></use>
        </svg>
    </a>
<!-- END: LOGO -->

Rules

A logo should always have a <a> tag that redirects to the home page.

Logo image should always be an SVG file.

Back to

Overview
Demo
Rules

Copied to clipboard