Xata icon
thesvg-color:xata
The Xata icon (thesvg-color:xata) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 134 × 135 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 134 × 135
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="134" height="135" viewBox="0 0 134 135"><path fill="#8468f6" fill-rule="evenodd" d="M123.722 75.96c10.692 18.645 8.133 42.795-7.691 58.799l-.238.241l-25.633-25.568zm-62.213 6.261a48.8 48.8 0 0 1-11.84 20.759l-.8.797l-34.456-34.38C-4.72 50.315-4.805 19.424 14.163.238l.24-.237l35.406 35.312c12.269 12.9 16.168 30.819 11.7 46.91m-51.232-6.26C-.417 94.604 2.15 118.754 17.97 134.758l.242.241l25.632-25.568zm62.216 6.26c2.096 7.56 6.048 14.716 11.841 20.759l.8.797l34.452-34.38c19.136-19.083 19.217-49.974.251-69.16L119.598 0L84.19 35.312c-12.264 12.9-16.169 30.819-11.697 46.91" clip-rule="evenodd"/></svg>How to use the Xata icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:xata" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:xata" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:xata" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--xata]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:xata"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:xata"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/xata.svg" alt="Xata icon" width="24" height="24">Xata icon in other icon sets
Xata icon FAQ
Is the Xata icon free for commercial use?
Yes. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/xata.svg" alt="Xata icon">, or paste the SVG code inline to style it with CSS.