Xata icon
logos:xata
The Xata icon (logos:xata) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 158 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 158
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="158" viewBox="0 0 512 158"><path d="M270.093 46.388v3.838c0 15.851-12.848 28.7-28.7 28.7s-28.7-12.849-28.7-28.7v-3.838h-13.016v3.838c0 16.352 9.511 31.036 24.195 37.877c-14.684 6.842-24.195 21.526-24.195 37.878v3.838h13.015v-3.838c0-15.852 12.849-28.867 28.7-28.867c15.853 0 28.701 13.015 28.701 28.867v3.838h13.015v-3.838c0-16.352-9.51-31.036-24.195-37.878c14.684-6.841 24.195-21.525 24.195-37.877v-3.838zm101.119 41.715c0-23.36-18.856-41.715-41.883-41.715c-14.85 0-28.867 8.01-36.376 21.525c-9.177 16.686-6.007 37.544 7.843 50.56c8.009 7.508 18.188 11.346 28.533 11.346c7.843 0 15.518-2.17 22.36-6.508v-17.02c-5.674 6.842-13.85 10.513-22.193 10.513a29 29 0 0 1-14.183-3.671c-12.181-6.842-17.52-21.526-12.849-34.708c4.672-13.182 18.188-21.024 31.871-18.688c13.85 2.503 23.861 14.35 23.861 28.366v41.716h13.016zm49.344-28.533V46.555h-28.7V0H378.84v88.103c0 23.027 18.688 41.716 41.715 41.716v-13.015c-15.852 0-28.7-12.849-28.7-28.7V59.57zM512 88.103c0-23.36-18.852-41.715-41.88-41.715c-14.85 0-28.866 8.01-36.375 21.525c-9.178 16.686-6.007 37.544 7.842 50.56c8.01 7.508 18.188 11.346 28.534 11.346c7.842 0 15.518-2.17 22.36-6.508v-17.02c-5.674 6.842-13.85 10.513-22.193 10.513a29 29 0 0 1-14.184-3.671c-12.18-6.842-17.52-21.526-12.848-34.708s18.188-21.024 31.87-18.688c13.85 2.503 23.862 14.35 23.862 28.366v41.716H512z"/><path fill="#06d6a0" d="M129.738 157.722c10.76-10.735 17.96-24.158 20.014-37.316c2.055-13.157-1.203-24.972-9.057-32.845l-40.572 40.477z"/><path fill="#ffbe0b" d="M23.661 157.954c-10.76-10.735-17.96-24.158-20.014-37.316c-2.055-13.157 1.203-24.972 9.057-32.845l40.572 40.477z"/><path fill="#ff0075" d="M0 43.112a57.3 57.3 0 0 0 16.833 40.504v-.001l40.568 40.471a57.31 57.31 0 0 0-.096-81.048v.001L16.737 2.568A57.3 57.3 0 0 0 0 43.112"/><path fill="#0076ff" d="M153.398 42.88a57.3 57.3 0 0 1-16.833 40.504v-.001l-40.567 40.471a57.31 57.31 0 0 1 .095-81.048l.001.001L136.66 2.336a57.3 57.3 0 0 1 16.738 40.544"/></svg>How to use the Xata icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:xata" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:xata" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:xata" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--xata]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:xata"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:xata"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/xata.svg" alt="Xata icon" width="24" height="24">Related icons in SVG Logos
Xata icon in other icon sets
Xata icon FAQ
Is the Xata icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Xata icon in React?
Install @iconify/react and render <Icon icon="logos:xata" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Xata icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/xata.svg" alt="Xata icon">, or paste the SVG code inline to style it with CSS.