vidu logo
vidu from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- vidu
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.607 2.247c-2.917-.966-5.426 1.084-6.011 2.96 0 0-2.105 6.76-3.002 9.58-.428 1.346-1.489 3.548-3.487 3.548-1.627 0-2.463-1.527-2.816-2.437L2.865 9.431c-.281-.681.013-2.04 1.14-2.447 1.204-.432 1.978.575 2.178 1.11l3.022 7.74c.72-.928 1.178-2.438 1.476-3.507l-1.984-5.21C7.756 4.686 5.267 3.58 2.962 4.43 1.095 5.118-.702 7.474.275 10.435l2.504 6.44c.38.976 1.881 4.163 5.275 4.163 4.073 0 5.601-3.473 6.449-6.218.424-1.373 2.749-8.797 2.749-8.797.338-1.109 1.71-1.428 2.568-1.148.605.196 1.698 1.031 1.345 2.325-.066.236-1.92 6.209-2.604 8.026-.357.948-1.262 3.006-3.324 2.72-.628 1.39-1.15 2.199-1.94 2.925 2.572 1.218 6.32-.009 7.898-4.776.586-1.773 2.644-8.166 2.644-8.166.598-1.963-.469-4.768-3.232-5.682z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubVidu(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="M20.607 2.247c-2.917-.966-5.426 1.084-6.011 2.96 0 0-2.105 6.76-3.002 9.58-.428 1.346-1.489 3.548-3.487 3.548-1.627 0-2.463-1.527-2.816-2.437L2.865 9.431c-.281-.681.013-2.04 1.14-2.447 1.204-.432 1.978.575 2.178 1.11l3.022 7.74c.72-.928 1.178-2.438 1.476-3.507l-1.984-5.21C7.756 4.686 5.267 3.58 2.962 4.43 1.095 5.118-.702 7.474.275 10.435l2.504 6.44c.38.976 1.881 4.163 5.275 4.163 4.073 0 5.601-3.473 6.449-6.218.424-1.373 2.749-8.797 2.749-8.797.338-1.109 1.71-1.428 2.568-1.148.605.196 1.698 1.031 1.345 2.325-.066.236-1.92 6.209-2.604 8.026-.357.948-1.262 3.006-3.324 2.72-.628 1.39-1.15 2.199-1.94 2.925 2.572 1.218 6.32-.009 7.898-4.776.586-1.773 2.644-8.166 2.644-8.166.598-1.963-.469-4.768-3.232-5.682z"/></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="M20.607 2.247c-2.917-.966-5.426 1.084-6.011 2.96 0 0-2.105 6.76-3.002 9.58-.428 1.346-1.489 3.548-3.487 3.548-1.627 0-2.463-1.527-2.816-2.437L2.865 9.431c-.281-.681.013-2.04 1.14-2.447 1.204-.432 1.978.575 2.178 1.11l3.022 7.74c.72-.928 1.178-2.438 1.476-3.507l-1.984-5.21C7.756 4.686 5.267 3.58 2.962 4.43 1.095 5.118-.702 7.474.275 10.435l2.504 6.44c.38.976 1.881 4.163 5.275 4.163 4.073 0 5.601-3.473 6.449-6.218.424-1.373 2.749-8.797 2.749-8.797.338-1.109 1.71-1.428 2.568-1.148.605.196 1.698 1.031 1.345 2.325-.066.236-1.92 6.209-2.604 8.026-.357.948-1.262 3.006-3.324 2.72-.628 1.39-1.15 2.199-1.94 2.925 2.572 1.218 6.32-.009 7.898-4.776.586-1.773 2.644-8.166 2.644-8.166.598-1.963-.469-4.768-3.232-5.682z"/></svg> </template>
CSS
.icon-vidu {
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%22M20.607%202.247c-2.917-.966-5.426%201.084-6.011%202.96%200%200-2.105%206.76-3.002%209.58-.428%201.346-1.489%203.548-3.487%203.548-1.627%200-2.463-1.527-2.816-2.437L2.865%209.431c-.281-.681.013-2.04%201.14-2.447%201.204-.432%201.978.575%202.178%201.11l3.022%207.74c.72-.928%201.178-2.438%201.476-3.507l-1.984-5.21C7.756%204.686%205.267%203.58%202.962%204.43%201.095%205.118-.702%207.474.275%2010.435l2.504%206.44c.38.976%201.881%204.163%205.275%204.163%204.073%200%205.601-3.473%206.449-6.218.424-1.373%202.749-8.797%202.749-8.797.338-1.109%201.71-1.428%202.568-1.148.605.196%201.698%201.031%201.345%202.325-.066.236-1.92%206.209-2.604%208.026-.357.948-1.262%203.006-3.324%202.72-.628%201.39-1.15%202.199-1.94%202.925%202.572%201.218%206.32-.009%207.898-4.776.586-1.773%202.644-8.166%202.644-8.166.598-1.963-.469-4.768-3.232-5.682z%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%22M20.607%202.247c-2.917-.966-5.426%201.084-6.011%202.96%200%200-2.105%206.76-3.002%209.58-.428%201.346-1.489%203.548-3.487%203.548-1.627%200-2.463-1.527-2.816-2.437L2.865%209.431c-.281-.681.013-2.04%201.14-2.447%201.204-.432%201.978.575%202.178%201.11l3.022%207.74c.72-.928%201.178-2.438%201.476-3.507l-1.984-5.21C7.756%204.686%205.267%203.58%202.962%204.43%201.095%205.118-.702%207.474.275%2010.435l2.504%206.44c.38.976%201.881%204.163%205.275%204.163%204.073%200%205.601-3.473%206.449-6.218.424-1.373%202.749-8.797%202.749-8.797.338-1.109%201.71-1.428%202.568-1.148.605.196%201.698%201.031%201.345%202.325-.066.236-1.92%206.209-2.604%208.026-.357.948-1.262%203.006-3.324%202.72-.628%201.39-1.15%202.199-1.94%202.925%202.572%201.218%206.32-.009%207.898-4.776.586-1.773%202.644-8.166%202.644-8.166.598-1.963-.469-4.768-3.232-5.682z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/vidu.svg?color=%231a73e8&size=48
