header Kodu
<a target="_blank" rel="nofollow" class="ktb-logo">
<span class="icon"></span>
<span class="icon icon-red"></span>
</a>
<a href="index.html" class="logo">
<span class="icon"></span>
</a>
css kodu
.logo{float:left;position:relative;height:84px;padding-left:94px;display:table;margin-top:33px;color:#fff;width:228px}.header .logo .icon{position:absolute;left:0;top:0;width:84px;height:84px;background-position:0 0;background-image:url(../Elements/img/logo.svg);background-size:cover;transition:all .3s cubic-bezier(.77,0,.175,1)}.header .logo .text{display:table-cell;vertical-align:middle;height:100%;width:100%;font-size:14px;font-weight:600}.header .ktb-logo{float:left;width:84px;height:84px;margin-right:10px;margin-top:33px;position:relative}.header .ktb-logo .icon{position:absolute;left:0;top:0;width:84px;height:84px;background-image:url(../Elements/img/ktb-logo.svg);background-position:center;background-size:cover;opacity:1;transition:all .3s cubic-bezier(.77,0,.175,1)}.header .ktb-logo .icon.icon-red{opacity:0;background-image:url(../Elements/img/ktb-logo-red.svg)}.fixedHeader .header .ktb-logo,.nobanner .header .ktb-logo{margin-top:13px}.fixedHeader .header .ktb-logo .icon,.nobanner .header .ktb-logo .icon,.header.hover .ktb-logo .icon{opacity:0}.fixedHeader .header .ktb-logo .icon.icon-red,.nobanner .header .ktb-logo .icon.icon-red,.header.hover .ktb-logo .icon.icon-red{opacity:1}.header .nav{float:right;text-align:center;line-height:0;font-size:0;height:100%;height:150px;max-width:1030px}.header
CSS kodlaması içerisinde bulunuyor logo oraya gömülmüş
background-image:url(../Elements/img/logo.svg), background-image:url(../Elements/img/ktb-logo.svg), background-image:url(../Elements/img/ktb-logo-red.svg) bu 3 logo resmini incelemenizi istiyorum benim anladığım 1 olan logo, 2 olanlarda logoya aksiyon işlemleri verilmiş aksiyon sonrası o resimlerle değişmesi için eklenmiş.