mautic logo
mautic from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mautic
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the mautic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.394 0 0 5.374 0 12s5.394 12 12 12c6.626 0 12-5.394 12-11.98a11.9 11.9 0 0 0-.727-4.12a.815.815 0 0 0-1.05-.486a.815.815 0 0 0-.486 1.05c.425 1.132.627 2.324.627 3.556c0 5.717-4.647 10.364-10.364 10.364S1.637 17.737 1.637 12.02S6.283 1.657 12 1.657c1.374 0 2.707.262 3.98.787A.843.843 0 0 0 17.05 2a.843.843 0 0 0-.444-1.07A11.6 11.6 0 0 0 12 0m8.08 4.323l-3.595.707l.646.647L12 11.111L7.616 6.606L5.091 17.051h2.343l1.394-5.799L12 14.707l6.788-7.394l.646.667zm-2.828 6.445l-1.858 1.94l1.03 4.343h2.344z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMautic(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="M12 0C5.394 0 0 5.374 0 12s5.394 12 12 12c6.626 0 12-5.394 12-11.98a11.9 11.9 0 0 0-.727-4.12a.815.815 0 0 0-1.05-.486a.815.815 0 0 0-.486 1.05c.425 1.132.627 2.324.627 3.556c0 5.717-4.647 10.364-10.364 10.364S1.637 17.737 1.637 12.02S6.283 1.657 12 1.657c1.374 0 2.707.262 3.98.787A.843.843 0 0 0 17.05 2a.843.843 0 0 0-.444-1.07A11.6 11.6 0 0 0 12 0m8.08 4.323l-3.595.707l.646.647L12 11.111L7.616 6.606L5.091 17.051h2.343l1.394-5.799L12 14.707l6.788-7.394l.646.667zm-2.828 6.445l-1.858 1.94l1.03 4.343h2.344z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.394 0 0 5.374 0 12s5.394 12 12 12c6.626 0 12-5.394 12-11.98a11.9 11.9 0 0 0-.727-4.12a.815.815 0 0 0-1.05-.486a.815.815 0 0 0-.486 1.05c.425 1.132.627 2.324.627 3.556c0 5.717-4.647 10.364-10.364 10.364S1.637 17.737 1.637 12.02S6.283 1.657 12 1.657c1.374 0 2.707.262 3.98.787A.843.843 0 0 0 17.05 2a.843.843 0 0 0-.444-1.07A11.6 11.6 0 0 0 12 0m8.08 4.323l-3.595.707l.646.647L12 11.111L7.616 6.606L5.091 17.051h2.343l1.394-5.799L12 14.707l6.788-7.394l.646.667zm-2.828 6.445l-1.858 1.94l1.03 4.343h2.344z"/></svg> </template>
CSS
.icon-mautic {
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%22M12%200C5.394%200%200%205.374%200%2012s5.394%2012%2012%2012c6.626%200%2012-5.394%2012-11.98a11.9%2011.9%200%200%200-.727-4.12a.815.815%200%200%200-1.05-.486a.815.815%200%200%200-.486%201.05c.425%201.132.627%202.324.627%203.556c0%205.717-4.647%2010.364-10.364%2010.364S1.637%2017.737%201.637%2012.02S6.283%201.657%2012%201.657c1.374%200%202.707.262%203.98.787A.843.843%200%200%200%2017.05%202a.843.843%200%200%200-.444-1.07A11.6%2011.6%200%200%200%2012%200m8.08%204.323l-3.595.707l.646.647L12%2011.111L7.616%206.606L5.091%2017.051h2.343l1.394-5.799L12%2014.707l6.788-7.394l.646.667zm-2.828%206.445l-1.858%201.94l1.03%204.343h2.344z%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%22M12%200C5.394%200%200%205.374%200%2012s5.394%2012%2012%2012c6.626%200%2012-5.394%2012-11.98a11.9%2011.9%200%200%200-.727-4.12a.815.815%200%200%200-1.05-.486a.815.815%200%200%200-.486%201.05c.425%201.132.627%202.324.627%203.556c0%205.717-4.647%2010.364-10.364%2010.364S1.637%2017.737%201.637%2012.02S6.283%201.657%2012%201.657c1.374%200%202.707.262%203.98.787A.843.843%200%200%200%2017.05%202a.843.843%200%200%200-.444-1.07A11.6%2011.6%200%200%200%2012%200m8.08%204.323l-3.595.707l.646.647L12%2011.111L7.616%206.606L5.091%2017.051h2.343l1.394-5.799L12%2014.707l6.788-7.394l.646.667zm-2.828%206.445l-1.858%201.94l1.03%204.343h2.344z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mautic.svg?color=%231a73e8&size=48
