pixverse logo
pixverse-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- pixverse-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the pixverse logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID5)" d="M10.998 23.837L5 21.015V5.569c0-.733.32-1.547.84-2.065l1.386-1.387 6.064 19.729c.426 1.377-.987 2.605-2.292 1.991z"/><path fill="url(#svgID6)" d="M19.36 8.43L12.517.905A2.765 2.765 0 008.517.81L5.84 3.504c-.511.584-.803 1.198-.803 1.93V20.88l13.699-8.219a2.765 2.765 0 00.623-4.23"/><defs><linearGradient id="svgID5" x1="-5.894" x2="13.185" y1="5.53" y2="23.781" gradientUnits="userSpaceOnUse"><stop stop-color="#fe9e58"/><stop offset=".396" stop-color="#e470ec"/><stop offset="1" stop-color="#442fba"/></linearGradient><linearGradient id="svgID6" x1="15.931" x2="-3.149" y1="5.396" y2="23.647" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa052"/><stop offset=".396" stop-color="#e36cfa" stop-opacity=".8"/><stop offset="1" stop-color="#442fba" stop-opacity=".7"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubPixverseColor(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(#svgID5)" d="M10.998 23.837L5 21.015V5.569c0-.733.32-1.547.84-2.065l1.386-1.387 6.064 19.729c.426 1.377-.987 2.605-2.292 1.991z"/><path fill="url(#svgID6)" d="M19.36 8.43L12.517.905A2.765 2.765 0 008.517.81L5.84 3.504c-.511.584-.803 1.198-.803 1.93V20.88l13.699-8.219a2.765 2.765 0 00.623-4.23"/><defs><linearGradient id="svgID5" x1="-5.894" x2="13.185" y1="5.53" y2="23.781" gradientUnits="userSpaceOnUse"><stop stopColor="#fe9e58"/><stop offset=".396" stopColor="#e470ec"/><stop offset="1" stopColor="#442fba"/></linearGradient><linearGradient id="svgID6" x1="15.931" x2="-3.149" y1="5.396" y2="23.647" gradientUnits="userSpaceOnUse"><stop stopColor="#ffa052"/><stop offset=".396" stopColor="#e36cfa" stopOpacity=".8"/><stop offset="1" stopColor="#442fba" stopOpacity=".7"/></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(#svgID5)" d="M10.998 23.837L5 21.015V5.569c0-.733.32-1.547.84-2.065l1.386-1.387 6.064 19.729c.426 1.377-.987 2.605-2.292 1.991z"/><path fill="url(#svgID6)" d="M19.36 8.43L12.517.905A2.765 2.765 0 008.517.81L5.84 3.504c-.511.584-.803 1.198-.803 1.93V20.88l13.699-8.219a2.765 2.765 0 00.623-4.23"/><defs><linearGradient id="svgID5" x1="-5.894" x2="13.185" y1="5.53" y2="23.781" gradientUnits="userSpaceOnUse"><stop stop-color="#fe9e58"/><stop offset=".396" stop-color="#e470ec"/><stop offset="1" stop-color="#442fba"/></linearGradient><linearGradient id="svgID6" x1="15.931" x2="-3.149" y1="5.396" y2="23.647" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa052"/><stop offset=".396" stop-color="#e36cfa" stop-opacity=".8"/><stop offset="1" stop-color="#442fba" stop-opacity=".7"/></linearGradient></defs></svg> </template>
CSS
.icon-pixverse-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(%23svgID5)%22%20d%3D%22M10.998%2023.837L5%2021.015V5.569c0-.733.32-1.547.84-2.065l1.386-1.387%206.064%2019.729c.426%201.377-.987%202.605-2.292%201.991z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID6)%22%20d%3D%22M19.36%208.43L12.517.905A2.765%202.765%200%20008.517.81L5.84%203.504c-.511.584-.803%201.198-.803%201.93V20.88l13.699-8.219a2.765%202.765%200%2000.623-4.23%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID5%22%20x1%3D%22-5.894%22%20x2%3D%2213.185%22%20y1%3D%225.53%22%20y2%3D%2223.781%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fe9e58%22%2F%3E%3Cstop%20offset%3D%22.396%22%20stop-color%3D%22%23e470ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23442fba%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID6%22%20x1%3D%2215.931%22%20x2%3D%22-3.149%22%20y1%3D%225.396%22%20y2%3D%2223.647%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa052%22%2F%3E%3Cstop%20offset%3D%22.396%22%20stop-color%3D%22%23e36cfa%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23442fba%22%20stop-opacity%3D%22.7%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(%23svgID5)%22%20d%3D%22M10.998%2023.837L5%2021.015V5.569c0-.733.32-1.547.84-2.065l1.386-1.387%206.064%2019.729c.426%201.377-.987%202.605-2.292%201.991z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID6)%22%20d%3D%22M19.36%208.43L12.517.905A2.765%202.765%200%20008.517.81L5.84%203.504c-.511.584-.803%201.198-.803%201.93V20.88l13.699-8.219a2.765%202.765%200%2000.623-4.23%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID5%22%20x1%3D%22-5.894%22%20x2%3D%2213.185%22%20y1%3D%225.53%22%20y2%3D%2223.781%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fe9e58%22%2F%3E%3Cstop%20offset%3D%22.396%22%20stop-color%3D%22%23e470ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23442fba%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID6%22%20x1%3D%2215.931%22%20x2%3D%22-3.149%22%20y1%3D%225.396%22%20y2%3D%2223.647%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa052%22%2F%3E%3Cstop%20offset%3D%22.396%22%20stop-color%3D%22%23e36cfa%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23442fba%22%20stop-opacity%3D%22.7%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/pixverse-color.svg?color=%231a73e8&size=48
