vidu logo
vidu-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- vidu-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 63×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the vidu logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fill-rule="evenodd" d="M25.642 2.186a1.986 1.986 0 11-3.972 0 1.986 1.986 0 013.972 0zm9.416 4.509c-3.673 0-6.55 3.476-6.55 7.752 0 4.492 2.69 7.753 6.55 7.753 1.953 0 3.994-.99 5.202-2.52l.197-.25v2.25h3.289V1.602h-3.29v8.104c-1.694-1.96-3.31-3.011-5.398-3.011zm5.408 6.34v2.993c0 .873-1.336 3.17-4.342 3.17-2.328 0-4.082-2.055-4.082-4.782 0-2.698 1.794-4.812 4.082-4.812 2.85.002 4.342 2.551 4.342 3.432zm-31.76 8.612L2 2.155h3.427l5.28 15.273 5.277-15.273h3.429l-6.706 19.492h-4zm48.931.06l3.291-.005-.018-14.654h-3.273v10.268c0 .544-2.503 1.922-4.079 1.922-1.996 0-2.966-1.41-2.966-4.306V7.045h-3.28l.007 8.004c0 4.934 1.683 6.303 3.762 6.9 2.114.608 4.871-.35 6.554-2.508v2.264h.002zM25.298 7.047h-3.287v14.644h3.287V7.048z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubViduText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fillRule="evenodd" d="M25.642 2.186a1.986 1.986 0 11-3.972 0 1.986 1.986 0 013.972 0zm9.416 4.509c-3.673 0-6.55 3.476-6.55 7.752 0 4.492 2.69 7.753 6.55 7.753 1.953 0 3.994-.99 5.202-2.52l.197-.25v2.25h3.289V1.602h-3.29v8.104c-1.694-1.96-3.31-3.011-5.398-3.011zm5.408 6.34v2.993c0 .873-1.336 3.17-4.342 3.17-2.328 0-4.082-2.055-4.082-4.782 0-2.698 1.794-4.812 4.082-4.812 2.85.002 4.342 2.551 4.342 3.432zm-31.76 8.612L2 2.155h3.427l5.28 15.273 5.277-15.273h3.429l-6.706 19.492h-4zm48.931.06l3.291-.005-.018-14.654h-3.273v10.268c0 .544-2.503 1.922-4.079 1.922-1.996 0-2.966-1.41-2.966-4.306V7.045h-3.28l.007 8.004c0 4.934 1.683 6.303 3.762 6.9 2.114.608 4.871-.35 6.554-2.508v2.264h.002zM25.298 7.047h-3.287v14.644h3.287V7.048z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 63 24"><path fill="currentColor" fill-rule="evenodd" d="M25.642 2.186a1.986 1.986 0 11-3.972 0 1.986 1.986 0 013.972 0zm9.416 4.509c-3.673 0-6.55 3.476-6.55 7.752 0 4.492 2.69 7.753 6.55 7.753 1.953 0 3.994-.99 5.202-2.52l.197-.25v2.25h3.289V1.602h-3.29v8.104c-1.694-1.96-3.31-3.011-5.398-3.011zm5.408 6.34v2.993c0 .873-1.336 3.17-4.342 3.17-2.328 0-4.082-2.055-4.082-4.782 0-2.698 1.794-4.812 4.082-4.812 2.85.002 4.342 2.551 4.342 3.432zm-31.76 8.612L2 2.155h3.427l5.28 15.273 5.277-15.273h3.429l-6.706 19.492h-4zm48.931.06l3.291-.005-.018-14.654h-3.273v10.268c0 .544-2.503 1.922-4.079 1.922-1.996 0-2.966-1.41-2.966-4.306V7.045h-3.28l.007 8.004c0 4.934 1.683 6.303 3.762 6.9 2.114.608 4.871-.35 6.554-2.508v2.264h.002zM25.298 7.047h-3.287v14.644h3.287V7.048z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-vidu-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%2063%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M25.642%202.186a1.986%201.986%200%2011-3.972%200%201.986%201.986%200%20013.972%200zm9.416%204.509c-3.673%200-6.55%203.476-6.55%207.752%200%204.492%202.69%207.753%206.55%207.753%201.953%200%203.994-.99%205.202-2.52l.197-.25v2.25h3.289V1.602h-3.29v8.104c-1.694-1.96-3.31-3.011-5.398-3.011zm5.408%206.34v2.993c0%20.873-1.336%203.17-4.342%203.17-2.328%200-4.082-2.055-4.082-4.782%200-2.698%201.794-4.812%204.082-4.812%202.85.002%204.342%202.551%204.342%203.432zm-31.76%208.612L2%202.155h3.427l5.28%2015.273%205.277-15.273h3.429l-6.706%2019.492h-4zm48.931.06l3.291-.005-.018-14.654h-3.273v10.268c0%20.544-2.503%201.922-4.079%201.922-1.996%200-2.966-1.41-2.966-4.306V7.045h-3.28l.007%208.004c0%204.934%201.683%206.303%203.762%206.9%202.114.608%204.871-.35%206.554-2.508v2.264h.002zM25.298%207.047h-3.287v14.644h3.287V7.048z%22%20clip-rule%3D%22evenodd%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%2063%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M25.642%202.186a1.986%201.986%200%2011-3.972%200%201.986%201.986%200%20013.972%200zm9.416%204.509c-3.673%200-6.55%203.476-6.55%207.752%200%204.492%202.69%207.753%206.55%207.753%201.953%200%203.994-.99%205.202-2.52l.197-.25v2.25h3.289V1.602h-3.29v8.104c-1.694-1.96-3.31-3.011-5.398-3.011zm5.408%206.34v2.993c0%20.873-1.336%203.17-4.342%203.17-2.328%200-4.082-2.055-4.082-4.782%200-2.698%201.794-4.812%204.082-4.812%202.85.002%204.342%202.551%204.342%203.432zm-31.76%208.612L2%202.155h3.427l5.28%2015.273%205.277-15.273h3.429l-6.706%2019.492h-4zm48.931.06l3.291-.005-.018-14.654h-3.273v10.268c0%20.544-2.503%201.922-4.079%201.922-1.996%200-2.966-1.41-2.966-4.306V7.045h-3.28l.007%208.004c0%204.934%201.683%206.303%203.762%206.9%202.114.608%204.871-.35%206.554-2.508v2.264h.002zM25.298%207.047h-3.287v14.644h3.287V7.048z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/vidu-text.svg?color=%231a73e8&size=48
