contao logo
contao from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- contao
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the contao logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.133 14.233c.672 3.125 1.23 6.1 3.189 8.242H1.588A1.6 1.6 0 0 1 0 20.897V3.109a1.6 1.6 0 0 1 1.588-1.584h2.698a10.3 10.3 0 0 0-1.718 2.028c-2.135 3.271-1.257 6.838-.435 10.68M22.411 1.525h-4.234c1.002 1.002 1.847 2.3 2.486 3.913l-6.437 1.358c-.706-1.351-1.779-2.476-3.877-2.034c-1.156.245-1.923.894-2.264 1.604c-.418.876-.624 1.858.377 6.525c.999 4.667 1.588 5.481 2.327 6.112c.601.511 1.57.794 2.727.55c2.1-.442 2.617-1.902 2.708-3.422l6.437-1.359c.153 3.329-.879 5.911-2.699 7.696h2.449A1.6 1.6 0 0 0 24 20.891V3.109a1.6 1.6 0 0 0-1.589-1.584"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsContao(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.133 14.233c.672 3.125 1.23 6.1 3.189 8.242H1.588A1.6 1.6 0 0 1 0 20.897V3.109a1.6 1.6 0 0 1 1.588-1.584h2.698a10.3 10.3 0 0 0-1.718 2.028c-2.135 3.271-1.257 6.838-.435 10.68M22.411 1.525h-4.234c1.002 1.002 1.847 2.3 2.486 3.913l-6.437 1.358c-.706-1.351-1.779-2.476-3.877-2.034c-1.156.245-1.923.894-2.264 1.604c-.418.876-.624 1.858.377 6.525c.999 4.667 1.588 5.481 2.327 6.112c.601.511 1.57.794 2.727.55c2.1-.442 2.617-1.902 2.708-3.422l6.437-1.359c.153 3.329-.879 5.911-2.699 7.696h2.449A1.6 1.6 0 0 0 24 20.891V3.109a1.6 1.6 0 0 0-1.589-1.584"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.133 14.233c.672 3.125 1.23 6.1 3.189 8.242H1.588A1.6 1.6 0 0 1 0 20.897V3.109a1.6 1.6 0 0 1 1.588-1.584h2.698a10.3 10.3 0 0 0-1.718 2.028c-2.135 3.271-1.257 6.838-.435 10.68M22.411 1.525h-4.234c1.002 1.002 1.847 2.3 2.486 3.913l-6.437 1.358c-.706-1.351-1.779-2.476-3.877-2.034c-1.156.245-1.923.894-2.264 1.604c-.418.876-.624 1.858.377 6.525c.999 4.667 1.588 5.481 2.327 6.112c.601.511 1.57.794 2.727.55c2.1-.442 2.617-1.902 2.708-3.422l6.437-1.359c.153 3.329-.879 5.911-2.699 7.696h2.449A1.6 1.6 0 0 0 24 20.891V3.109a1.6 1.6 0 0 0-1.589-1.584"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.133%2014.233c.672%203.125%201.23%206.1%203.189%208.242H1.588A1.6%201.6%200%200%201%200%2020.897V3.109a1.6%201.6%200%200%201%201.588-1.584h2.698a10.3%2010.3%200%200%200-1.718%202.028c-2.135%203.271-1.257%206.838-.435%2010.68M22.411%201.525h-4.234c1.002%201.002%201.847%202.3%202.486%203.913l-6.437%201.358c-.706-1.351-1.779-2.476-3.877-2.034c-1.156.245-1.923.894-2.264%201.604c-.418.876-.624%201.858.377%206.525c.999%204.667%201.588%205.481%202.327%206.112c.601.511%201.57.794%202.727.55c2.1-.442%202.617-1.902%202.708-3.422l6.437-1.359c.153%203.329-.879%205.911-2.699%207.696h2.449A1.6%201.6%200%200%200%2024%2020.891V3.109a1.6%201.6%200%200%200-1.589-1.584%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.133%2014.233c.672%203.125%201.23%206.1%203.189%208.242H1.588A1.6%201.6%200%200%201%200%2020.897V3.109a1.6%201.6%200%200%201%201.588-1.584h2.698a10.3%2010.3%200%200%200-1.718%202.028c-2.135%203.271-1.257%206.838-.435%2010.68M22.411%201.525h-4.234c1.002%201.002%201.847%202.3%202.486%203.913l-6.437%201.358c-.706-1.351-1.779-2.476-3.877-2.034c-1.156.245-1.923.894-2.264%201.604c-.418.876-.624%201.858.377%206.525c.999%204.667%201.588%205.481%202.327%206.112c.601.511%201.57.794%202.727.55c2.1-.442%202.617-1.902%202.708-3.422l6.437-1.359c.153%203.329-.879%205.911-2.699%207.696h2.449A1.6%201.6%200%200%200%2024%2020.891V3.109a1.6%201.6%200%200%200-1.589-1.584%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/contao.svg?color=%231a73e8&size=48
