nova logo
nova-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- nova-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 33×32
- License
- MIT
2 other variants in LobeHub AI Icons
Use the nova logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 32"><g mask="url(#svgID7)"><mask id="svgID7" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M31.8 0H0v32h31.8z"/></mask><mask id="svgID8" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="m17.865 23.28 1.533 1.543c.07.07.092.175.055.267l-2.398 6.118A1.24 1.24 0 0 1 15.9 32c-.51 0-.969-.315-1.155-.793l-3.451-8.804-5.582 5.617a.246.246 0 0 1-.35 0l-1.407-1.415a.25.25 0 0 1 0-.352l6.89-6.932a1.3 1.3 0 0 1 .834-.398 1.25 1.25 0 0 1 1.232.79l2.992 7.63 1.557-3.977a.248.248 0 0 1 .408-.085zm8.224-19.3-5.583 5.617-3.45-8.805a1.24 1.24 0 0 0-1.43-.762c-.414.092-.744.407-.899.805l-2.38 6.072a.25.25 0 0 0 .055.267l1.533 1.543c.127.127.34.082.407-.085L15.9 4.655l2.991 7.629a1.24 1.24 0 0 0 2.035.425l6.922-6.965a.25.25 0 0 0 0-.352L26.44 3.977a.246.246 0 0 0-.35 0zM8.578 17.566l-3.953-1.567 7.582-3.01c.49-.195.815-.685.785-1.24a1.3 1.3 0 0 0-.395-.84l-6.886-6.93a.246.246 0 0 0-.35 0L3.954 5.395a.25.25 0 0 0 0 .353l5.583 5.617-8.75 3.472a1.25 1.25 0 0 0 0 2.325l6.079 2.412a.24.24 0 0 0 .266-.055l1.533-1.542a.25.25 0 0 0-.085-.41zm22.434-2.73-6.08-2.412a.24.24 0 0 0-.265.055l-1.533 1.542a.25.25 0 0 0 .084.41L27.172 16l-7.583 3.01a1.255 1.255 0 0 0-.785 1.24c.018.317.172.614.395.84l6.89 6.931a.246.246 0 0 0 .35 0l1.406-1.415a.25.25 0 0 0 0-.352l-5.582-5.617 8.75-3.472a1.25 1.25 0 0 0 0-2.325z"/></mask><g mask="url(#svgID8)"><path fill="url(#svgID9)" d="M-2.915 34.125h37.448V-2.109H-2.915z"/></g></g><defs><linearGradient id="svgID9" x1="33.663" x2="-2.086" y1="33.633" y2="-1.901" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6200"/><stop offset=".399" stop-color="#e433ff"/><stop offset=".96" stop-color="#6842ff"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubNovaColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 32"><g mask="url(#svgID7)"><mask id="svgID7" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="maskType:luminance"><path fill="#fff" d="M31.8 0H0v32h31.8z"/></mask><mask id="svgID8" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="maskType:alpha"><path fill="#fff" d="m17.865 23.28 1.533 1.543c.07.07.092.175.055.267l-2.398 6.118A1.24 1.24 0 0 1 15.9 32c-.51 0-.969-.315-1.155-.793l-3.451-8.804-5.582 5.617a.246.246 0 0 1-.35 0l-1.407-1.415a.25.25 0 0 1 0-.352l6.89-6.932a1.3 1.3 0 0 1 .834-.398 1.25 1.25 0 0 1 1.232.79l2.992 7.63 1.557-3.977a.248.248 0 0 1 .408-.085zm8.224-19.3-5.583 5.617-3.45-8.805a1.24 1.24 0 0 0-1.43-.762c-.414.092-.744.407-.899.805l-2.38 6.072a.25.25 0 0 0 .055.267l1.533 1.543c.127.127.34.082.407-.085L15.9 4.655l2.991 7.629a1.24 1.24 0 0 0 2.035.425l6.922-6.965a.25.25 0 0 0 0-.352L26.44 3.977a.246.246 0 0 0-.35 0zM8.578 17.566l-3.953-1.567 7.582-3.01c.49-.195.815-.685.785-1.24a1.3 1.3 0 0 0-.395-.84l-6.886-6.93a.246.246 0 0 0-.35 0L3.954 5.395a.25.25 0 0 0 0 .353l5.583 5.617-8.75 3.472a1.25 1.25 0 0 0 0 2.325l6.079 2.412a.24.24 0 0 0 .266-.055l1.533-1.542a.25.25 0 0 0-.085-.41zm22.434-2.73-6.08-2.412a.24.24 0 0 0-.265.055l-1.533 1.542a.25.25 0 0 0 .084.41L27.172 16l-7.583 3.01a1.255 1.255 0 0 0-.785 1.24c.018.317.172.614.395.84l6.89 6.931a.246.246 0 0 0 .35 0l1.406-1.415a.25.25 0 0 0 0-.352l-5.582-5.617 8.75-3.472a1.25 1.25 0 0 0 0-2.325z"/></mask><g mask="url(#svgID8)"><path fill="url(#svgID9)" d="M-2.915 34.125h37.448V-2.109H-2.915z"/></g></g><defs><linearGradient id="svgID9" x1="33.663" x2="-2.086" y1="33.633" y2="-1.901" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6200"/><stop offset=".399" stopColor="#e433ff"/><stop offset=".96" stopColor="#6842ff"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 32"><g mask="url(#svgID7)"><mask id="svgID7" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M31.8 0H0v32h31.8z"/></mask><mask id="svgID8" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="m17.865 23.28 1.533 1.543c.07.07.092.175.055.267l-2.398 6.118A1.24 1.24 0 0 1 15.9 32c-.51 0-.969-.315-1.155-.793l-3.451-8.804-5.582 5.617a.246.246 0 0 1-.35 0l-1.407-1.415a.25.25 0 0 1 0-.352l6.89-6.932a1.3 1.3 0 0 1 .834-.398 1.25 1.25 0 0 1 1.232.79l2.992 7.63 1.557-3.977a.248.248 0 0 1 .408-.085zm8.224-19.3-5.583 5.617-3.45-8.805a1.24 1.24 0 0 0-1.43-.762c-.414.092-.744.407-.899.805l-2.38 6.072a.25.25 0 0 0 .055.267l1.533 1.543c.127.127.34.082.407-.085L15.9 4.655l2.991 7.629a1.24 1.24 0 0 0 2.035.425l6.922-6.965a.25.25 0 0 0 0-.352L26.44 3.977a.246.246 0 0 0-.35 0zM8.578 17.566l-3.953-1.567 7.582-3.01c.49-.195.815-.685.785-1.24a1.3 1.3 0 0 0-.395-.84l-6.886-6.93a.246.246 0 0 0-.35 0L3.954 5.395a.25.25 0 0 0 0 .353l5.583 5.617-8.75 3.472a1.25 1.25 0 0 0 0 2.325l6.079 2.412a.24.24 0 0 0 .266-.055l1.533-1.542a.25.25 0 0 0-.085-.41zm22.434-2.73-6.08-2.412a.24.24 0 0 0-.265.055l-1.533 1.542a.25.25 0 0 0 .084.41L27.172 16l-7.583 3.01a1.255 1.255 0 0 0-.785 1.24c.018.317.172.614.395.84l6.89 6.931a.246.246 0 0 0 .35 0l1.406-1.415a.25.25 0 0 0 0-.352l-5.582-5.617 8.75-3.472a1.25 1.25 0 0 0 0-2.325z"/></mask><g mask="url(#svgID8)"><path fill="url(#svgID9)" d="M-2.915 34.125h37.448V-2.109H-2.915z"/></g></g><defs><linearGradient id="svgID9" x1="33.663" x2="-2.086" y1="33.633" y2="-1.901" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6200"/><stop offset=".399" stop-color="#e433ff"/><stop offset=".96" stop-color="#6842ff"/></linearGradient></defs></svg> </template>
CSS
.icon-nova-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%2033%2032%22%3E%3Cg%20mask%3D%22url(%23svgID7)%22%3E%3Cmask%20id%3D%22svgID7%22%20width%3D%2232%22%20height%3D%2232%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.8%200H0v32h31.8z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID8%22%20width%3D%2232%22%20height%3D%2232%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.865%2023.28%201.533%201.543c.07.07.092.175.055.267l-2.398%206.118A1.24%201.24%200%200%201%2015.9%2032c-.51%200-.969-.315-1.155-.793l-3.451-8.804-5.582%205.617a.246.246%200%200%201-.35%200l-1.407-1.415a.25.25%200%200%201%200-.352l6.89-6.932a1.3%201.3%200%200%201%20.834-.398%201.25%201.25%200%200%201%201.232.79l2.992%207.63%201.557-3.977a.248.248%200%200%201%20.408-.085zm8.224-19.3-5.583%205.617-3.45-8.805a1.24%201.24%200%200%200-1.43-.762c-.414.092-.744.407-.899.805l-2.38%206.072a.25.25%200%200%200%20.055.267l1.533%201.543c.127.127.34.082.407-.085L15.9%204.655l2.991%207.629a1.24%201.24%200%200%200%202.035.425l6.922-6.965a.25.25%200%200%200%200-.352L26.44%203.977a.246.246%200%200%200-.35%200zM8.578%2017.566l-3.953-1.567%207.582-3.01c.49-.195.815-.685.785-1.24a1.3%201.3%200%200%200-.395-.84l-6.886-6.93a.246.246%200%200%200-.35%200L3.954%205.395a.25.25%200%200%200%200%20.353l5.583%205.617-8.75%203.472a1.25%201.25%200%200%200%200%202.325l6.079%202.412a.24.24%200%200%200%20.266-.055l1.533-1.542a.25.25%200%200%200-.085-.41zm22.434-2.73-6.08-2.412a.24.24%200%200%200-.265.055l-1.533%201.542a.25.25%200%200%200%20.084.41L27.172%2016l-7.583%203.01a1.255%201.255%200%200%200-.785%201.24c.018.317.172.614.395.84l6.89%206.931a.246.246%200%200%200%20.35%200l1.406-1.415a.25.25%200%200%200%200-.352l-5.582-5.617%208.75-3.472a1.25%201.25%200%200%200%200-2.325z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23svgID8)%22%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20d%3D%22M-2.915%2034.125h37.448V-2.109H-2.915z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%2233.663%22%20x2%3D%22-2.086%22%20y1%3D%2233.633%22%20y2%3D%22-1.901%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff6200%22%2F%3E%3Cstop%20offset%3D%22.399%22%20stop-color%3D%22%23e433ff%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22%236842ff%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%2033%2032%22%3E%3Cg%20mask%3D%22url(%23svgID7)%22%3E%3Cmask%20id%3D%22svgID7%22%20width%3D%2232%22%20height%3D%2232%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.8%200H0v32h31.8z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID8%22%20width%3D%2232%22%20height%3D%2232%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.865%2023.28%201.533%201.543c.07.07.092.175.055.267l-2.398%206.118A1.24%201.24%200%200%201%2015.9%2032c-.51%200-.969-.315-1.155-.793l-3.451-8.804-5.582%205.617a.246.246%200%200%201-.35%200l-1.407-1.415a.25.25%200%200%201%200-.352l6.89-6.932a1.3%201.3%200%200%201%20.834-.398%201.25%201.25%200%200%201%201.232.79l2.992%207.63%201.557-3.977a.248.248%200%200%201%20.408-.085zm8.224-19.3-5.583%205.617-3.45-8.805a1.24%201.24%200%200%200-1.43-.762c-.414.092-.744.407-.899.805l-2.38%206.072a.25.25%200%200%200%20.055.267l1.533%201.543c.127.127.34.082.407-.085L15.9%204.655l2.991%207.629a1.24%201.24%200%200%200%202.035.425l6.922-6.965a.25.25%200%200%200%200-.352L26.44%203.977a.246.246%200%200%200-.35%200zM8.578%2017.566l-3.953-1.567%207.582-3.01c.49-.195.815-.685.785-1.24a1.3%201.3%200%200%200-.395-.84l-6.886-6.93a.246.246%200%200%200-.35%200L3.954%205.395a.25.25%200%200%200%200%20.353l5.583%205.617-8.75%203.472a1.25%201.25%200%200%200%200%202.325l6.079%202.412a.24.24%200%200%200%20.266-.055l1.533-1.542a.25.25%200%200%200-.085-.41zm22.434-2.73-6.08-2.412a.24.24%200%200%200-.265.055l-1.533%201.542a.25.25%200%200%200%20.084.41L27.172%2016l-7.583%203.01a1.255%201.255%200%200%200-.785%201.24c.018.317.172.614.395.84l6.89%206.931a.246.246%200%200%200%20.35%200l1.406-1.415a.25.25%200%200%200%200-.352l-5.582-5.617%208.75-3.472a1.25%201.25%200%200%200%200-2.325z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23svgID8)%22%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20d%3D%22M-2.915%2034.125h37.448V-2.109H-2.915z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%2233.663%22%20x2%3D%22-2.086%22%20y1%3D%2233.633%22%20y2%3D%22-1.901%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff6200%22%2F%3E%3Cstop%20offset%3D%22.399%22%20stop-color%3D%22%23e433ff%22%2F%3E%3Cstop%20offset%3D%22.96%22%20stop-color%3D%22%236842ff%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/nova-color.svg?color=%231a73e8&size=48
