Vitess icon
logos:vitess
The Vitess icon (logos:vitess) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 233 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
- 256 × 233
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="233" viewBox="0 0 256 233"><path fill="#f16938" d="M0 0h51.35l25.818 47.193l10.363 19.092l20.064 37.037l11.55 21.306l8.706 16.003l6.374-11.731l18.688-34.412l16.799-30.412l9.139-16.557L204.866 0H256l-22.951 41.618l-29.088 52.762l-26.626 48.111l-50.341 91.192l46.368-84.004l-46.376 84.01l-24.255-44.436l-21.452-39.573l-4.165-7.678l-25.647-47.079l-2.412-4.408l-4.536-8.271z"/><path d="m44.525 82.237l-.006.007z"/><path fill="#284e64" d="m144.694 142.654l.024-.124l8.204-48.032zm59.255-48.269l-26.625 48.118l-50.332 91.176l.002.004l50.341-91.192l26.626-48.111l29.088-52.762zm.91-94.379l-8.547 15.618l8.55-15.618zM44.525 82.237l32.64-35.029zm6.948 12.686L87.52 66.29zm0 0l-2.418-4.408l2.412 4.408l25.647 47.079l4.165 7.678l-4.168-7.688z"/><path fill="#284e64" d="m60.466 78.223l16.7-31.015L87.518 66.29l20.076 37.032L87.53 66.285L77.168 47.193L51.358.006h-.005l25.812 47.202zm75.13 76.647l.118.218l4.833 8.885zm34.116-90.794l-16.8 30.412l-18.687 34.412l18.697-34.402z"/><path fill="#f16827" d="m102.731 189.253l24.255 44.436l13.349-68.627z"/><path fill="#f48029" d="m140.547 163.973l-4.833-8.885l-16.569-30.46l-16.414 64.625l37.604-24.191z"/><path fill="#f89a2e" d="m77.111 141.992l4.168 7.688l21.452 39.573l16.414-64.625z"/><path fill="#f16827" d="m77.111 141.992l42.034-17.364l-11.55-21.306L87.519 66.29z"/><path fill="#f89921" d="m144.694 142.654l8.228-48.156l-18.697 34.402l-6.374 11.731l7.745 14.239l4.951 9.103z"/><path fill="#f89a2e" d="m51.473 94.923l25.638 47.069L87.519 66.29z"/><path fill="#f48029" d="m177.324 142.503l26.625-48.118l-59.231 48.145z"/><path fill="#f4ae5c" d="m77.165 47.208l-16.7 31.015l-8.992 16.7L87.52 66.29zm67.553 95.322l34.133-95.011l-9.139 16.557l-16.79 30.422z"/><path fill="#cd4e27" d="m51.473 94.923l8.993-16.7l16.699-31.015l-32.64 35.029l-.006.007l4.536 8.271z"/><path fill="#f16938" d="m203.949 94.385l-25.098-46.866l-34.133 95.01zM44.525 82.237l32.64-35.029L51.353.006L51.35 0l-6.831 82.244z"/><path fill="#f89a2e" d="m203.949 94.385l.917-94.379V0l-.003.006l-8.55 15.618l-17.462 31.895zM51.349 0H0l44.519 82.244z"/><path fill="#cd4e27" d="M204.866 0v.006l-.917 94.379l29.1-52.767L256 0zm-60.148 142.53l-.024.124l-4.147 21.319l-.212 1.089l-13.349 68.627l.006-.01l50.332-91.176z"/></svg>How to use the Vitess icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vitess" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vitess" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vitess" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vitess]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vitess"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vitess"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/vitess.svg" alt="Vitess icon" width="24" height="24">Vitess icon in other icon sets
Vitess icon FAQ
Is the Vitess 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 Vitess icon in React?
Install @iconify/react and render <Icon icon="logos:vitess" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vitess icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/vitess.svg" alt="Vitess icon">, or paste the SVG code inline to style it with CSS.