mautic icon logo

mautic-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
mautic-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the mautic icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4e5e9e" d="M128.135 256C57.58 256 0 198.42 0 127.863S57.58 0 128.135 0c17.03 0 33.52 3.244 49.2 9.732c4.324 1.892 6.487 7.028 4.595 11.353s-7.029 6.488-11.354 4.596c-13.516-5.677-27.844-8.38-42.712-8.38c-61.093 0-110.833 49.74-110.833 110.834s49.74 110.833 110.833 110.833c61.094 0 110.834-49.74 110.834-110.833c0-12.976-2.162-25.952-6.758-38.116c-1.622-4.596.54-9.462 5.136-11.084s9.462.54 11.084 5.136c5.136 14.057 7.84 28.925 7.84 44.064c.27 70.555-57.31 127.864-127.865 127.864"/><path fill="#fdb933" d="m184.092 114.889l16.22 67.04h-24.87l-11.084-46.225zm30.277-68.934l-7.029 38.927l-6.758-6.758l-72.447 78.936l-33.791-37.035l-14.868 61.905h-25.14L81.368 70.285l46.767 48.388l54.876-58.12l-7.029-6.758z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMauticIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4e5e9e" d="M128.135 256C57.58 256 0 198.42 0 127.863S57.58 0 128.135 0c17.03 0 33.52 3.244 49.2 9.732c4.324 1.892 6.487 7.028 4.595 11.353s-7.029 6.488-11.354 4.596c-13.516-5.677-27.844-8.38-42.712-8.38c-61.093 0-110.833 49.74-110.833 110.834s49.74 110.833 110.833 110.833c61.094 0 110.834-49.74 110.834-110.833c0-12.976-2.162-25.952-6.758-38.116c-1.622-4.596.54-9.462 5.136-11.084s9.462.54 11.084 5.136c5.136 14.057 7.84 28.925 7.84 44.064c.27 70.555-57.31 127.864-127.865 127.864"/><path fill="#fdb933" d="m184.092 114.889l16.22 67.04h-24.87l-11.084-46.225zm30.277-68.934l-7.029 38.927l-6.758-6.758l-72.447 78.936l-33.791-37.035l-14.868 61.905h-25.14L81.368 70.285l46.767 48.388l54.876-58.12l-7.029-6.758z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4e5e9e" d="M128.135 256C57.58 256 0 198.42 0 127.863S57.58 0 128.135 0c17.03 0 33.52 3.244 49.2 9.732c4.324 1.892 6.487 7.028 4.595 11.353s-7.029 6.488-11.354 4.596c-13.516-5.677-27.844-8.38-42.712-8.38c-61.093 0-110.833 49.74-110.833 110.834s49.74 110.833 110.833 110.833c61.094 0 110.834-49.74 110.834-110.833c0-12.976-2.162-25.952-6.758-38.116c-1.622-4.596.54-9.462 5.136-11.084s9.462.54 11.084 5.136c5.136 14.057 7.84 28.925 7.84 44.064c.27 70.555-57.31 127.864-127.865 127.864"/><path fill="#fdb933" d="m184.092 114.889l16.22 67.04h-24.87l-11.084-46.225zm30.277-68.934l-7.029 38.927l-6.758-6.758l-72.447 78.936l-33.791-37.035l-14.868 61.905h-25.14L81.368 70.285l46.767 48.388l54.876-58.12l-7.029-6.758z"/></svg>
</template>

CSS

.icon-mautic-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%234e5e9e%22%20d%3D%22M128.135%20256C57.58%20256%200%20198.42%200%20127.863S57.58%200%20128.135%200c17.03%200%2033.52%203.244%2049.2%209.732c4.324%201.892%206.487%207.028%204.595%2011.353s-7.029%206.488-11.354%204.596c-13.516-5.677-27.844-8.38-42.712-8.38c-61.093%200-110.833%2049.74-110.833%20110.834s49.74%20110.833%20110.833%20110.833c61.094%200%20110.834-49.74%20110.834-110.833c0-12.976-2.162-25.952-6.758-38.116c-1.622-4.596.54-9.462%205.136-11.084s9.462.54%2011.084%205.136c5.136%2014.057%207.84%2028.925%207.84%2044.064c.27%2070.555-57.31%20127.864-127.865%20127.864%22%2F%3E%3Cpath%20fill%3D%22%23fdb933%22%20d%3D%22m184.092%20114.889l16.22%2067.04h-24.87l-11.084-46.225zm30.277-68.934l-7.029%2038.927l-6.758-6.758l-72.447%2078.936l-33.791-37.035l-14.868%2061.905h-25.14L81.368%2070.285l46.767%2048.388l54.876-58.12l-7.029-6.758z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%234e5e9e%22%20d%3D%22M128.135%20256C57.58%20256%200%20198.42%200%20127.863S57.58%200%20128.135%200c17.03%200%2033.52%203.244%2049.2%209.732c4.324%201.892%206.487%207.028%204.595%2011.353s-7.029%206.488-11.354%204.596c-13.516-5.677-27.844-8.38-42.712-8.38c-61.093%200-110.833%2049.74-110.833%20110.834s49.74%20110.833%20110.833%20110.833c61.094%200%20110.834-49.74%20110.834-110.833c0-12.976-2.162-25.952-6.758-38.116c-1.622-4.596.54-9.462%205.136-11.084s9.462.54%2011.084%205.136c5.136%2014.057%207.84%2028.925%207.84%2044.064c.27%2070.555-57.31%20127.864-127.865%20127.864%22%2F%3E%3Cpath%20fill%3D%22%23fdb933%22%20d%3D%22m184.092%20114.889l16.22%2067.04h-24.87l-11.084-46.225zm30.277-68.934l-7.029%2038.927l-6.758-6.758l-72.447%2078.936l-33.791-37.035l-14.868%2061.905h-25.14L81.368%2070.285l46.767%2048.388l54.876-58.12l-7.029-6.758z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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