vidu logo
vidu-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- vidu-color
- Set
- LobeHub AI Icons
- Style
- Color
- 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="url(#svgID7)" 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"/><defs><linearGradient id="svgID7" x1=".759" x2="26.155" y1="5.637" y2="17.311" gradientUnits="userSpaceOnUse"><stop stop-color="#40edd8"/><stop offset=".024" stop-color="#38e7e2"/><stop offset=".084" stop-color="#28daf7"/><stop offset=".124" stop-color="#22d5ff"/><stop offset=".36" stop-color="#1abfff"/><stop offset=".85" stop-color="#0786fe"/><stop offset=".909" stop-color="#047ffe"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubViduColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID7)" 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"/><defs><linearGradient id="svgID7" x1=".759" x2="26.155" y1="5.637" y2="17.311" gradientUnits="userSpaceOnUse"><stop stopColor="#40edd8"/><stop offset=".024" stopColor="#38e7e2"/><stop offset=".084" stopColor="#28daf7"/><stop offset=".124" stopColor="#22d5ff"/><stop offset=".36" stopColor="#1abfff"/><stop offset=".85" stopColor="#0786fe"/><stop offset=".909" stopColor="#047ffe"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID7)" 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"/><defs><linearGradient id="svgID7" x1=".759" x2="26.155" y1="5.637" y2="17.311" gradientUnits="userSpaceOnUse"><stop stop-color="#40edd8"/><stop offset=".024" stop-color="#38e7e2"/><stop offset=".084" stop-color="#28daf7"/><stop offset=".124" stop-color="#22d5ff"/><stop offset=".36" stop-color="#1abfff"/><stop offset=".85" stop-color="#0786fe"/><stop offset=".909" stop-color="#047ffe"/></linearGradient></defs></svg> </template>
CSS
.icon-vidu-color {
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%22url(%23svgID7)%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%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID7%22%20x1%3D%22.759%22%20x2%3D%2226.155%22%20y1%3D%225.637%22%20y2%3D%2217.311%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2340edd8%22%2F%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%2338e7e2%22%2F%3E%3Cstop%20offset%3D%22.084%22%20stop-color%3D%22%2328daf7%22%2F%3E%3Cstop%20offset%3D%22.124%22%20stop-color%3D%22%2322d5ff%22%2F%3E%3Cstop%20offset%3D%22.36%22%20stop-color%3D%22%231abfff%22%2F%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%230786fe%22%2F%3E%3Cstop%20offset%3D%22.909%22%20stop-color%3D%22%23047ffe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23svgID7)%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%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID7%22%20x1%3D%22.759%22%20x2%3D%2226.155%22%20y1%3D%225.637%22%20y2%3D%2217.311%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2340edd8%22%2F%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%2338e7e2%22%2F%3E%3Cstop%20offset%3D%22.084%22%20stop-color%3D%22%2328daf7%22%2F%3E%3Cstop%20offset%3D%22.124%22%20stop-color%3D%22%2322d5ff%22%2F%3E%3Cstop%20offset%3D%22.36%22%20stop-color%3D%22%231abfff%22%2F%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%230786fe%22%2F%3E%3Cstop%20offset%3D%22.909%22%20stop-color%3D%22%23047ffe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/vidu-color.svg?color=%231a73e8&size=48
