xata icon logo

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

Name
xata-icon
Set
SVG Logos
Style
Color
Viewbox
256×260
License
CC0

Use the xata icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#06d6a0" d="M216.514 259.317c17.957-17.916 29.972-40.317 33.4-62.274c3.43-21.959-2.007-41.676-15.115-54.814l-67.708 67.55z"/><path fill="#ffbe0b" d="M39.487 259.704C21.53 241.788 9.515 219.388 6.086 197.429s2.008-41.675 15.116-54.814l67.708 67.55z"/><path fill="#ff0075" d="M0 68.049a95.64 95.64 0 0 0 28.092 67.596l.001-.002l67.7 67.541a95.643 95.643 0 0 0-.159-135.258l-.001.002l-67.7-67.54A95.64 95.64 0 0 0 0 68.048"/><path fill="#0076ff" d="M256 67.661a95.64 95.64 0 0 1-28.092 67.597l-.002-.003l-67.699 67.541a95.645 95.645 0 0 1 .158-135.257l.002.001L228.067 0A95.64 95.64 0 0 1 256 67.661"/></svg>

React

import type { SVGProps } from "react";

export function LogosXataIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#06d6a0" d="M216.514 259.317c17.957-17.916 29.972-40.317 33.4-62.274c3.43-21.959-2.007-41.676-15.115-54.814l-67.708 67.55z"/><path fill="#ffbe0b" d="M39.487 259.704C21.53 241.788 9.515 219.388 6.086 197.429s2.008-41.675 15.116-54.814l67.708 67.55z"/><path fill="#ff0075" d="M0 68.049a95.64 95.64 0 0 0 28.092 67.596l.001-.002l67.7 67.541a95.643 95.643 0 0 0-.159-135.258l-.001.002l-67.7-67.54A95.64 95.64 0 0 0 0 68.048"/><path fill="#0076ff" d="M256 67.661a95.64 95.64 0 0 1-28.092 67.597l-.002-.003l-67.699 67.541a95.645 95.645 0 0 1 .158-135.257l.002.001L228.067 0A95.64 95.64 0 0 1 256 67.661"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#06d6a0" d="M216.514 259.317c17.957-17.916 29.972-40.317 33.4-62.274c3.43-21.959-2.007-41.676-15.115-54.814l-67.708 67.55z"/><path fill="#ffbe0b" d="M39.487 259.704C21.53 241.788 9.515 219.388 6.086 197.429s2.008-41.675 15.116-54.814l67.708 67.55z"/><path fill="#ff0075" d="M0 68.049a95.64 95.64 0 0 0 28.092 67.596l.001-.002l67.7 67.541a95.643 95.643 0 0 0-.159-135.258l-.001.002l-67.7-67.54A95.64 95.64 0 0 0 0 68.048"/><path fill="#0076ff" d="M256 67.661a95.64 95.64 0 0 1-28.092 67.597l-.002-.003l-67.699 67.541a95.645 95.645 0 0 1 .158-135.257l.002.001L228.067 0A95.64 95.64 0 0 1 256 67.661"/></svg>
</template>

CSS

.icon-xata-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%20260%22%3E%3Cpath%20fill%3D%22%2306d6a0%22%20d%3D%22M216.514%20259.317c17.957-17.916%2029.972-40.317%2033.4-62.274c3.43-21.959-2.007-41.676-15.115-54.814l-67.708%2067.55z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe0b%22%20d%3D%22M39.487%20259.704C21.53%20241.788%209.515%20219.388%206.086%20197.429s2.008-41.675%2015.116-54.814l67.708%2067.55z%22%2F%3E%3Cpath%20fill%3D%22%23ff0075%22%20d%3D%22M0%2068.049a95.64%2095.64%200%200%200%2028.092%2067.596l.001-.002l67.7%2067.541a95.643%2095.643%200%200%200-.159-135.258l-.001.002l-67.7-67.54A95.64%2095.64%200%200%200%200%2068.048%22%2F%3E%3Cpath%20fill%3D%22%230076ff%22%20d%3D%22M256%2067.661a95.64%2095.64%200%200%201-28.092%2067.597l-.002-.003l-67.699%2067.541a95.645%2095.645%200%200%201%20.158-135.257l.002.001L228.067%200A95.64%2095.64%200%200%201%20256%2067.661%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%20260%22%3E%3Cpath%20fill%3D%22%2306d6a0%22%20d%3D%22M216.514%20259.317c17.957-17.916%2029.972-40.317%2033.4-62.274c3.43-21.959-2.007-41.676-15.115-54.814l-67.708%2067.55z%22%2F%3E%3Cpath%20fill%3D%22%23ffbe0b%22%20d%3D%22M39.487%20259.704C21.53%20241.788%209.515%20219.388%206.086%20197.429s2.008-41.675%2015.116-54.814l67.708%2067.55z%22%2F%3E%3Cpath%20fill%3D%22%23ff0075%22%20d%3D%22M0%2068.049a95.64%2095.64%200%200%200%2028.092%2067.596l.001-.002l67.7%2067.541a95.643%2095.643%200%200%200-.159-135.258l-.001.002l-67.7-67.54A95.64%2095.64%200%200%200%200%2068.048%22%2F%3E%3Cpath%20fill%3D%22%230076ff%22%20d%3D%22M256%2067.661a95.64%2095.64%200%200%201-28.092%2067.597l-.002-.003l-67.699%2067.541a95.645%2095.645%200%200%201%20.158-135.257l.002.001L228.067%200A95.64%2095.64%200%200%201%20256%2067.661%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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