Logo
.c-logo
Show Code
html
<a class="c-logo" href="/">pharma4u</a>Other Logos
Use the base class .c-logo combined with one of the modifier classes below to render specific brand logos.
| Modifier Class | Brand / Accessible Text | Example Usage |
|---|---|---|
.-aporevision | ApoRevision | ApoRevision |
.-medicheck | MediCheck | MediCheck |
.-labxpert | LabXpert | LabXpert` |
.-apobank | Deutsche Apotheker und Ärztebank | Apobank |
.-avoxa | Avoxa | Avoxa |
.-bpdh | BPhD | BPhD |
.-dacnrf | DAC/NRF | DAC/NRF |
.-pharmatechnik | pharmatechnik | pharmatechnik |
.-ravati | Ravati Seminare | Ravati Seminare |
.-studentenclub | Studentenclub | Studentenclub |
Black and White Modifier
Use the modifier .-bw to turn logo into grayscale, colors will be shown only on mouseover.
Show Code
html
<a class="c-logo -avoxa -bw" href="/">Avoxa</a>SVG Logos
'/%3e%3cpath%20class='cls-3'%20d='M36.76,17.82l-6.87,31H34.8l2.09-9.45c1.58,1.57,2.39,2.45,4.53,2.45,3.07,0,5.49-2.28,6.45-6.56L50.37,24c1-4.29-.47-6.57-3.54-6.57-2.44,0-3.81.84-5.89,2.89h-.08l.54-2.45Zm3.84,4.81a6.18,6.18,0,0,1,3.07-1.22c1.31,0,2.2.7,1.52,3.81L43.25,34c-.69,3.1-1.9,3.8-3.21,3.8a3.9,3.9,0,0,1-2.53-1.22L40.6,22.63Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M62.68,33.92c-.6,2.72-1.82,3.85-3.57,3.85s-2.46-1.13-1.86-3.85l1.92-8.66c.6-2.71,1.82-3.85,3.57-3.85s2.46,1.14,1.86,3.85l-1.92,8.66Zm-10.14-.87c-1.14,5.16.08,8.75,5.68,8.75s8.41-3.59,9.55-8.75l1.53-6.91c1.15-5.17-.07-8.76-5.67-8.76S55.22,21,54.08,26.14l-1.54,6.91Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-4'%20d='M75.5,21.85,72.25,36.51c-.8,3.58.88,5.29,4.56,5.29a9.23,9.23,0,0,0,2.5-.26l.94-4.2H78.63c-1.14,0-1.51-.7-1.24-1.93l3-13.56h3.28l.89-4H81.29l1.41-6.34H77.8l-1.41,6.34H73.68l-.9,4Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M90.47,26.48l.28-1.22c.6-2.71,1.81-3.85,3.56-3.85s2.46,1.14,1.86,3.85l-.27,1.22Zm10.41-.34c1.14-5.17-.07-8.76-5.68-8.76S86.8,21,85.65,26.14l-1.53,6.91c-1.15,5.16.07,8.75,5.67,8.75s8.29-3.41,9.48-8.4h-4.9l-.12.52c-.6,2.72-1.81,3.85-3.56,3.85s-2.47-1.13-1.86-3.85l.75-3.41H99.91l1-4.37Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-4'%20d='M120.36,25.87c1-5-.22-8.49-5.73-8.49s-8.41,3.59-9.56,8.76l-1.53,6.91c-1.15,5.16.07,8.75,5.67,8.75s8.41-3.59,9.56-8.75l.13-.61H114l-.33,1.48c-.6,2.72-1.81,3.85-3.56,3.85s-2.47-1.13-1.86-3.85l1.92-8.66c.6-2.71,1.81-3.85,3.56-3.85s2.46,1.14,1.86,3.85l-.13.61Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M128.49,18.16h.82l.86,2.83h1.45l-1-2.89a2.12,2.12,0,0,0,2-1.77c.32-1.44-.48-2-2.14-2H128L126.55,21h1.31l.63-2.83Zm.61-2.78h1.07c1,0,1.31.21,1.17.83s-.54.93-1.5.93h-1.13l.39-1.76Zm-.77,8.22a7.71,7.71,0,0,0,7.38-5.92c.8-3.59-1.54-5.92-4.75-5.92a7.72,7.72,0,0,0-7.38,5.92c-.8,3.61,1.54,5.92,4.75,5.92Zm5.81-5.92a5.91,5.91,0,0,1-5.53,4.68c-2.53,0-4.07-1.95-3.47-4.68A5.89,5.89,0,0,1,130.68,13c2.49,0,4.07,1.94,3.46,4.67Z'%20transform='translate(-0.26%200.11)'/%3e%3cpolygon%20class='cls-5'%20points='12.11%205.71%207.58%200%2025%200%2024%205.71%2012.11%205.71'/%3e%3cpolygon%20class='cls-6'%20points='7.84%209.13%203.01%203.68%200%2020.84%205.79%2020.84%207.84%209.13'/%3e%3c/svg%3e)
'/%3e%3cpath%20class='cls-3'%20d='M36.76,17.82l-6.87,31H34.8l2.09-9.45c1.58,1.57,2.39,2.45,4.53,2.45,3.07,0,5.49-2.28,6.45-6.56L50.37,24c1-4.29-.47-6.57-3.54-6.57-2.44,0-3.81.84-5.89,2.89h-.08l.54-2.45Zm3.84,4.81a6.18,6.18,0,0,1,3.07-1.22c1.31,0,2.2.7,1.52,3.81L43.25,34c-.69,3.1-1.9,3.8-3.21,3.8a3.9,3.9,0,0,1-2.53-1.22L40.6,22.63Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M62.68,33.92c-.6,2.72-1.82,3.85-3.57,3.85s-2.46-1.13-1.86-3.85l1.92-8.66c.6-2.71,1.82-3.85,3.57-3.85s2.46,1.14,1.86,3.85l-1.92,8.66Zm-10.14-.87c-1.14,5.16.08,8.75,5.68,8.75s8.41-3.59,9.55-8.75l1.53-6.91c1.15-5.17-.07-8.76-5.67-8.76S55.22,21,54.08,26.14l-1.54,6.91Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-4'%20d='M75.5,21.85,72.25,36.51c-.8,3.58.88,5.29,4.56,5.29a9.23,9.23,0,0,0,2.5-.26l.94-4.2H78.63c-1.14,0-1.51-.7-1.24-1.93l3-13.56h3.28l.89-4H81.29l1.41-6.34H77.8l-1.41,6.34H73.68l-.9,4Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M90.47,26.48l.28-1.22c.6-2.71,1.81-3.85,3.56-3.85s2.46,1.14,1.86,3.85l-.27,1.22Zm10.41-.34c1.14-5.17-.07-8.76-5.68-8.76S86.8,21,85.65,26.14l-1.53,6.91c-1.15,5.16.07,8.75,5.67,8.75s8.29-3.41,9.48-8.4h-4.9l-.12.52c-.6,2.72-1.81,3.85-3.56,3.85s-2.47-1.13-1.86-3.85l.75-3.41H99.91l1-4.37Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-4'%20d='M120.36,25.87c1-5-.22-8.49-5.73-8.49s-8.41,3.59-9.56,8.76l-1.53,6.91c-1.15,5.16.07,8.75,5.67,8.75s8.41-3.59,9.56-8.75l.13-.61H114l-.33,1.48c-.6,2.72-1.81,3.85-3.56,3.85s-2.47-1.13-1.86-3.85l1.92-8.66c.6-2.71,1.81-3.85,3.56-3.85s2.46,1.14,1.86,3.85l-.13.61Z'%20transform='translate(-0.26%200.11)'/%3e%3cpath%20class='cls-3'%20d='M128.49,18.16h.82l.86,2.83h1.45l-1-2.89a2.12,2.12,0,0,0,2-1.77c.32-1.44-.48-2-2.14-2H128L126.55,21h1.31l.63-2.83Zm.61-2.78h1.07c1,0,1.31.21,1.17.83s-.54.93-1.5.93h-1.13l.39-1.76Zm-.77,8.22a7.71,7.71,0,0,0,7.38-5.92c.8-3.59-1.54-5.92-4.75-5.92a7.72,7.72,0,0,0-7.38,5.92c-.8,3.61,1.54,5.92,4.75,5.92Zm5.81-5.92a5.91,5.91,0,0,1-5.53,4.68c-2.53,0-4.07-1.95-3.47-4.68A5.89,5.89,0,0,1,130.68,13c2.49,0,4.07,1.94,3.46,4.67Z'%20transform='translate(-0.26%200.11)'/%3e%3cpolygon%20class='cls-5'%20points='12.11%205.71%207.58%200%2025%200%2024%205.71%2012.11%205.71'/%3e%3cpolygon%20class='cls-6'%20points='7.84%209.13%203.01%203.68%200%2020.84%205.79%2020.84%207.84%209.13'/%3e%3c/svg%3e)
Show Code
html
<div class="h-flex h-flex-row h-wrap gap-m">
<img src="/resources/images/logos/logo-labxpert.svg" width="140"/>
<img src="/resources/images/logos/logo-medicheck.svg" width="140"/>
<img src="/resources/images/logos/logo-apobank.svg" width="140"/>
<img src="/resources/images/logos/logo-apotec.svg" width="140" />
<img src="/resources/images/logos/logo-apotec-w.svg" width="140" />
<img src="/resources/images/logos/logo-avoxa.svg" width="140" />
<img src="/resources/images/logos/logo-wepa.svg" width="140" />
</div>