tavily logo
tavily from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- tavily
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the tavily logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.033 14.273a1.612 1.612 0 011.139.47l.04.042.044.043a1.61 1.61 0 010 2.277l-3.073 3.073.816.816c.6.6.303 1.627-.525 1.814l-5.159 1.165a1.07 1.07 0 01-.897-.2l-.102-.09a1.07 1.07 0 01-.289-1l1.164-5.158A1.079 1.079 0 013.006 17l.816.817 3.074-3.074a1.612 1.612 0 011.137-.47zM17.042 13.246c0-.85.935-1.366 1.653-.912l4.47 2.824c.336.212.503.562.503.911 0 .35-.167.7-.501.913l-4.472 2.824a1.079 1.079 0 01-1.654-.912v-1.155h-7.027c.37-.4.605-.902.677-1.438l.022-.232a2.65 2.65 0 00-.492-1.669h6.821v-1.154zM8.188 0c.35 0 .7.168.913.503l2.823 4.47a1.079 1.079 0 01-.911 1.655H9.857v6.692h-1.67a2.633 2.633 0 00-1.668.48V6.629H5.365c-.849 0-1.366-.936-.912-1.654L7.276.503A1.072 1.072 0 018.188 0z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubTavily(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.033 14.273a1.612 1.612 0 011.139.47l.04.042.044.043a1.61 1.61 0 010 2.277l-3.073 3.073.816.816c.6.6.303 1.627-.525 1.814l-5.159 1.165a1.07 1.07 0 01-.897-.2l-.102-.09a1.07 1.07 0 01-.289-1l1.164-5.158A1.079 1.079 0 013.006 17l.816.817 3.074-3.074a1.612 1.612 0 011.137-.47zM17.042 13.246c0-.85.935-1.366 1.653-.912l4.47 2.824c.336.212.503.562.503.911 0 .35-.167.7-.501.913l-4.472 2.824a1.079 1.079 0 01-1.654-.912v-1.155h-7.027c.37-.4.605-.902.677-1.438l.022-.232a2.65 2.65 0 00-.492-1.669h6.821v-1.154zM8.188 0c.35 0 .7.168.913.503l2.823 4.47a1.079 1.079 0 01-.911 1.655H9.857v6.692h-1.67a2.633 2.633 0 00-1.668.48V6.629H5.365c-.849 0-1.366-.936-.912-1.654L7.276.503A1.072 1.072 0 018.188 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.033 14.273a1.612 1.612 0 011.139.47l.04.042.044.043a1.61 1.61 0 010 2.277l-3.073 3.073.816.816c.6.6.303 1.627-.525 1.814l-5.159 1.165a1.07 1.07 0 01-.897-.2l-.102-.09a1.07 1.07 0 01-.289-1l1.164-5.158A1.079 1.079 0 013.006 17l.816.817 3.074-3.074a1.612 1.612 0 011.137-.47zM17.042 13.246c0-.85.935-1.366 1.653-.912l4.47 2.824c.336.212.503.562.503.911 0 .35-.167.7-.501.913l-4.472 2.824a1.079 1.079 0 01-1.654-.912v-1.155h-7.027c.37-.4.605-.902.677-1.438l.022-.232a2.65 2.65 0 00-.492-1.669h6.821v-1.154zM8.188 0c.35 0 .7.168.913.503l2.823 4.47a1.079 1.079 0 01-.911 1.655H9.857v6.692h-1.67a2.633 2.633 0 00-1.668.48V6.629H5.365c-.849 0-1.366-.936-.912-1.654L7.276.503A1.072 1.072 0 018.188 0z"/></svg> </template>
CSS
.icon-tavily {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.033%2014.273a1.612%201.612%200%20011.139.47l.04.042.044.043a1.61%201.61%200%20010%202.277l-3.073%203.073.816.816c.6.6.303%201.627-.525%201.814l-5.159%201.165a1.07%201.07%200%2001-.897-.2l-.102-.09a1.07%201.07%200%2001-.289-1l1.164-5.158A1.079%201.079%200%20013.006%2017l.816.817%203.074-3.074a1.612%201.612%200%20011.137-.47zM17.042%2013.246c0-.85.935-1.366%201.653-.912l4.47%202.824c.336.212.503.562.503.911%200%20.35-.167.7-.501.913l-4.472%202.824a1.079%201.079%200%2001-1.654-.912v-1.155h-7.027c.37-.4.605-.902.677-1.438l.022-.232a2.65%202.65%200%2000-.492-1.669h6.821v-1.154zM8.188%200c.35%200%20.7.168.913.503l2.823%204.47a1.079%201.079%200%2001-.911%201.655H9.857v6.692h-1.67a2.633%202.633%200%2000-1.668.48V6.629H5.365c-.849%200-1.366-.936-.912-1.654L7.276.503A1.072%201.072%200%20018.188%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.033%2014.273a1.612%201.612%200%20011.139.47l.04.042.044.043a1.61%201.61%200%20010%202.277l-3.073%203.073.816.816c.6.6.303%201.627-.525%201.814l-5.159%201.165a1.07%201.07%200%2001-.897-.2l-.102-.09a1.07%201.07%200%2001-.289-1l1.164-5.158A1.079%201.079%200%20013.006%2017l.816.817%203.074-3.074a1.612%201.612%200%20011.137-.47zM17.042%2013.246c0-.85.935-1.366%201.653-.912l4.47%202.824c.336.212.503.562.503.911%200%20.35-.167.7-.501.913l-4.472%202.824a1.079%201.079%200%2001-1.654-.912v-1.155h-7.027c.37-.4.605-.902.677-1.438l.022-.232a2.65%202.65%200%2000-.492-1.669h6.821v-1.154zM8.188%200c.35%200%20.7.168.913.503l2.823%204.47a1.079%201.079%200%2001-.911%201.655H9.857v6.692h-1.67a2.633%202.633%200%2000-1.668.48V6.629H5.365c-.849%200-1.366-.936-.912-1.654L7.276.503A1.072%201.072%200%20018.188%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/tavily.svg?color=%231a73e8&size=48
