newapi logo
newapi-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- newapi-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the newapi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID18)" d="M23.078 16.34c-.506 1.323-1.198 2.519-2.117 3.562-2.378 2.696-5.374 4.057-8.971 4.098a.037.037 0 01-.024-.01.041.041 0 01-.013-.023.041.041 0 01.003-.025.037.037 0 01.019-.019c1.886-.779 3.454-1.973 4.625-3.639a10.148 10.148 0 001.626-3.677c.217-.98.33-1.955.282-2.942-.048-1.018-.152-1.601-.484-2.565-.386-1.12-.915-2.16-1.627-3.089-.883-1.154-1.876-1.87-2.9-2.779-.995-.88-2.19-2.623-1.059-3.754.384-.384.997-.59 1.838-.621 2.478-.09 5.011 1.636 6.597 3.453.75.86 1.38 1.798 1.865 2.837.486 1.041.814 2.122.978 3.246.133.915.117 1.441.092 2.365a10.82 10.82 0 01-.73 3.582z"/><path fill="url(#svgID19)" d="M11.86.01a.041.041 0 01.009.049.038.038 0 01-.018.018C9.964.856 8.396 2.05 7.225 3.716a10.148 10.148 0 00-1.626 3.678c-.217.979-.33 1.955-.283 2.941.049 1.018.154 1.601.486 2.565.385 1.12.914 2.16 1.626 3.088.883 1.154 1.876 1.872 2.9 2.78.995.88 2.19 2.622 1.059 3.753-.385.385-.997.591-1.838.622-2.478.089-5.011-1.636-6.597-3.454-.75-.86-1.38-1.797-1.865-2.837a11.591 11.591 0 01-.978-3.246c-.133-.914-.117-1.44-.091-2.364.034-1.225.284-2.416.73-3.582.504-1.323 1.197-2.52 2.116-3.562C5.241 1.402 8.238.04 11.835 0c.009 0 .018.004.024.01z"/><path fill="url(#svgID20)" d="M8.721 11.903l2.455-.708.72-2.48a.066.066 0 01.127.002l.58 2.26c.776.437 1.65.755 2.622.956a.05.05 0 01.028.075.05.05 0 01-.024.019l-2.382.709a.163.163 0 00-.109.108l-.72 2.444a.034.034 0 01-.031.027.034.034 0 01-.034-.024l-.713-2.395a.183.183 0 00-.128-.128l-2.39-.705a.084.084 0 01-.044-.13.084.084 0 01.043-.03z"/><defs><linearGradient id="svgID18" x1="17.889" x2="17.889" y1=".854" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#f85ead"/><stop offset="1" stop-color="#fd75fd"/></linearGradient><linearGradient id="svgID19" x1="5.936" x2="5.936" y1="0" y2="23.146" gradientUnits="userSpaceOnUse"><stop offset=".332" stop-color="#11f5ef"/><stop offset="1" stop-color="#c738fb"/></linearGradient><linearGradient id="svgID20" x1="11.961" x2="11.961" y1="8.666" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".332" stop-color="#11f5ef"/><stop offset="1" stop-color="#c738fb"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubNewapiColor(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(#svgID18)" d="M23.078 16.34c-.506 1.323-1.198 2.519-2.117 3.562-2.378 2.696-5.374 4.057-8.971 4.098a.037.037 0 01-.024-.01.041.041 0 01-.013-.023.041.041 0 01.003-.025.037.037 0 01.019-.019c1.886-.779 3.454-1.973 4.625-3.639a10.148 10.148 0 001.626-3.677c.217-.98.33-1.955.282-2.942-.048-1.018-.152-1.601-.484-2.565-.386-1.12-.915-2.16-1.627-3.089-.883-1.154-1.876-1.87-2.9-2.779-.995-.88-2.19-2.623-1.059-3.754.384-.384.997-.59 1.838-.621 2.478-.09 5.011 1.636 6.597 3.453.75.86 1.38 1.798 1.865 2.837.486 1.041.814 2.122.978 3.246.133.915.117 1.441.092 2.365a10.82 10.82 0 01-.73 3.582z"/><path fill="url(#svgID19)" d="M11.86.01a.041.041 0 01.009.049.038.038 0 01-.018.018C9.964.856 8.396 2.05 7.225 3.716a10.148 10.148 0 00-1.626 3.678c-.217.979-.33 1.955-.283 2.941.049 1.018.154 1.601.486 2.565.385 1.12.914 2.16 1.626 3.088.883 1.154 1.876 1.872 2.9 2.78.995.88 2.19 2.622 1.059 3.753-.385.385-.997.591-1.838.622-2.478.089-5.011-1.636-6.597-3.454-.75-.86-1.38-1.797-1.865-2.837a11.591 11.591 0 01-.978-3.246c-.133-.914-.117-1.44-.091-2.364.034-1.225.284-2.416.73-3.582.504-1.323 1.197-2.52 2.116-3.562C5.241 1.402 8.238.04 11.835 0c.009 0 .018.004.024.01z"/><path fill="url(#svgID20)" d="M8.721 11.903l2.455-.708.72-2.48a.066.066 0 01.127.002l.58 2.26c.776.437 1.65.755 2.622.956a.05.05 0 01.028.075.05.05 0 01-.024.019l-2.382.709a.163.163 0 00-.109.108l-.72 2.444a.034.034 0 01-.031.027.034.034 0 01-.034-.024l-.713-2.395a.183.183 0 00-.128-.128l-2.39-.705a.084.084 0 01-.044-.13.084.084 0 01.043-.03z"/><defs><linearGradient id="svgID18" x1="17.889" x2="17.889" y1=".854" y2="24" gradientUnits="userSpaceOnUse"><stop stopColor="#f85ead"/><stop offset="1" stopColor="#fd75fd"/></linearGradient><linearGradient id="svgID19" x1="5.936" x2="5.936" y1="0" y2="23.146" gradientUnits="userSpaceOnUse"><stop offset=".332" stopColor="#11f5ef"/><stop offset="1" stopColor="#c738fb"/></linearGradient><linearGradient id="svgID20" x1="11.961" x2="11.961" y1="8.666" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".332" stopColor="#11f5ef"/><stop offset="1" stopColor="#c738fb"/></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(#svgID18)" d="M23.078 16.34c-.506 1.323-1.198 2.519-2.117 3.562-2.378 2.696-5.374 4.057-8.971 4.098a.037.037 0 01-.024-.01.041.041 0 01-.013-.023.041.041 0 01.003-.025.037.037 0 01.019-.019c1.886-.779 3.454-1.973 4.625-3.639a10.148 10.148 0 001.626-3.677c.217-.98.33-1.955.282-2.942-.048-1.018-.152-1.601-.484-2.565-.386-1.12-.915-2.16-1.627-3.089-.883-1.154-1.876-1.87-2.9-2.779-.995-.88-2.19-2.623-1.059-3.754.384-.384.997-.59 1.838-.621 2.478-.09 5.011 1.636 6.597 3.453.75.86 1.38 1.798 1.865 2.837.486 1.041.814 2.122.978 3.246.133.915.117 1.441.092 2.365a10.82 10.82 0 01-.73 3.582z"/><path fill="url(#svgID19)" d="M11.86.01a.041.041 0 01.009.049.038.038 0 01-.018.018C9.964.856 8.396 2.05 7.225 3.716a10.148 10.148 0 00-1.626 3.678c-.217.979-.33 1.955-.283 2.941.049 1.018.154 1.601.486 2.565.385 1.12.914 2.16 1.626 3.088.883 1.154 1.876 1.872 2.9 2.78.995.88 2.19 2.622 1.059 3.753-.385.385-.997.591-1.838.622-2.478.089-5.011-1.636-6.597-3.454-.75-.86-1.38-1.797-1.865-2.837a11.591 11.591 0 01-.978-3.246c-.133-.914-.117-1.44-.091-2.364.034-1.225.284-2.416.73-3.582.504-1.323 1.197-2.52 2.116-3.562C5.241 1.402 8.238.04 11.835 0c.009 0 .018.004.024.01z"/><path fill="url(#svgID20)" d="M8.721 11.903l2.455-.708.72-2.48a.066.066 0 01.127.002l.58 2.26c.776.437 1.65.755 2.622.956a.05.05 0 01.028.075.05.05 0 01-.024.019l-2.382.709a.163.163 0 00-.109.108l-.72 2.444a.034.034 0 01-.031.027.034.034 0 01-.034-.024l-.713-2.395a.183.183 0 00-.128-.128l-2.39-.705a.084.084 0 01-.044-.13.084.084 0 01.043-.03z"/><defs><linearGradient id="svgID18" x1="17.889" x2="17.889" y1=".854" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#f85ead"/><stop offset="1" stop-color="#fd75fd"/></linearGradient><linearGradient id="svgID19" x1="5.936" x2="5.936" y1="0" y2="23.146" gradientUnits="userSpaceOnUse"><stop offset=".332" stop-color="#11f5ef"/><stop offset="1" stop-color="#c738fb"/></linearGradient><linearGradient id="svgID20" x1="11.961" x2="11.961" y1="8.666" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".332" stop-color="#11f5ef"/><stop offset="1" stop-color="#c738fb"/></linearGradient></defs></svg> </template>
CSS
.icon-newapi-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(%23svgID18)%22%20d%3D%22M23.078%2016.34c-.506%201.323-1.198%202.519-2.117%203.562-2.378%202.696-5.374%204.057-8.971%204.098a.037.037%200%2001-.024-.01.041.041%200%2001-.013-.023.041.041%200%2001.003-.025.037.037%200%2001.019-.019c1.886-.779%203.454-1.973%204.625-3.639a10.148%2010.148%200%20001.626-3.677c.217-.98.33-1.955.282-2.942-.048-1.018-.152-1.601-.484-2.565-.386-1.12-.915-2.16-1.627-3.089-.883-1.154-1.876-1.87-2.9-2.779-.995-.88-2.19-2.623-1.059-3.754.384-.384.997-.59%201.838-.621%202.478-.09%205.011%201.636%206.597%203.453.75.86%201.38%201.798%201.865%202.837.486%201.041.814%202.122.978%203.246.133.915.117%201.441.092%202.365a10.82%2010.82%200%2001-.73%203.582z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID19)%22%20d%3D%22M11.86.01a.041.041%200%2001.009.049.038.038%200%2001-.018.018C9.964.856%208.396%202.05%207.225%203.716a10.148%2010.148%200%2000-1.626%203.678c-.217.979-.33%201.955-.283%202.941.049%201.018.154%201.601.486%202.565.385%201.12.914%202.16%201.626%203.088.883%201.154%201.876%201.872%202.9%202.78.995.88%202.19%202.622%201.059%203.753-.385.385-.997.591-1.838.622-2.478.089-5.011-1.636-6.597-3.454-.75-.86-1.38-1.797-1.865-2.837a11.591%2011.591%200%2001-.978-3.246c-.133-.914-.117-1.44-.091-2.364.034-1.225.284-2.416.73-3.582.504-1.323%201.197-2.52%202.116-3.562C5.241%201.402%208.238.04%2011.835%200c.009%200%20.018.004.024.01z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID20)%22%20d%3D%22M8.721%2011.903l2.455-.708.72-2.48a.066.066%200%2001.127.002l.58%202.26c.776.437%201.65.755%202.622.956a.05.05%200%2001.028.075.05.05%200%2001-.024.019l-2.382.709a.163.163%200%2000-.109.108l-.72%202.444a.034.034%200%2001-.031.027.034.034%200%2001-.034-.024l-.713-2.395a.183.183%200%2000-.128-.128l-2.39-.705a.084.084%200%2001-.044-.13.084.084%200%2001.043-.03z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID18%22%20x1%3D%2217.889%22%20x2%3D%2217.889%22%20y1%3D%22.854%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f85ead%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd75fd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID19%22%20x1%3D%225.936%22%20x2%3D%225.936%22%20y1%3D%220%22%20y2%3D%2223.146%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.332%22%20stop-color%3D%22%2311f5ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c738fb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID20%22%20x1%3D%2211.961%22%20x2%3D%2211.961%22%20y1%3D%228.666%22%20y2%3D%2215.315%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.332%22%20stop-color%3D%22%2311f5ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c738fb%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(%23svgID18)%22%20d%3D%22M23.078%2016.34c-.506%201.323-1.198%202.519-2.117%203.562-2.378%202.696-5.374%204.057-8.971%204.098a.037.037%200%2001-.024-.01.041.041%200%2001-.013-.023.041.041%200%2001.003-.025.037.037%200%2001.019-.019c1.886-.779%203.454-1.973%204.625-3.639a10.148%2010.148%200%20001.626-3.677c.217-.98.33-1.955.282-2.942-.048-1.018-.152-1.601-.484-2.565-.386-1.12-.915-2.16-1.627-3.089-.883-1.154-1.876-1.87-2.9-2.779-.995-.88-2.19-2.623-1.059-3.754.384-.384.997-.59%201.838-.621%202.478-.09%205.011%201.636%206.597%203.453.75.86%201.38%201.798%201.865%202.837.486%201.041.814%202.122.978%203.246.133.915.117%201.441.092%202.365a10.82%2010.82%200%2001-.73%203.582z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID19)%22%20d%3D%22M11.86.01a.041.041%200%2001.009.049.038.038%200%2001-.018.018C9.964.856%208.396%202.05%207.225%203.716a10.148%2010.148%200%2000-1.626%203.678c-.217.979-.33%201.955-.283%202.941.049%201.018.154%201.601.486%202.565.385%201.12.914%202.16%201.626%203.088.883%201.154%201.876%201.872%202.9%202.78.995.88%202.19%202.622%201.059%203.753-.385.385-.997.591-1.838.622-2.478.089-5.011-1.636-6.597-3.454-.75-.86-1.38-1.797-1.865-2.837a11.591%2011.591%200%2001-.978-3.246c-.133-.914-.117-1.44-.091-2.364.034-1.225.284-2.416.73-3.582.504-1.323%201.197-2.52%202.116-3.562C5.241%201.402%208.238.04%2011.835%200c.009%200%20.018.004.024.01z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID20)%22%20d%3D%22M8.721%2011.903l2.455-.708.72-2.48a.066.066%200%2001.127.002l.58%202.26c.776.437%201.65.755%202.622.956a.05.05%200%2001.028.075.05.05%200%2001-.024.019l-2.382.709a.163.163%200%2000-.109.108l-.72%202.444a.034.034%200%2001-.031.027.034.034%200%2001-.034-.024l-.713-2.395a.183.183%200%2000-.128-.128l-2.39-.705a.084.084%200%2001-.044-.13.084.084%200%2001.043-.03z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID18%22%20x1%3D%2217.889%22%20x2%3D%2217.889%22%20y1%3D%22.854%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f85ead%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd75fd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID19%22%20x1%3D%225.936%22%20x2%3D%225.936%22%20y1%3D%220%22%20y2%3D%2223.146%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.332%22%20stop-color%3D%22%2311f5ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c738fb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID20%22%20x1%3D%2211.961%22%20x2%3D%2211.961%22%20y1%3D%228.666%22%20y2%3D%2215.315%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.332%22%20stop-color%3D%22%2311f5ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c738fb%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/newapi-color.svg?color=%231a73e8&size=48
