meanio logo

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

Name
meanio
Set
SVG Logos
Style
Color
Viewbox
256×274
License
CC0

Use the meanio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path d="M0 44.3l20.1 174L128 273.7l108.1-55.3L256 44.1S188.6 0 128.1 0S0 44.3 0 44.3z" fill="#007D96"/><path d="M8.3 49.4l18.8 159.5l101 50.8L229.2 209l18.6-159.7S184.7 8.9 128.1 8.9S8.3 49.4 8.3 49.4z" fill="#FFF"/><path d="M14.9 54l17.8 149.6l95.4 47.6l95.5-47.5l17.5-149.8S181.5 16 128 16C74.5 16 14.9 54 14.9 54z" fill="#007D96"/><path d="M57.5 200.7V52.9l35.3-.2l35.2 92.9l38.1-92.4l34.8-.3v147.8h-28.7l1.5-103.8L128 200.7L83.9 97.1l2.3 103.6H57.5z" fill="#FFF"/><path d="M128.1 0C67.5 0 0 44.3 0 44.3l20.1 174L128 273.7V0h.1z" opacity=".1" fill="#000"/></svg>

React

import type { SVGProps } from "react";

export function LogosMeanio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path d="M0 44.3l20.1 174L128 273.7l108.1-55.3L256 44.1S188.6 0 128.1 0S0 44.3 0 44.3z" fill="#007D96"/><path d="M8.3 49.4l18.8 159.5l101 50.8L229.2 209l18.6-159.7S184.7 8.9 128.1 8.9S8.3 49.4 8.3 49.4z" fill="#FFF"/><path d="M14.9 54l17.8 149.6l95.4 47.6l95.5-47.5l17.5-149.8S181.5 16 128 16C74.5 16 14.9 54 14.9 54z" fill="#007D96"/><path d="M57.5 200.7V52.9l35.3-.2l35.2 92.9l38.1-92.4l34.8-.3v147.8h-28.7l1.5-103.8L128 200.7L83.9 97.1l2.3 103.6H57.5z" fill="#FFF"/><path d="M128.1 0C67.5 0 0 44.3 0 44.3l20.1 174L128 273.7V0h.1z" opacity=".1" fill="#000"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path d="M0 44.3l20.1 174L128 273.7l108.1-55.3L256 44.1S188.6 0 128.1 0S0 44.3 0 44.3z" fill="#007D96"/><path d="M8.3 49.4l18.8 159.5l101 50.8L229.2 209l18.6-159.7S184.7 8.9 128.1 8.9S8.3 49.4 8.3 49.4z" fill="#FFF"/><path d="M14.9 54l17.8 149.6l95.4 47.6l95.5-47.5l17.5-149.8S181.5 16 128 16C74.5 16 14.9 54 14.9 54z" fill="#007D96"/><path d="M57.5 200.7V52.9l35.3-.2l35.2 92.9l38.1-92.4l34.8-.3v147.8h-28.7l1.5-103.8L128 200.7L83.9 97.1l2.3 103.6H57.5z" fill="#FFF"/><path d="M128.1 0C67.5 0 0 44.3 0 44.3l20.1 174L128 273.7V0h.1z" opacity=".1" fill="#000"/></svg>
</template>

CSS

.icon-meanio {
  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%20274%22%3E%3Cpath%20d%3D%22M0%2044.3l20.1%20174L128%20273.7l108.1-55.3L256%2044.1S188.6%200%20128.1%200S0%2044.3%200%2044.3z%22%20fill%3D%22%23007D96%22%2F%3E%3Cpath%20d%3D%22M8.3%2049.4l18.8%20159.5l101%2050.8L229.2%20209l18.6-159.7S184.7%208.9%20128.1%208.9S8.3%2049.4%208.3%2049.4z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M14.9%2054l17.8%20149.6l95.4%2047.6l95.5-47.5l17.5-149.8S181.5%2016%20128%2016C74.5%2016%2014.9%2054%2014.9%2054z%22%20fill%3D%22%23007D96%22%2F%3E%3Cpath%20d%3D%22M57.5%20200.7V52.9l35.3-.2l35.2%2092.9l38.1-92.4l34.8-.3v147.8h-28.7l1.5-103.8L128%20200.7L83.9%2097.1l2.3%20103.6H57.5z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M128.1%200C67.5%200%200%2044.3%200%2044.3l20.1%20174L128%20273.7V0h.1z%22%20opacity%3D%22.1%22%20fill%3D%22%23000%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%20274%22%3E%3Cpath%20d%3D%22M0%2044.3l20.1%20174L128%20273.7l108.1-55.3L256%2044.1S188.6%200%20128.1%200S0%2044.3%200%2044.3z%22%20fill%3D%22%23007D96%22%2F%3E%3Cpath%20d%3D%22M8.3%2049.4l18.8%20159.5l101%2050.8L229.2%20209l18.6-159.7S184.7%208.9%20128.1%208.9S8.3%2049.4%208.3%2049.4z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M14.9%2054l17.8%20149.6l95.4%2047.6l95.5-47.5l17.5-149.8S181.5%2016%20128%2016C74.5%2016%2014.9%2054%2014.9%2054z%22%20fill%3D%22%23007D96%22%2F%3E%3Cpath%20d%3D%22M57.5%20200.7V52.9l35.3-.2l35.2%2092.9l38.1-92.4l34.8-.3v147.8h-28.7l1.5-103.8L128%20200.7L83.9%2097.1l2.3%20103.6H57.5z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M128.1%200C67.5%200%200%2044.3%200%2044.3l20.1%20174L128%20273.7V0h.1z%22%20opacity%3D%22.1%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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