contao logo

contao from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: contao
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

contaoDevicon contaoFont Awesome 6 Brands contaoLine Awesome contaoSimple Icons

Use the contao logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M109.4 369c14.4 67.1 26.4 129 68.2 175H98c-18.7 0-34-15.2-34-34V130c0-18.7 15.2-34 34-34h57.7c-13.8 12.6-26.1 27.2-36.9 43.6c-45.4 70-27 146.8-9.4 229.4M542 96h-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.6H542c18.7 0 34-15.2 34-34V130c0-18.8-15.2-34-34-34"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsContao(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M109.4 369c14.4 67.1 26.4 129 68.2 175H98c-18.7 0-34-15.2-34-34V130c0-18.7 15.2-34 34-34h57.7c-13.8 12.6-26.1 27.2-36.9 43.6c-45.4 70-27 146.8-9.4 229.4M542 96h-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.6H542c18.7 0 34-15.2 34-34V130c0-18.8-15.2-34-34-34"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M109.4 369c14.4 67.1 26.4 129 68.2 175H98c-18.7 0-34-15.2-34-34V130c0-18.7 15.2-34 34-34h57.7c-13.8 12.6-26.1 27.2-36.9 43.6c-45.4 70-27 146.8-9.4 229.4M542 96h-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.6H542c18.7 0 34-15.2 34-34V130c0-18.8-15.2-34-34-34"/></svg>
</template>

CSS

.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M109.4%20369c14.4%2067.1%2026.4%20129%2068.2%20175H98c-18.7%200-34-15.2-34-34V130c0-18.7%2015.2-34%2034-34h57.7c-13.8%2012.6-26.1%2027.2-36.9%2043.6c-45.4%2070-27%20146.8-9.4%20229.4M542%2096h-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.6H542c18.7%200%2034-15.2%2034-34V130c0-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M109.4%20369c14.4%2067.1%2026.4%20129%2068.2%20175H98c-18.7%200-34-15.2-34-34V130c0-18.7%2015.2-34%2034-34h57.7c-13.8%2012.6-26.1%2027.2-36.9%2043.6c-45.4%2070-27%20146.8-9.4%20229.4M542%2096h-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.6H542c18.7%200%2034-15.2%2034-34V130c0-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/fa7-brands/contao.svg?color=%231a73e8&size=48