Chai icon
logos:chai
The Chai icon (logos:chai) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 296 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 × 296
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="296" viewBox="0 0 256 296"><defs><linearGradient id="SVGlL4UEetF" x1="50%" x2="50%" y1="45.227%" y2="100%"><stop offset="0%" stop-color="#f7f6f3"/><stop offset="100%" stop-color="#fef6d5"/></linearGradient></defs><path fill="#a1070c" d="m11.071 215.711l116.926 67.509l116.932-67.509V80.696L127.997 13.189L11.071 80.696zM127.997 296L0 222.1V74.306L127.997.404L256 74.306V222.1z"/><path fill="url(#SVGlL4UEetF)" d="M9.579 79.833L128 11.463l118.421 68.37v136.741L128 284.944L9.579 216.574z"/><path fill="#a1070c" d="M182.332 98.173q0 8.058-3.18 16.008a59.1 59.1 0 0 1-8.534 14.736a62.4 62.4 0 0 1-12.35 11.874q-6.999 5.089-14.525 7.315l-2.226-3.71a34 34 0 0 0 8.163-5.725a37 37 0 0 0 6.36-7.898a39.2 39.2 0 0 0 4.082-9.33a35.8 35.8 0 0 0 1.431-10.018q0-5.83-1.696-11.025t-4.982-9.065q-3.287-3.87-8.11-6.095q-4.825-2.227-11.079-2.227q-7.633 0-13.994 2.969t-11.45 8.004t-8.852 11.555a79.7 79.7 0 0 0-6.254 13.676a92 92 0 0 0-3.764 14.471Q90.1 141.003 90.1 147.47q0 6.573 1.378 13.57a80.7 80.7 0 0 0 4.029 13.782a71 71 0 0 0 6.573 12.827q3.922 6.043 9.064 10.602a42.2 42.2 0 0 0 11.45 7.262q6.307 2.703 13.728 2.703q5.09 0 9.912-1.378a49 49 0 0 0 9.277-3.71a52.4 52.4 0 0 0 8.428-5.513a65 65 0 0 0 7.368-6.891l3.498 3.392q-4.664 6.15-11.078 11.82a90.5 90.5 0 0 1-13.835 10.072a75.6 75.6 0 0 1-15.531 6.997q-8.11 2.598-16.061 2.597q-7.74 0-14.577-2.703a48.1 48.1 0 0 1-12.563-7.315q-5.725-4.612-10.23-10.813a73.3 73.3 0 0 1-7.633-13.2a75 75 0 0 1-4.771-14.417q-1.643-7.421-1.643-14.524q0-10.284 3.445-21.15t9.489-21.097t14.258-19.347q8.217-9.118 17.705-15.902q9.488-6.785 19.824-10.76q10.337-3.976 20.62-3.976q6.36 0 11.874 1.855q5.512 1.855 9.541 5.354T180 86.3t2.332 11.873"/></svg>How to use the Chai icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:chai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:chai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:chai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--chai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:chai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:chai"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/chai.svg" alt="Chai icon" width="24" height="24">Chai icon in other icon sets
Chai icon FAQ
Is the Chai 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 Chai icon in React?
Install @iconify/react and render <Icon icon="logos:chai" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chai icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/chai.svg" alt="Chai icon">, or paste the SVG code inline to style it with CSS.