Favicon
Voorbeeld HTML
<img
src="data:image/vnd.microsoft.icon;base64,AAABAAEAICAAAAEAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABzQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf91RBj/dEMX/3NCFf9zQhX/gVUs/599Xv+efF3/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/599Xv+efV3/gFQr/3NCFf9zQhX/dEMX/3VEGP9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3dHG//x7Oj/7Obg//Xx7v/49fP/wqyY/9bIu/9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/18q9/8Crlv/59/X/9fHu/+zm4P/x7Oj/dkYa/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/8Oum//h183/3NDE/7+olP/Xybz/1se6/8Swnf++p5L/u6SO/7Sagv+zmYD/s5mA/7Sagv+7pI7/vqeS/8Swnf/Wx7r/1ce5/8Cqlf/c0MX/4dfN/8Ktmf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3xOJP+lhWn/q45z/5NuS/9zQhX/c0IV/9HBsv/////////////////////////////////////////////////////////////////Ova3/c0IV/3NCFf+Tbkv/q45z/6aGaf97TSP/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/d0gc//Xx7v/h183/oH9g/3NCFf9zQhX/c0IV/4NYMf+Rakf/lG5M/5h0U/+hgGL/poZp/6aGaf+hgGL/mHRT/5RuTP+QaUb/g1cw/3NCFf9zQhX/c0IV/6B/YP/h183/9PDt/3dIHP9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/+vj3/45mQv9zQhX/c0IV/31PJv+ad1b/7efh/+be1v9/Uij/c0IV/5BpRf/e08j/2czA/49oRP9zQhX/gFQr/+jg2P/s5uD/mndW/3xPJf9zQhX/c0IV/49oRP/6+Pb/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3hJHf/r5N3/+Pb0/76ok/96SyD/dEMW/+ri2/+sj3T/lnFQ/39SKP/Qv7D//v7+//7+/v+yln7//fz7/8+/r/9/Uij/lnFQ/66Rd//o4dn/dEMW/3pMIf+/qJT/+Pb0/+rj3P94SR3/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/d0cb/3pMIf/o4Nj//////7Sagv+OZ0P/8Orl/8u5qf93SBz/6+Td/+HWzf++p5L/9PDt/9vOwv/Gs6D/xbGf/+vk3f94SR3/zbyr/+/q5P+OZkL/tZuD///////o4Nj/ekwh/3dHG/9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf+Ubkz/1se6//Dr5v//////uJ+I///////49fP/oYBi/4ZcNf//////+ff1/7ylj//m3tb/08S2/517XP/Xybz//////4ddNv+igmT/+ff1//////+4n4n///////Dr5v/WyLv/lG5M/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/6+Uev97TSP/poZp///////UxLf/qIlt/4NYMf90Qxb/v6mV///////m3tb/xrKg/4ZcNf+ukXf/poZp/93Rxv//////v6mV/3RDFv+FWjL/p4hs/9TFt///////poZp/3xOJP+vlHr/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/ekwh/62Qdf95Sh//8Orl///////r5N3/xLCd/93Rxv/f1Mr/7ujj/5FqR/+4n4n/vqeS/31QJv/h1s3/ybak///////f1Mr/3NDF/8SvnP/r5N7///////Dq5f94SR7/rZF2/3pMIf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9+USf/k21K/4ddNv+mhmn/rpF3/8Otmv/Luaj/qIlt/4ZbNP/9/fz/6uLb/+jg2P+qjHH/p4hr/+Ta0f+9ppH/5dvT/4VaM/+pi2//y7mo/8Otmv+sj3T/o4Jl/4ddNv+SbEn/flEn/3NCFf9zQhX/c0IV/3NCFf9zQhX/vaaR/9vPw/+6oov/i2I8/9XHuf////////////Pv6/91RRn/hls0//z7+f+4n4n/xbCe/72mkf98TyX/tJqC/+3n4f/8+/r/hVoz/3dHG//z7+v////////////SwrT/imA7/7qijP/bz8P/vaaR/3NCFf9zQhX/c0IV/3NCFf+AVCv/c0IV/3NCFf+igmT////////////8+/r/u6ON/7ylj/+SbEj//////9LCtP/azcL/08S2/4FVLP+vlHr/u6ON//Xx7v+Ra0f/vKWP/76ok//9/fz///////////+ffV7/c0IV/3NCFf+BVSz/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/dEMW/9PDtf//////7efi/5RuTP+AUyr/tZuD/+rj3P/s5uD/ybak/8ayoP/49vT/s5mA/8KsmP/t5+H//Pv6/+rj3P+0mYH/f1Ip/5ZxUP/v6eP//////9C/sP90Qxb/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/w66b///////z7+v/sJR7/5p3Vv94SR3/pIVo/5NtSv+bd1f/wqyY/868rP/OvKz/wqyY/7OYf/+ZdVT/pIRn/3hJHv+ad1b/r5R6//Xx7v//////wKuW/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf+SbEn/28/D//Lt6f++p5L/dEMW/3NCFf9zQhX/c0IV/7CUe/+5oIr/rpF3/66SeP+5oYr/sJR7/3NCFf9zQhX/c0IV/3RDFv/Aq5b/8u3p/9zQxP+Rakf/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf+BVSz/fU8m/3NCFf9zQhX/c0IV/3NCFf9/Uin/59/Y//z7+v////////////z7+v/n3tf/f1Ip/3NCFf9zQhX/c0IV/3NCFf9/Uin/gVUs/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/7OZgP+ffV7/5dzU/6yOdP+rjnP/5dvT/599Xv+yl3//c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf93Rxv/zLqq/6+Uev+sj3T/p4hr/6aHav+sj3T/rpF3/8u5qf92Rhv/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf+EWTH/w66b/7Wbg/+igWP/oYBh/7Wbg//CrZn/g1gx/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf93SBz/fU8m/7KXf/+vlHr/fVAm/3dIHP9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/o4Nm/6GAYf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf+BVSz/f1Ip/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/c0IV/3NCFf9zQhX/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="
class="rvo-favicon"
/>
Favicon
Een favicon wordt in de browser naast de titel van de website in een tabblad getoond.
Wanneer gebruik je een favicon
Een favicon is een verplicht onderdeel van elke website of applicatie van RVO.
Anatomie van een favicon
Een favicon bestaat uit:
- Code die geplaatst wordt in de head van de website of applicatie
- favicon.ico afbeelding
- icon.svg afbeelding
- apple-touch-icon.png
- icon-192.png
- icon-512.png
- webmanifest.manifest bestand
Richtlijnen
- De favicon is een standaardonderdeel van elke website of applicatie zodat deze herkenbaar is voor de gebruiker
- Gebruik bijgeleverde bestanden en formaten. Maak zelf geen (extra) afbeeldingen aan
Rijkshuisstijl
De Rijkshuisstijl richtlijnen zijn aangehouden en uitgebreid met een svg icoon, apple touch icoon en iconen voor progressive web applications.