contao logo

contao from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: contao
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

contaoFont Awesome 6 Brands contaoFont Awesome 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 128 128"><path fill="#f37a00" d="M13.852 74.892c3.414 15.793 6.253 30.828 16.199 41.648H11.082c-4.434 0-8.035-3.558-8.062-7.968V18.677c.007-4.422 3.613-8.004 8.062-8.004h13.703a52.2 52.2 0 0 0-8.723 10.25C5.22 37.454 9.677 55.478 13.852 74.892m102.996-64.219H95.34c5.094 5.063 9.387 11.621 12.629 19.774l-32.7 6.863c-3.582-6.828-9.027-12.508-19.683-10.277c-5.879 1.238-9.774 4.515-11.504 8.105c-2.121 4.426-3.164 9.39 1.914 32.973C51.074 91.697 54.062 95.81 57.816 99c3.051 2.578 7.973 4.012 13.852 2.774c10.66-2.23 13.289-9.61 13.754-17.29l32.695-6.87c.774 16.824-4.465 29.87-13.707 38.894h12.438c4.437.004 8.043-3.559 8.07-7.973V18.677c-.008-4.426-3.621-8.008-8.07-8.004m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconContao(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f37a00" d="M13.852 74.892c3.414 15.793 6.253 30.828 16.199 41.648H11.082c-4.434 0-8.035-3.558-8.062-7.968V18.677c.007-4.422 3.613-8.004 8.062-8.004h13.703a52.2 52.2 0 0 0-8.723 10.25C5.22 37.454 9.677 55.478 13.852 74.892m102.996-64.219H95.34c5.094 5.063 9.387 11.621 12.629 19.774l-32.7 6.863c-3.582-6.828-9.027-12.508-19.683-10.277c-5.879 1.238-9.774 4.515-11.504 8.105c-2.121 4.426-3.164 9.39 1.914 32.973C51.074 91.697 54.062 95.81 57.816 99c3.051 2.578 7.973 4.012 13.852 2.774c10.66-2.23 13.289-9.61 13.754-17.29l32.695-6.87c.774 16.824-4.465 29.87-13.707 38.894h12.438c4.437.004 8.043-3.559 8.07-7.973V18.677c-.008-4.426-3.621-8.008-8.07-8.004m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f37a00" d="M13.852 74.892c3.414 15.793 6.253 30.828 16.199 41.648H11.082c-4.434 0-8.035-3.558-8.062-7.968V18.677c.007-4.422 3.613-8.004 8.062-8.004h13.703a52.2 52.2 0 0 0-8.723 10.25C5.22 37.454 9.677 55.478 13.852 74.892m102.996-64.219H95.34c5.094 5.063 9.387 11.621 12.629 19.774l-32.7 6.863c-3.582-6.828-9.027-12.508-19.683-10.277c-5.879 1.238-9.774 4.515-11.504 8.105c-2.121 4.426-3.164 9.39 1.914 32.973C51.074 91.697 54.062 95.81 57.816 99c3.051 2.578 7.973 4.012 13.852 2.774c10.66-2.23 13.289-9.61 13.754-17.29l32.695-6.87c.774 16.824-4.465 29.87-13.707 38.894h12.438c4.437.004 8.043-3.559 8.07-7.973V18.677c-.008-4.426-3.621-8.008-8.07-8.004m0 0"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f37a00%22%20d%3D%22M13.852%2074.892c3.414%2015.793%206.253%2030.828%2016.199%2041.648H11.082c-4.434%200-8.035-3.558-8.062-7.968V18.677c.007-4.422%203.613-8.004%208.062-8.004h13.703a52.2%2052.2%200%200%200-8.723%2010.25C5.22%2037.454%209.677%2055.478%2013.852%2074.892m102.996-64.219H95.34c5.094%205.063%209.387%2011.621%2012.629%2019.774l-32.7%206.863c-3.582-6.828-9.027-12.508-19.683-10.277c-5.879%201.238-9.774%204.515-11.504%208.105c-2.121%204.426-3.164%209.39%201.914%2032.973C51.074%2091.697%2054.062%2095.81%2057.816%2099c3.051%202.578%207.973%204.012%2013.852%202.774c10.66-2.23%2013.289-9.61%2013.754-17.29l32.695-6.87c.774%2016.824-4.465%2029.87-13.707%2038.894h12.438c4.437.004%208.043-3.559%208.07-7.973V18.677c-.008-4.426-3.621-8.008-8.07-8.004m0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f37a00%22%20d%3D%22M13.852%2074.892c3.414%2015.793%206.253%2030.828%2016.199%2041.648H11.082c-4.434%200-8.035-3.558-8.062-7.968V18.677c.007-4.422%203.613-8.004%208.062-8.004h13.703a52.2%2052.2%200%200%200-8.723%2010.25C5.22%2037.454%209.677%2055.478%2013.852%2074.892m102.996-64.219H95.34c5.094%205.063%209.387%2011.621%2012.629%2019.774l-32.7%206.863c-3.582-6.828-9.027-12.508-19.683-10.277c-5.879%201.238-9.774%204.515-11.504%208.105c-2.121%204.426-3.164%209.39%201.914%2032.973C51.074%2091.697%2054.062%2095.81%2057.816%2099c3.051%202.578%207.973%204.012%2013.852%202.774c10.66-2.23%2013.289-9.61%2013.754-17.29l32.695-6.87c.774%2016.824-4.465%2029.87-13.707%2038.894h12.438c4.437.004%208.043-3.559%208.07-7.973V18.677c-.008-4.426-3.621-8.008-8.07-8.004m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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