mulesoft logo

mulesoft from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name: mulesoft
Set: Simple Icons
Style: Brand
Viewbox: 24×24
License: CC0 1.0

Use the mulesoft 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.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12c6.628 0 12-5.373 12-12S18.627 0 12 0m0 1.055c6.045 0 10.945 4.9 10.945 10.945S18.045 22.945 12 22.945S1.055 18.045 1.055 12c0-6.044 4.9-10.945 10.945-10.945M7.33 4.364s-2.993 1.647-3.96 5.25c-.647 2.224-.39 4.702.903 6.914a8.96 8.96 0 0 0 3.95 3.596l.802-3.062c-1.801-.85-3.11-2.571-3.11-4.79a5.65 5.65 0 0 1 .943-3.141l3.752 5.866h2.792l3.753-5.866a5.65 5.65 0 0 1 .943 3.14c0 2.22-1.308 3.94-3.109 4.791l.802 3.062a8.96 8.96 0 0 0 3.948-3.594c1.294-2.213 1.551-4.692.904-6.916l.002.003c-.966-3.603-3.96-5.251-3.96-5.251l-.336.527l-4.341 6.797h-.003L7.656 4.876z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMulesoft(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.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12c6.628 0 12-5.373 12-12S18.627 0 12 0m0 1.055c6.045 0 10.945 4.9 10.945 10.945S18.045 22.945 12 22.945S1.055 18.045 1.055 12c0-6.044 4.9-10.945 10.945-10.945M7.33 4.364s-2.993 1.647-3.96 5.25c-.647 2.224-.39 4.702.903 6.914a8.96 8.96 0 0 0 3.95 3.596l.802-3.062c-1.801-.85-3.11-2.571-3.11-4.79a5.65 5.65 0 0 1 .943-3.141l3.752 5.866h2.792l3.753-5.866a5.65 5.65 0 0 1 .943 3.14c0 2.22-1.308 3.94-3.109 4.791l.802 3.062a8.96 8.96 0 0 0 3.948-3.594c1.294-2.213 1.551-4.692.904-6.916l.002.003c-.966-3.603-3.96-5.251-3.96-5.251l-.336.527l-4.341 6.797h-.003L7.656 4.876z"/></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.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12c6.628 0 12-5.373 12-12S18.627 0 12 0m0 1.055c6.045 0 10.945 4.9 10.945 10.945S18.045 22.945 12 22.945S1.055 18.045 1.055 12c0-6.044 4.9-10.945 10.945-10.945M7.33 4.364s-2.993 1.647-3.96 5.25c-.647 2.224-.39 4.702.903 6.914a8.96 8.96 0 0 0 3.95 3.596l.802-3.062c-1.801-.85-3.11-2.571-3.11-4.79a5.65 5.65 0 0 1 .943-3.141l3.752 5.866h2.792l3.753-5.866a5.65 5.65 0 0 1 .943 3.14c0 2.22-1.308 3.94-3.109 4.791l.802 3.062a8.96 8.96 0 0 0 3.948-3.594c1.294-2.213 1.551-4.692.904-6.916l.002.003c-.966-3.603-3.96-5.251-3.96-5.251l-.336.527l-4.341 6.797h-.003L7.656 4.876z"/></svg>
</template>

CSS

.icon-mulesoft {
  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.373%200%200%205.373%200%2012c0%206.628%205.373%2012%2012%2012c6.628%200%2012-5.373%2012-12S18.627%200%2012%200m0%201.055c6.045%200%2010.945%204.9%2010.945%2010.945S18.045%2022.945%2012%2022.945S1.055%2018.045%201.055%2012c0-6.044%204.9-10.945%2010.945-10.945M7.33%204.364s-2.993%201.647-3.96%205.25c-.647%202.224-.39%204.702.903%206.914a8.96%208.96%200%200%200%203.95%203.596l.802-3.062c-1.801-.85-3.11-2.571-3.11-4.79a5.65%205.65%200%200%201%20.943-3.141l3.752%205.866h2.792l3.753-5.866a5.65%205.65%200%200%201%20.943%203.14c0%202.22-1.308%203.94-3.109%204.791l.802%203.062a8.96%208.96%200%200%200%203.948-3.594c1.294-2.213%201.551-4.692.904-6.916l.002.003c-.966-3.603-3.96-5.251-3.96-5.251l-.336.527l-4.341%206.797h-.003L7.656%204.876z%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.373%200%200%205.373%200%2012c0%206.628%205.373%2012%2012%2012c6.628%200%2012-5.373%2012-12S18.627%200%2012%200m0%201.055c6.045%200%2010.945%204.9%2010.945%2010.945S18.045%2022.945%2012%2022.945S1.055%2018.045%201.055%2012c0-6.044%204.9-10.945%2010.945-10.945M7.33%204.364s-2.993%201.647-3.96%205.25c-.647%202.224-.39%204.702.903%206.914a8.96%208.96%200%200%200%203.95%203.596l.802-3.062c-1.801-.85-3.11-2.571-3.11-4.79a5.65%205.65%200%200%201%20.943-3.141l3.752%205.866h2.792l3.753-5.866a5.65%205.65%200%200%201%20.943%203.14c0%202.22-1.308%203.94-3.109%204.791l.802%203.062a8.96%208.96%200%200%200%203.948-3.594c1.294-2.213%201.551-4.692.904-6.916l.002.003c-.966-3.603-3.96-5.251-3.96-5.251l-.336.527l-4.341%206.797h-.003L7.656%204.876z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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