ethnio logo

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

Name: ethnio
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

Use the ethnio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#24373e" d="M128 0c70.687 0 128 57.313 128 128s-57.313 128-128 128S0 198.687 0 128S57.313 0 128 0"/><path fill="#f8f4ef" d="M128 46.968c44.774 0 80.98 36.31 80.98 80.98s-36.31 80.98-80.98 80.98s-80.98-36.206-80.98-80.98c0-44.67 36.258-80.98 80.98-80.98"/><path fill="#8eb0bd" d="M128 79.778c26.593 0 48.222 21.577 48.222 48.222S154.645 176.222 128 176.222s-48.222-21.63-48.222-48.274s21.577-48.17 48.222-48.17"/></svg>

React

import type { SVGProps } from "react";

export function LogosEthnio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#24373e" d="M128 0c70.687 0 128 57.313 128 128s-57.313 128-128 128S0 198.687 0 128S57.313 0 128 0"/><path fill="#f8f4ef" d="M128 46.968c44.774 0 80.98 36.31 80.98 80.98s-36.31 80.98-80.98 80.98s-80.98-36.206-80.98-80.98c0-44.67 36.258-80.98 80.98-80.98"/><path fill="#8eb0bd" d="M128 79.778c26.593 0 48.222 21.577 48.222 48.222S154.645 176.222 128 176.222s-48.222-21.63-48.222-48.274s21.577-48.17 48.222-48.17"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#24373e" d="M128 0c70.687 0 128 57.313 128 128s-57.313 128-128 128S0 198.687 0 128S57.313 0 128 0"/><path fill="#f8f4ef" d="M128 46.968c44.774 0 80.98 36.31 80.98 80.98s-36.31 80.98-80.98 80.98s-80.98-36.206-80.98-80.98c0-44.67 36.258-80.98 80.98-80.98"/><path fill="#8eb0bd" d="M128 79.778c26.593 0 48.222 21.577 48.222 48.222S154.645 176.222 128 176.222s-48.222-21.63-48.222-48.274s21.577-48.17 48.222-48.17"/></svg>
</template>

CSS

.icon-ethnio {
  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%20256%22%3E%3Cpath%20fill%3D%22%2324373e%22%20d%3D%22M128%200c70.687%200%20128%2057.313%20128%20128s-57.313%20128-128%20128S0%20198.687%200%20128S57.313%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23f8f4ef%22%20d%3D%22M128%2046.968c44.774%200%2080.98%2036.31%2080.98%2080.98s-36.31%2080.98-80.98%2080.98s-80.98-36.206-80.98-80.98c0-44.67%2036.258-80.98%2080.98-80.98%22%2F%3E%3Cpath%20fill%3D%22%238eb0bd%22%20d%3D%22M128%2079.778c26.593%200%2048.222%2021.577%2048.222%2048.222S154.645%20176.222%20128%20176.222s-48.222-21.63-48.222-48.274s21.577-48.17%2048.222-48.17%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%20256%22%3E%3Cpath%20fill%3D%22%2324373e%22%20d%3D%22M128%200c70.687%200%20128%2057.313%20128%20128s-57.313%20128-128%20128S0%20198.687%200%20128S57.313%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23f8f4ef%22%20d%3D%22M128%2046.968c44.774%200%2080.98%2036.31%2080.98%2080.98s-36.31%2080.98-80.98%2080.98s-80.98-36.206-80.98-80.98c0-44.67%2036.258-80.98%2080.98-80.98%22%2F%3E%3Cpath%20fill%3D%22%238eb0bd%22%20d%3D%22M128%2079.778c26.593%200%2048.222%2021.577%2048.222%2048.222S154.645%20176.222%20128%20176.222s-48.222-21.63-48.222-48.274s21.577-48.17%2048.222-48.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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