Kimlik · Favicon

Sekme simgesi

Tarayıcı sekmesinde ve yer imlerinde duran küçük simge. Kurumun arması, iki boyutta.

CSS: gerekmiyor
JavaScript: gerekmiyor
React: gerekmiyor
Vue: gerekmiyor

Örnekler

İki boyut Canlı örnek

<link rel="icon" href="/favicon.svg" type="image/svg+xml">

HTML kodunu göster

<div class="trds-u-satir">
  <img src="/trds/e-devlet-isaret.png" alt="" width="32" height="32">
  <img src="/trds/e-devlet-isaret.png" alt="" width="64" height="64">
  <code class="trds-kod">&lt;link rel="icon" href="/favicon.svg" type="image/svg+xml"&gt;</code>
</div>

Ne zaman kullanılır

Her sitede kullanın. 32×32 ve 180×180 piksel. SVG de eklenir.
Simge kurumun kendi armasıdır. Bayrak tek başına kullanılmaz.

Erişilebilirlik

Sekme simgesi bir bilgi taşımaz. Sayfa başlığı taşır. <title> kurum adıyla biter.

Karşılanan WCAG 2.2 ölçütleri 2.4.2

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: KR.