mockflow icon logo

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

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

Use the mockflow icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 220"><path fill="#7957ff" d="m146.286 152.381l73.143-51.403h-73.143z"/><path fill="#1b7ce2" d="M90.006 84.114L51.81 141.206l-3.048 4.877h-.203L0 219.429V0z"/><path fill="#7957ff" d="M219.429 48.762h-73.143V0H256z"/><path fill="#f845c6" d="M146.286 0v219.429l-97.524-73.346l3.048-4.877l38.196-57.092z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMockflowIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 220"><path fill="#7957ff" d="m146.286 152.381l73.143-51.403h-73.143z"/><path fill="#1b7ce2" d="M90.006 84.114L51.81 141.206l-3.048 4.877h-.203L0 219.429V0z"/><path fill="#7957ff" d="M219.429 48.762h-73.143V0H256z"/><path fill="#f845c6" d="M146.286 0v219.429l-97.524-73.346l3.048-4.877l38.196-57.092z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 220"><path fill="#7957ff" d="m146.286 152.381l73.143-51.403h-73.143z"/><path fill="#1b7ce2" d="M90.006 84.114L51.81 141.206l-3.048 4.877h-.203L0 219.429V0z"/><path fill="#7957ff" d="M219.429 48.762h-73.143V0H256z"/><path fill="#f845c6" d="M146.286 0v219.429l-97.524-73.346l3.048-4.877l38.196-57.092z"/></svg>
</template>

CSS

.icon-mockflow-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%20220%22%3E%3Cpath%20fill%3D%22%237957ff%22%20d%3D%22m146.286%20152.381l73.143-51.403h-73.143z%22%2F%3E%3Cpath%20fill%3D%22%231b7ce2%22%20d%3D%22M90.006%2084.114L51.81%20141.206l-3.048%204.877h-.203L0%20219.429V0z%22%2F%3E%3Cpath%20fill%3D%22%237957ff%22%20d%3D%22M219.429%2048.762h-73.143V0H256z%22%2F%3E%3Cpath%20fill%3D%22%23f845c6%22%20d%3D%22M146.286%200v219.429l-97.524-73.346l3.048-4.877l38.196-57.092z%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%20220%22%3E%3Cpath%20fill%3D%22%237957ff%22%20d%3D%22m146.286%20152.381l73.143-51.403h-73.143z%22%2F%3E%3Cpath%20fill%3D%22%231b7ce2%22%20d%3D%22M90.006%2084.114L51.81%20141.206l-3.048%204.877h-.203L0%20219.429V0z%22%2F%3E%3Cpath%20fill%3D%22%237957ff%22%20d%3D%22M219.429%2048.762h-73.143V0H256z%22%2F%3E%3Cpath%20fill%3D%22%23f845c6%22%20d%3D%22M146.286%200v219.429l-97.524-73.346l3.048-4.877l38.196-57.092z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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