contao logo

The same logo in other sets

Use the contao logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M45.4 305c14.4 67.1 26.4 129 68.2 175H34c-18.7 0-34-15.2-34-34V66c0-18.7 15.2-34 34-34h57.7C77.9 44.6 65.6 59.2 54.8 75.6c-45.4 70-27 146.8-9.4 229.4M478 32h-90.2c21.4 21.4 39.2 49.5 52.7 84.1l-137.1 29.3c-14.9-29-37.8-53.3-82.6-43.9c-24.6 5.3-41 19.3-48.3 34.6c-8.8 18.7-13.2 39.8 8.2 140.3c21.1 100.2 33.7 117.7 49.5 131.2c12.9 11.1 33.4 17 58.3 11.7c44.5-9.4 55.7-40.7 57.4-73.2l137.4-29.6c3.2 71.5-18.7 125.2-57.4 163.6H478c18.7 0 34-15.2 34-34V66c0-18.8-15.2-34-34-34"/></svg>

import type { SVGProps } from "react";

export function Fa6BrandsContao(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M45.4 305c14.4 67.1 26.4 129 68.2 175H34c-18.7 0-34-15.2-34-34V66c0-18.7 15.2-34 34-34h57.7C77.9 44.6 65.6 59.2 54.8 75.6c-45.4 70-27 146.8-9.4 229.4M478 32h-90.2c21.4 21.4 39.2 49.5 52.7 84.1l-137.1 29.3c-14.9-29-37.8-53.3-82.6-43.9c-24.6 5.3-41 19.3-48.3 34.6c-8.8 18.7-13.2 39.8 8.2 140.3c21.1 100.2 33.7 117.7 49.5 131.2c12.9 11.1 33.4 17 58.3 11.7c44.5-9.4 55.7-40.7 57.4-73.2l137.4-29.6c3.2 71.5-18.7 125.2-57.4 163.6H478c18.7 0 34-15.2 34-34V66c0-18.8-15.2-34-34-34"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M45.4 305c14.4 67.1 26.4 129 68.2 175H34c-18.7 0-34-15.2-34-34V66c0-18.7 15.2-34 34-34h57.7C77.9 44.6 65.6 59.2 54.8 75.6c-45.4 70-27 146.8-9.4 229.4M478 32h-90.2c21.4 21.4 39.2 49.5 52.7 84.1l-137.1 29.3c-14.9-29-37.8-53.3-82.6-43.9c-24.6 5.3-41 19.3-48.3 34.6c-8.8 18.7-13.2 39.8 8.2 140.3c21.1 100.2 33.7 117.7 49.5 131.2c12.9 11.1 33.4 17 58.3 11.7c44.5-9.4 55.7-40.7 57.4-73.2l137.4-29.6c3.2 71.5-18.7 125.2-57.4 163.6H478c18.7 0 34-15.2 34-34V66c0-18.8-15.2-34-34-34"/></svg>
</template>

.icon-contao {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M45.4%20305c14.4%2067.1%2026.4%20129%2068.2%20175H34c-18.7%200-34-15.2-34-34V66c0-18.7%2015.2-34%2034-34h57.7C77.9%2044.6%2065.6%2059.2%2054.8%2075.6c-45.4%2070-27%20146.8-9.4%20229.4M478%2032h-90.2c21.4%2021.4%2039.2%2049.5%2052.7%2084.1l-137.1%2029.3c-14.9-29-37.8-53.3-82.6-43.9c-24.6%205.3-41%2019.3-48.3%2034.6c-8.8%2018.7-13.2%2039.8%208.2%20140.3c21.1%20100.2%2033.7%20117.7%2049.5%20131.2c12.9%2011.1%2033.4%2017%2058.3%2011.7c44.5-9.4%2055.7-40.7%2057.4-73.2l137.4-29.6c3.2%2071.5-18.7%20125.2-57.4%20163.6H478c18.7%200%2034-15.2%2034-34V66c0-18.8-15.2-34-34-34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M45.4%20305c14.4%2067.1%2026.4%20129%2068.2%20175H34c-18.7%200-34-15.2-34-34V66c0-18.7%2015.2-34%2034-34h57.7C77.9%2044.6%2065.6%2059.2%2054.8%2075.6c-45.4%2070-27%20146.8-9.4%20229.4M478%2032h-90.2c21.4%2021.4%2039.2%2049.5%2052.7%2084.1l-137.1%2029.3c-14.9-29-37.8-53.3-82.6-43.9c-24.6%205.3-41%2019.3-48.3%2034.6c-8.8%2018.7-13.2%2039.8%208.2%20140.3c21.1%20100.2%2033.7%20117.7%2049.5%20131.2c12.9%2011.1%2033.4%2017%2058.3%2011.7c44.5-9.4%2055.7-40.7%2057.4-73.2l137.4-29.6c3.2%2071.5-18.7%20125.2-57.4%20163.6H478c18.7%200%2034-15.2%2034-34V66c0-18.8-15.2-34-34-34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/contao.svg?color=%231a73e8&size=48