moo logo

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

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

The same logo in other sets

mooCoreUI Brands

Use the moo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.964 24c-2.525 0-4.801-1.107-6.34-3.138c-1.109-1.417-1.661-3.078-1.661-4.86c0-.555.06-1.109.185-1.602c.299-1.785 1.59-4.678 3.93-8.678C9.805 2.767 11.215.554 11.289.554c.123-.246.308-.554.675-.554c.372 0 .555.308.741.555c0 0 1.477 2.215 3.199 5.168c2.342 4 3.631 6.893 3.939 8.678c.131.492.193 1.045.193 1.6a7.82 7.82 0 0 1-1.65 4.861C16.766 22.834 14.424 24 11.964 24m0-2.092c1.905 0 3.629-.861 4.801-2.341a6.05 6.05 0 0 0 1.229-3.69c0-.432-.059-.801-.123-1.229c-.246-1.354-1.293-3.692-3.074-6.833c-1.357-2.399-2.525-4.121-2.525-4.121l-.31-.433l-.254.37s-1.171 1.785-2.521 4.125c-1.843 3.149-2.893 5.474-3.072 6.839c-.061.431-.123.8-.123 1.229c0 1.355.429 2.587 1.229 3.693c1.11 1.538 2.831 2.399 4.74 2.399z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMoo(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="M11.964 24c-2.525 0-4.801-1.107-6.34-3.138c-1.109-1.417-1.661-3.078-1.661-4.86c0-.555.06-1.109.185-1.602c.299-1.785 1.59-4.678 3.93-8.678C9.805 2.767 11.215.554 11.289.554c.123-.246.308-.554.675-.554c.372 0 .555.308.741.555c0 0 1.477 2.215 3.199 5.168c2.342 4 3.631 6.893 3.939 8.678c.131.492.193 1.045.193 1.6a7.82 7.82 0 0 1-1.65 4.861C16.766 22.834 14.424 24 11.964 24m0-2.092c1.905 0 3.629-.861 4.801-2.341a6.05 6.05 0 0 0 1.229-3.69c0-.432-.059-.801-.123-1.229c-.246-1.354-1.293-3.692-3.074-6.833c-1.357-2.399-2.525-4.121-2.525-4.121l-.31-.433l-.254.37s-1.171 1.785-2.521 4.125c-1.843 3.149-2.893 5.474-3.072 6.839c-.061.431-.123.8-.123 1.229c0 1.355.429 2.587 1.229 3.693c1.11 1.538 2.831 2.399 4.74 2.399z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.964 24c-2.525 0-4.801-1.107-6.34-3.138c-1.109-1.417-1.661-3.078-1.661-4.86c0-.555.06-1.109.185-1.602c.299-1.785 1.59-4.678 3.93-8.678C9.805 2.767 11.215.554 11.289.554c.123-.246.308-.554.675-.554c.372 0 .555.308.741.555c0 0 1.477 2.215 3.199 5.168c2.342 4 3.631 6.893 3.939 8.678c.131.492.193 1.045.193 1.6a7.82 7.82 0 0 1-1.65 4.861C16.766 22.834 14.424 24 11.964 24m0-2.092c1.905 0 3.629-.861 4.801-2.341a6.05 6.05 0 0 0 1.229-3.69c0-.432-.059-.801-.123-1.229c-.246-1.354-1.293-3.692-3.074-6.833c-1.357-2.399-2.525-4.121-2.525-4.121l-.31-.433l-.254.37s-1.171 1.785-2.521 4.125c-1.843 3.149-2.893 5.474-3.072 6.839c-.061.431-.123.8-.123 1.229c0 1.355.429 2.587 1.229 3.693c1.11 1.538 2.831 2.399 4.74 2.399z"/></svg>
</template>

CSS

.icon-moo {
  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%22M11.964%2024c-2.525%200-4.801-1.107-6.34-3.138c-1.109-1.417-1.661-3.078-1.661-4.86c0-.555.06-1.109.185-1.602c.299-1.785%201.59-4.678%203.93-8.678C9.805%202.767%2011.215.554%2011.289.554c.123-.246.308-.554.675-.554c.372%200%20.555.308.741.555c0%200%201.477%202.215%203.199%205.168c2.342%204%203.631%206.893%203.939%208.678c.131.492.193%201.045.193%201.6a7.82%207.82%200%200%201-1.65%204.861C16.766%2022.834%2014.424%2024%2011.964%2024m0-2.092c1.905%200%203.629-.861%204.801-2.341a6.05%206.05%200%200%200%201.229-3.69c0-.432-.059-.801-.123-1.229c-.246-1.354-1.293-3.692-3.074-6.833c-1.357-2.399-2.525-4.121-2.525-4.121l-.31-.433l-.254.37s-1.171%201.785-2.521%204.125c-1.843%203.149-2.893%205.474-3.072%206.839c-.061.431-.123.8-.123%201.229c0%201.355.429%202.587%201.229%203.693c1.11%201.538%202.831%202.399%204.74%202.399z%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%22M11.964%2024c-2.525%200-4.801-1.107-6.34-3.138c-1.109-1.417-1.661-3.078-1.661-4.86c0-.555.06-1.109.185-1.602c.299-1.785%201.59-4.678%203.93-8.678C9.805%202.767%2011.215.554%2011.289.554c.123-.246.308-.554.675-.554c.372%200%20.555.308.741.555c0%200%201.477%202.215%203.199%205.168c2.342%204%203.631%206.893%203.939%208.678c.131.492.193%201.045.193%201.6a7.82%207.82%200%200%201-1.65%204.861C16.766%2022.834%2014.424%2024%2011.964%2024m0-2.092c1.905%200%203.629-.861%204.801-2.341a6.05%206.05%200%200%200%201.229-3.69c0-.432-.059-.801-.123-1.229c-.246-1.354-1.293-3.692-3.074-6.833c-1.357-2.399-2.525-4.121-2.525-4.121l-.31-.433l-.254.37s-1.171%201.785-2.521%204.125c-1.843%203.149-2.893%205.474-3.072%206.839c-.061.431-.123.8-.123%201.229c0%201.355.429%202.587%201.229%203.693c1.11%201.538%202.831%202.399%204.74%202.399z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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