moo logo
moo from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- moo
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the moo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.953 32c-3.37 0-6.401-1.474-8.453-4.182c-1.479-1.891-2.214-4.104-2.214-6.479c0-.745.078-1.479.245-2.141c.396-2.38 2.12-6.234 5.24-11.568C13.073 3.687 14.953.739 15.052.739c.161-.328.411-.74.901-.74c.495 0 .74.411.984.74c0 0 1.974 2.953 4.266 6.891c3.125 5.333 4.844 9.193 5.255 11.573c.172.656.255 1.391.255 2.13c0 2.38-.74 4.594-2.198 6.484c-2.161 2.63-5.281 4.182-8.563 4.182zm0-2.792c2.536 0 4.839-1.146 6.401-3.12c1.063-1.391 1.635-3.115 1.635-4.917c0-.578-.078-1.073-.161-1.641c-.328-1.807-1.724-4.922-4.099-9.109c-1.807-3.203-3.365-5.495-3.365-5.495l-.417-.578l-.339.495s-1.563 2.375-3.359 5.5C9.791 14.541 8.39 17.64 8.15 19.458c-.078.578-.161 1.068-.161 1.641c0 1.807.573 3.448 1.641 4.922c1.479 2.052 3.771 3.198 6.318 3.198z"/></svg>
React
import type { SVGProps } from "react";
export function CibMoo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.953 32c-3.37 0-6.401-1.474-8.453-4.182c-1.479-1.891-2.214-4.104-2.214-6.479c0-.745.078-1.479.245-2.141c.396-2.38 2.12-6.234 5.24-11.568C13.073 3.687 14.953.739 15.052.739c.161-.328.411-.74.901-.74c.495 0 .74.411.984.74c0 0 1.974 2.953 4.266 6.891c3.125 5.333 4.844 9.193 5.255 11.573c.172.656.255 1.391.255 2.13c0 2.38-.74 4.594-2.198 6.484c-2.161 2.63-5.281 4.182-8.563 4.182zm0-2.792c2.536 0 4.839-1.146 6.401-3.12c1.063-1.391 1.635-3.115 1.635-4.917c0-.578-.078-1.073-.161-1.641c-.328-1.807-1.724-4.922-4.099-9.109c-1.807-3.203-3.365-5.495-3.365-5.495l-.417-.578l-.339.495s-1.563 2.375-3.359 5.5C9.791 14.541 8.39 17.64 8.15 19.458c-.078.578-.161 1.068-.161 1.641c0 1.807.573 3.448 1.641 4.922c1.479 2.052 3.771 3.198 6.318 3.198z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.953 32c-3.37 0-6.401-1.474-8.453-4.182c-1.479-1.891-2.214-4.104-2.214-6.479c0-.745.078-1.479.245-2.141c.396-2.38 2.12-6.234 5.24-11.568C13.073 3.687 14.953.739 15.052.739c.161-.328.411-.74.901-.74c.495 0 .74.411.984.74c0 0 1.974 2.953 4.266 6.891c3.125 5.333 4.844 9.193 5.255 11.573c.172.656.255 1.391.255 2.13c0 2.38-.74 4.594-2.198 6.484c-2.161 2.63-5.281 4.182-8.563 4.182zm0-2.792c2.536 0 4.839-1.146 6.401-3.12c1.063-1.391 1.635-3.115 1.635-4.917c0-.578-.078-1.073-.161-1.641c-.328-1.807-1.724-4.922-4.099-9.109c-1.807-3.203-3.365-5.495-3.365-5.495l-.417-.578l-.339.495s-1.563 2.375-3.359 5.5C9.791 14.541 8.39 17.64 8.15 19.458c-.078.578-.161 1.068-.161 1.641c0 1.807.573 3.448 1.641 4.922c1.479 2.052 3.771 3.198 6.318 3.198z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.953%2032c-3.37%200-6.401-1.474-8.453-4.182c-1.479-1.891-2.214-4.104-2.214-6.479c0-.745.078-1.479.245-2.141c.396-2.38%202.12-6.234%205.24-11.568C13.073%203.687%2014.953.739%2015.052.739c.161-.328.411-.74.901-.74c.495%200%20.74.411.984.74c0%200%201.974%202.953%204.266%206.891c3.125%205.333%204.844%209.193%205.255%2011.573c.172.656.255%201.391.255%202.13c0%202.38-.74%204.594-2.198%206.484c-2.161%202.63-5.281%204.182-8.563%204.182zm0-2.792c2.536%200%204.839-1.146%206.401-3.12c1.063-1.391%201.635-3.115%201.635-4.917c0-.578-.078-1.073-.161-1.641c-.328-1.807-1.724-4.922-4.099-9.109c-1.807-3.203-3.365-5.495-3.365-5.495l-.417-.578l-.339.495s-1.563%202.375-3.359%205.5C9.791%2014.541%208.39%2017.64%208.15%2019.458c-.078.578-.161%201.068-.161%201.641c0%201.807.573%203.448%201.641%204.922c1.479%202.052%203.771%203.198%206.318%203.198z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.953%2032c-3.37%200-6.401-1.474-8.453-4.182c-1.479-1.891-2.214-4.104-2.214-6.479c0-.745.078-1.479.245-2.141c.396-2.38%202.12-6.234%205.24-11.568C13.073%203.687%2014.953.739%2015.052.739c.161-.328.411-.74.901-.74c.495%200%20.74.411.984.74c0%200%201.974%202.953%204.266%206.891c3.125%205.333%204.844%209.193%205.255%2011.573c.172.656.255%201.391.255%202.13c0%202.38-.74%204.594-2.198%206.484c-2.161%202.63-5.281%204.182-8.563%204.182zm0-2.792c2.536%200%204.839-1.146%206.401-3.12c1.063-1.391%201.635-3.115%201.635-4.917c0-.578-.078-1.073-.161-1.641c-.328-1.807-1.724-4.922-4.099-9.109c-1.807-3.203-3.365-5.495-3.365-5.495l-.417-.578l-.339.495s-1.563%202.375-3.359%205.5C9.791%2014.541%208.39%2017.64%208.15%2019.458c-.078.578-.161%201.068-.161%201.641c0%201.807.573%203.448%201.641%204.922c1.479%202.052%203.771%203.198%206.318%203.198z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/moo.svg?color=%231a73e8&size=48
