Typesense icon
thesvg-color:typesense
The Typesense icon (thesvg-color:typesense) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 255 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
- 256 × 255
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="255" viewBox="0 0 256 255"><path fill="#1035bc" d="M75.104 80.303q.826 4.126.826 7.979q0 3.576-.826 7.702l-34.938-.275v92.437q0 11.554 10.729 11.554h20.908q1.926 4.677 1.926 9.354t-.55 5.777q-12.656 1.65-26.135 1.65q-26.685 0-26.686-22.833V95.709l-19.533.275Q0 91.858 0 88.282q0-3.852.825-7.979l19.533.275V51.692q0-7.428 2.2-10.454q2.201-3.302 8.53-3.302h7.427l1.65 1.651v41.267zm10.477 125.255q.268-6.03 3.286-13.156q3.291-7.4 7.401-11.512q21.653 11.786 38.1 11.786q9.041 0 14.524-3.563q5.757-3.563 5.759-9.594q0-9.592-14.803-15.349l-15.35-5.755q-34.533-12.608-34.534-40.292q-.001-9.867 3.564-17.541c2.557-5.3 6.026-9.776 10.415-13.43q6.85-5.756 16.173-8.771q9.316-3.016 20.829-3.016q5.205 0 11.511.823c4.384.548 8.772 1.37 13.155 2.467c4.388.913 8.588 2.01 12.609 3.289q6.029 1.919 10.415 4.111q0 6.852-2.74 14.253t-7.402 10.963q-21.653-9.593-37.548-9.593q-7.127 0-11.239 3.564q-4.11 3.288-4.11 8.77q-.001 8.498 13.706 13.43l16.719 6.03c12.057 4.203 21.013 9.96 26.86 17.268q8.772 10.965 8.772 25.49q-.001 19.462-14.53 31.246q-14.526 11.513-41.659 11.513q-26.59 0-49.883-13.431m150.807 48.031V.83q4.143-.83 9.396-.83c3.682 0 7.09.276 10.216.829v252.76q-4.692.829-10.216.83q-5.253-.001-9.396-.83"/></svg>How to use the Typesense icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:typesense" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:typesense" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:typesense" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--typesense]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:typesense"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:typesense"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/typesense.svg" alt="Typesense icon" width="24" height="24">Typesense icon in other icon sets
Typesense icon FAQ
Is the Typesense 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 Typesense icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:typesense" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Typesense icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/typesense.svg" alt="Typesense icon">, or paste the SVG code inline to style it with CSS.