customerio icon logo

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

Name
customerio-icon
Set
SVG Logos
Style
Color
Viewbox
256×180
License
CC0

Use the customerio icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#ffcd00" d="M127.843 102.423a51.21 51.21 0 1 0-51.21-51.186a51.186 51.186 0 0 0 51.21 51.186"/><path fill="#00ecbb" d="M128.161 128.016h-.171c-35.127-.009-65.777-23.834-74.453-57.872c-2.571-10.238-10.898-18.907-21.454-18.907H0c0 70.686 57.303 127.99 127.99 127.99h.171z"/><path fill="#af64ff" d="M127.843 128.016h.147c35.13 0 65.785-23.829 74.452-57.872c2.597-10.238 10.923-18.907 21.48-18.907h32.082c-.013 70.69-57.323 127.99-128.014 127.99h-.147z"/><path fill="#7131ff" d="M218.509 141.73a127.99 127.99 0 0 1-181.013 0l36.197-36.197c30 29.98 78.618 29.98 108.618 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosCustomerioIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#ffcd00" d="M127.843 102.423a51.21 51.21 0 1 0-51.21-51.186a51.186 51.186 0 0 0 51.21 51.186"/><path fill="#00ecbb" d="M128.161 128.016h-.171c-35.127-.009-65.777-23.834-74.453-57.872c-2.571-10.238-10.898-18.907-21.454-18.907H0c0 70.686 57.303 127.99 127.99 127.99h.171z"/><path fill="#af64ff" d="M127.843 128.016h.147c35.13 0 65.785-23.829 74.452-57.872c2.597-10.238 10.923-18.907 21.48-18.907h32.082c-.013 70.69-57.323 127.99-128.014 127.99h-.147z"/><path fill="#7131ff" d="M218.509 141.73a127.99 127.99 0 0 1-181.013 0l36.197-36.197c30 29.98 78.618 29.98 108.618 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 180"><path fill="#ffcd00" d="M127.843 102.423a51.21 51.21 0 1 0-51.21-51.186a51.186 51.186 0 0 0 51.21 51.186"/><path fill="#00ecbb" d="M128.161 128.016h-.171c-35.127-.009-65.777-23.834-74.453-57.872c-2.571-10.238-10.898-18.907-21.454-18.907H0c0 70.686 57.303 127.99 127.99 127.99h.171z"/><path fill="#af64ff" d="M127.843 128.016h.147c35.13 0 65.785-23.829 74.452-57.872c2.597-10.238 10.923-18.907 21.48-18.907h32.082c-.013 70.69-57.323 127.99-128.014 127.99h-.147z"/><path fill="#7131ff" d="M218.509 141.73a127.99 127.99 0 0 1-181.013 0l36.197-36.197c30 29.98 78.618 29.98 108.618 0z"/></svg>
</template>

CSS

.icon-customerio-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%20180%22%3E%3Cpath%20fill%3D%22%23ffcd00%22%20d%3D%22M127.843%20102.423a51.21%2051.21%200%201%200-51.21-51.186a51.186%2051.186%200%200%200%2051.21%2051.186%22%2F%3E%3Cpath%20fill%3D%22%2300ecbb%22%20d%3D%22M128.161%20128.016h-.171c-35.127-.009-65.777-23.834-74.453-57.872c-2.571-10.238-10.898-18.907-21.454-18.907H0c0%2070.686%2057.303%20127.99%20127.99%20127.99h.171z%22%2F%3E%3Cpath%20fill%3D%22%23af64ff%22%20d%3D%22M127.843%20128.016h.147c35.13%200%2065.785-23.829%2074.452-57.872c2.597-10.238%2010.923-18.907%2021.48-18.907h32.082c-.013%2070.69-57.323%20127.99-128.014%20127.99h-.147z%22%2F%3E%3Cpath%20fill%3D%22%237131ff%22%20d%3D%22M218.509%20141.73a127.99%20127.99%200%200%201-181.013%200l36.197-36.197c30%2029.98%2078.618%2029.98%20108.618%200z%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%20180%22%3E%3Cpath%20fill%3D%22%23ffcd00%22%20d%3D%22M127.843%20102.423a51.21%2051.21%200%201%200-51.21-51.186a51.186%2051.186%200%200%200%2051.21%2051.186%22%2F%3E%3Cpath%20fill%3D%22%2300ecbb%22%20d%3D%22M128.161%20128.016h-.171c-35.127-.009-65.777-23.834-74.453-57.872c-2.571-10.238-10.898-18.907-21.454-18.907H0c0%2070.686%2057.303%20127.99%20127.99%20127.99h.171z%22%2F%3E%3Cpath%20fill%3D%22%23af64ff%22%20d%3D%22M127.843%20128.016h.147c35.13%200%2065.785-23.829%2074.452-57.872c2.597-10.238%2010.923-18.907%2021.48-18.907h32.082c-.013%2070.69-57.323%20127.99-128.014%20127.99h-.147z%22%2F%3E%3Cpath%20fill%3D%22%237131ff%22%20d%3D%22M218.509%20141.73a127.99%20127.99%200%200%201-181.013%200l36.197-36.197c30%2029.98%2078.618%2029.98%20108.618%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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