Librechat icon
thesvg-color:librechat
The Librechat icon (thesvg-color:librechat) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 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
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVG98UNDcbp"><stop offset="0" stop-color="#21facf"/><stop offset="1" stop-color="#0970ef"/></linearGradient><linearGradient id="SVGOUNc7BsQ" x1="68.454" x2="198.59" y1="246.73" y2="96.35" gradientTransform="translate(-5.754 -56.594)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#72004e"/><stop offset="1" stop-color="#0015b1"/></linearGradient><linearGradient id="SVGE4XipbZc" x1="39.468" x2="154.99" y1="204.22" y2="124.47" gradientUnits="userSpaceOnUse" href="#SVG98UNDcbp"/></defs><path fill="url(#SVGE4XipbZc)" d="M148.16 59.393c-7.71 9.399-19.951 42.888-20.696 49.204c-.17 4.674 1.373 14.231.672 15.805c-.72 1.613-5.117-9.446-7.215-6.327c-12.22 18.168-10.7 17.731-15.582 31.378c-1.836 5.132-.425 21.99-1.567 23.773c-1.273 1.987-3.962-12.31-6.806-9.236c-11.603 12.54-16.28 20.38-22.336 30.607c-3.36 5.673-2.182 23.33-3.506 24.674c-1.302 1.322-3.857-18.326-7.644-14.309c-8.52 9.038-14.054 13.441-18.946 19.252c-5.198 6.174-.782 17.584-5.067 35.383l.145.221c77.447-50.308 101.52-127.16 107.61-181.19c-.68 63.93-29.41 142.78-105.33 184.65l.112.172c20.241-2.181 22.307 10.458 44.562-4.284c55.792-48.277 81.856-124.29 61.593-199.78z" transform="translate(-18.622 -146.861)scale(2.473)"/><path fill="url(#SVGOUNc7BsQ)" d="M105.5 24.43c-48.394 0-87.625 39.231-87.625 87.625a87.63 87.63 0 0 0 20.253 55.954q.377-.633.858-1.206c4.892-5.81 10.427-10.214 18.946-19.252c3.787-4.018 6.341 15.63 7.643 14.309c1.325-1.344.148-19.001 3.507-24.674c6.056-10.228 10.733-18.067 22.336-30.607c2.844-3.074 5.533 11.223 6.806 9.236c1.142-1.782-.27-18.641 1.566-23.773c4.882-13.647 3.363-13.21 15.582-31.378c2.098-3.12 6.496 7.94 7.215 6.327c.701-1.574-.841-11.131-.672-15.805c.372-3.15 3.604-13.06 7.706-23.367a87.6 87.6 0 0 0-24.12-3.39zm43.142 11.356c5.566 61.595-18.426 120.7-62.796 161.65a87.6 87.6 0 0 0 19.655 2.239c48.394 0 87.625-39.231 87.625-87.625a87.63 87.63 0 0 0-44.484-76.268z" transform="translate(-4.898 -4.881)scale(2.473)"/></svg>How to use the Librechat icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:librechat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:librechat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:librechat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--librechat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:librechat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:librechat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/librechat.svg" alt="Librechat icon" width="24" height="24">Librechat icon in other icon sets
Librechat icon FAQ
Is the Librechat 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 Librechat icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:librechat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Librechat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/librechat.svg" alt="Librechat icon">, or paste the SVG code inline to style it with CSS.