Logo
Introductie
Een logo-component is een herbruikbaar element op een website of app dat het merklogo toont. Het zorgt voor consistente plaatsing, formaat en stijl van het logo op verschillende pagina’s.
Snelstart
SCSS importeren:
@use "@minvws/manon/components/logo";
Voorbeelden
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cellipse%20class='st0'%20cx='86.03'%20cy='168.58'%20rx='5.72'%20ry='9.23'/%3e%3cpath%20class='st0'%20d='M202.85,0h-40.69c-2.64,0-6.01,1.78-7.5,3.96l-48.62,71.28c-1.03,1.51-1.86,2.83-2.22,3.5-.36-.67-1.19-1.98-2.22-3.5L52.98,3.96c-1.49-2.18-4.86-3.96-7.5-3.96H4.8C2.16,0,0,2.16,0,4.8v199.19c0,2.64,2.16,4.8,4.8,4.8h29.65c2.64,0,4.8-2.16,4.8-4.8v-121.37c0-2.64.21-4.8.47-4.8s1.95,1.57,3.76,3.49l32.37,34.36c1.81,1.92,5.16,2.42,7.46,1.12,0,0,11.17-6.37,20.53-6.37,9.36,0,20.53,6.37,20.53,6.37,2.29,1.31,5.65.8,7.46-1.12l32.37-34.36c1.81-1.92,3.5-3.49,3.76-3.49s.47,2.16.47,4.8v121.37c0,2.64,2.16,4.8,4.8,4.8h29.65c2.64,0,4.8-2.16,4.8-4.8V4.8c0-2.64-2.16-4.8-4.8-4.8Z'/%3e%3cellipse%20class='st0'%20cx='121.61'%20cy='168.58'%20rx='5.72'%20ry='9.23'/%3e%3c/svg%3e)
iCore Open 
Ministerie van Volksgezondheid, Welzijn en Sport 
KAT
<a
href="/"
class="logo"
aria-label="Logo bedrijfs- of product-naam, ga naar de homepage van bedrijfs- of product-naam"
>
<img src="logo.svg" alt="Logo bedrijfs- of product-naam" />
Bedrijfs- of product-naam
</a>