liquid logo
liquid-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- liquid-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 61×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
Use the liquid logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 61 24"><path fill="currentColor" fill-rule="evenodd" d="M2 19.59V2h3.136v14.846h8.28v2.744H2zM14.128 5.013V2h3.038v3.013h-3.038zm2.989 1.715V19.59h-2.94V6.728h2.94zM23.517 19.86c-3.602 0-5.66-3.038-5.66-6.688s2.058-6.689 5.66-6.689c1.665 0 2.89.662 3.699 1.617V6.728h2.94V24h-2.94v-5.757c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.131 0-3.282 1.666-3.282 4.116 0 2.45 1.151 4.115 3.282 4.115 1.813 0 3.185-1.347 3.185-3.723v-.76zM41.85 6.729V19.59h-2.94v-1.372c-.735.858-1.837 1.642-3.503 1.642-2.695 0-4.361-1.838-4.361-4.606V6.73h2.94v7.888c0 1.568.686 2.572 2.278 2.572 1.323 0 2.646-.98 2.646-2.817V6.73h2.94zM42.728 5.013V2h3.038v3.013h-3.038zm2.99 1.715V19.59h-2.94V6.728h2.94zM52.196 19.86c-3.602 0-5.66-3.038-5.66-6.689 0-3.65 2.058-6.688 5.66-6.688 1.665 0 2.89.662 3.699 1.617V2h2.94v17.59h-2.94v-1.347c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.13 0-3.282 1.666-3.282 4.115 0 2.45 1.151 4.116 3.282 4.116 1.813 0 3.185-1.347 3.185-3.724v-.76z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubLiquidText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 61 24"><path fill="currentColor" fillRule="evenodd" d="M2 19.59V2h3.136v14.846h8.28v2.744H2zM14.128 5.013V2h3.038v3.013h-3.038zm2.989 1.715V19.59h-2.94V6.728h2.94zM23.517 19.86c-3.602 0-5.66-3.038-5.66-6.688s2.058-6.689 5.66-6.689c1.665 0 2.89.662 3.699 1.617V6.728h2.94V24h-2.94v-5.757c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.131 0-3.282 1.666-3.282 4.116 0 2.45 1.151 4.115 3.282 4.115 1.813 0 3.185-1.347 3.185-3.723v-.76zM41.85 6.729V19.59h-2.94v-1.372c-.735.858-1.837 1.642-3.503 1.642-2.695 0-4.361-1.838-4.361-4.606V6.73h2.94v7.888c0 1.568.686 2.572 2.278 2.572 1.323 0 2.646-.98 2.646-2.817V6.73h2.94zM42.728 5.013V2h3.038v3.013h-3.038zm2.99 1.715V19.59h-2.94V6.728h2.94zM52.196 19.86c-3.602 0-5.66-3.038-5.66-6.689 0-3.65 2.058-6.688 5.66-6.688 1.665 0 2.89.662 3.699 1.617V2h2.94v17.59h-2.94v-1.347c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.13 0-3.282 1.666-3.282 4.115 0 2.45 1.151 4.116 3.282 4.116 1.813 0 3.185-1.347 3.185-3.724v-.76z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 61 24"><path fill="currentColor" fill-rule="evenodd" d="M2 19.59V2h3.136v14.846h8.28v2.744H2zM14.128 5.013V2h3.038v3.013h-3.038zm2.989 1.715V19.59h-2.94V6.728h2.94zM23.517 19.86c-3.602 0-5.66-3.038-5.66-6.688s2.058-6.689 5.66-6.689c1.665 0 2.89.662 3.699 1.617V6.728h2.94V24h-2.94v-5.757c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.131 0-3.282 1.666-3.282 4.116 0 2.45 1.151 4.115 3.282 4.115 1.813 0 3.185-1.347 3.185-3.723v-.76zM41.85 6.729V19.59h-2.94v-1.372c-.735.858-1.837 1.642-3.503 1.642-2.695 0-4.361-1.838-4.361-4.606V6.73h2.94v7.888c0 1.568.686 2.572 2.278 2.572 1.323 0 2.646-.98 2.646-2.817V6.73h2.94zM42.728 5.013V2h3.038v3.013h-3.038zm2.99 1.715V19.59h-2.94V6.728h2.94zM52.196 19.86c-3.602 0-5.66-3.038-5.66-6.689 0-3.65 2.058-6.688 5.66-6.688 1.665 0 2.89.662 3.699 1.617V2h2.94v17.59h-2.94v-1.347c-.809.955-2.034 1.617-3.7 1.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.13 0-3.282 1.666-3.282 4.115 0 2.45 1.151 4.116 3.282 4.116 1.813 0 3.185-1.347 3.185-3.724v-.76z"/></svg> </template>
CSS
.icon-liquid-text {
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%2061%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2019.59V2h3.136v14.846h8.28v2.744H2zM14.128%205.013V2h3.038v3.013h-3.038zm2.989%201.715V19.59h-2.94V6.728h2.94zM23.517%2019.86c-3.602%200-5.66-3.038-5.66-6.688s2.058-6.689%205.66-6.689c1.665%200%202.89.662%203.699%201.617V6.728h2.94V24h-2.94v-5.757c-.809.955-2.034%201.617-3.7%201.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.131%200-3.282%201.666-3.282%204.116%200%202.45%201.151%204.115%203.282%204.115%201.813%200%203.185-1.347%203.185-3.723v-.76zM41.85%206.729V19.59h-2.94v-1.372c-.735.858-1.837%201.642-3.503%201.642-2.695%200-4.361-1.838-4.361-4.606V6.73h2.94v7.888c0%201.568.686%202.572%202.278%202.572%201.323%200%202.646-.98%202.646-2.817V6.73h2.94zM42.728%205.013V2h3.038v3.013h-3.038zm2.99%201.715V19.59h-2.94V6.728h2.94zM52.196%2019.86c-3.602%200-5.66-3.038-5.66-6.689%200-3.65%202.058-6.688%205.66-6.688%201.665%200%202.89.662%203.699%201.617V2h2.94v17.59h-2.94v-1.347c-.809.955-2.034%201.617-3.7%201.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.13%200-3.282%201.666-3.282%204.115%200%202.45%201.151%204.116%203.282%204.116%201.813%200%203.185-1.347%203.185-3.724v-.76z%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%2061%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2019.59V2h3.136v14.846h8.28v2.744H2zM14.128%205.013V2h3.038v3.013h-3.038zm2.989%201.715V19.59h-2.94V6.728h2.94zM23.517%2019.86c-3.602%200-5.66-3.038-5.66-6.688s2.058-6.689%205.66-6.689c1.665%200%202.89.662%203.699%201.617V6.728h2.94V24h-2.94v-5.757c-.809.955-2.034%201.617-3.7%201.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.131%200-3.282%201.666-3.282%204.116%200%202.45%201.151%204.115%203.282%204.115%201.813%200%203.185-1.347%203.185-3.723v-.76zM41.85%206.729V19.59h-2.94v-1.372c-.735.858-1.837%201.642-3.503%201.642-2.695%200-4.361-1.838-4.361-4.606V6.73h2.94v7.888c0%201.568.686%202.572%202.278%202.572%201.323%200%202.646-.98%202.646-2.817V6.73h2.94zM42.728%205.013V2h3.038v3.013h-3.038zm2.99%201.715V19.59h-2.94V6.728h2.94zM52.196%2019.86c-3.602%200-5.66-3.038-5.66-6.689%200-3.65%202.058-6.688%205.66-6.688%201.665%200%202.89.662%203.699%201.617V2h2.94v17.59h-2.94v-1.347c-.809.955-2.034%201.617-3.7%201.617zm3.772-7.056c0-2.425-1.372-3.748-3.185-3.748-2.13%200-3.282%201.666-3.282%204.115%200%202.45%201.151%204.116%203.282%204.116%201.813%200%203.185-1.347%203.185-3.724v-.76z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/liquid-text.svg?color=%231a73e8&size=48
