essentialai logo
essentialai-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- essentialai-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the essentialai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID20)" d="M3.429 10.75c0 2.32.903 4.546 2.51 6.187A8.484 8.484 0 0012 19.5a8.484 8.484 0 006.06-2.563 8.843 8.843 0 002.511-6.187H24c0 3.249-1.264 6.365-3.515 8.662A11.877 11.877 0 0112 23c-3.183 0-6.235-1.29-8.485-3.588A12.38 12.38 0 010 10.75h3.429zm13.714 0a5.306 5.306 0 01-1.507 3.712A5.09 5.09 0 0112 16a5.09 5.09 0 01-3.637-1.538 5.306 5.306 0 01-1.506-3.712h10.286zM12 2c2.273 0 4.453.922 6.06 2.563a8.843 8.843 0 012.511 6.187h-3.428a5.306 5.306 0 00-1.507-3.712A5.09 5.09 0 0012 5.5a5.09 5.09 0 00-3.637 1.538 5.306 5.306 0 00-1.506 3.712H3.43c0-2.32.903-4.546 2.51-6.187A8.484 8.484 0 0112 2z"/><defs><radialGradient id="svgID20" cx="0" cy="0" r="1" gradientTransform="matrix(21.6991 27.0254 -47.9838 40.1491 2.3 -4.025)" gradientUnits="userSpaceOnUse"><stop stop-color="#6a46ac"/><stop offset=".63" stop-color="#31008c"/></radialGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubEssentialaiColor(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(#svgID20)" d="M3.429 10.75c0 2.32.903 4.546 2.51 6.187A8.484 8.484 0 0012 19.5a8.484 8.484 0 006.06-2.563 8.843 8.843 0 002.511-6.187H24c0 3.249-1.264 6.365-3.515 8.662A11.877 11.877 0 0112 23c-3.183 0-6.235-1.29-8.485-3.588A12.38 12.38 0 010 10.75h3.429zm13.714 0a5.306 5.306 0 01-1.507 3.712A5.09 5.09 0 0112 16a5.09 5.09 0 01-3.637-1.538 5.306 5.306 0 01-1.506-3.712h10.286zM12 2c2.273 0 4.453.922 6.06 2.563a8.843 8.843 0 012.511 6.187h-3.428a5.306 5.306 0 00-1.507-3.712A5.09 5.09 0 0012 5.5a5.09 5.09 0 00-3.637 1.538 5.306 5.306 0 00-1.506 3.712H3.43c0-2.32.903-4.546 2.51-6.187A8.484 8.484 0 0112 2z"/><defs><radialGradient id="svgID20" cx="0" cy="0" r="1" gradientTransform="matrix(21.6991 27.0254 -47.9838 40.1491 2.3 -4.025)" gradientUnits="userSpaceOnUse"><stop stopColor="#6a46ac"/><stop offset=".63" stopColor="#31008c"/></radialGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID20)" d="M3.429 10.75c0 2.32.903 4.546 2.51 6.187A8.484 8.484 0 0012 19.5a8.484 8.484 0 006.06-2.563 8.843 8.843 0 002.511-6.187H24c0 3.249-1.264 6.365-3.515 8.662A11.877 11.877 0 0112 23c-3.183 0-6.235-1.29-8.485-3.588A12.38 12.38 0 010 10.75h3.429zm13.714 0a5.306 5.306 0 01-1.507 3.712A5.09 5.09 0 0112 16a5.09 5.09 0 01-3.637-1.538 5.306 5.306 0 01-1.506-3.712h10.286zM12 2c2.273 0 4.453.922 6.06 2.563a8.843 8.843 0 012.511 6.187h-3.428a5.306 5.306 0 00-1.507-3.712A5.09 5.09 0 0012 5.5a5.09 5.09 0 00-3.637 1.538 5.306 5.306 0 00-1.506 3.712H3.43c0-2.32.903-4.546 2.51-6.187A8.484 8.484 0 0112 2z"/><defs><radialGradient id="svgID20" cx="0" cy="0" r="1" gradientTransform="matrix(21.6991 27.0254 -47.9838 40.1491 2.3 -4.025)" gradientUnits="userSpaceOnUse"><stop stop-color="#6a46ac"/><stop offset=".63" stop-color="#31008c"/></radialGradient></defs></svg> </template>
CSS
.icon-essentialai-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(%23svgID20)%22%20d%3D%22M3.429%2010.75c0%202.32.903%204.546%202.51%206.187A8.484%208.484%200%200012%2019.5a8.484%208.484%200%20006.06-2.563%208.843%208.843%200%20002.511-6.187H24c0%203.249-1.264%206.365-3.515%208.662A11.877%2011.877%200%200112%2023c-3.183%200-6.235-1.29-8.485-3.588A12.38%2012.38%200%20010%2010.75h3.429zm13.714%200a5.306%205.306%200%2001-1.507%203.712A5.09%205.09%200%200112%2016a5.09%205.09%200%2001-3.637-1.538%205.306%205.306%200%2001-1.506-3.712h10.286zM12%202c2.273%200%204.453.922%206.06%202.563a8.843%208.843%200%20012.511%206.187h-3.428a5.306%205.306%200%2000-1.507-3.712A5.09%205.09%200%200012%205.5a5.09%205.09%200%2000-3.637%201.538%205.306%205.306%200%2000-1.506%203.712H3.43c0-2.32.903-4.546%202.51-6.187A8.484%208.484%200%200112%202z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID20%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(21.6991%2027.0254%20-47.9838%2040.1491%202.3%20-4.025)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236a46ac%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%2331008c%22%2F%3E%3C%2FradialGradient%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(%23svgID20)%22%20d%3D%22M3.429%2010.75c0%202.32.903%204.546%202.51%206.187A8.484%208.484%200%200012%2019.5a8.484%208.484%200%20006.06-2.563%208.843%208.843%200%20002.511-6.187H24c0%203.249-1.264%206.365-3.515%208.662A11.877%2011.877%200%200112%2023c-3.183%200-6.235-1.29-8.485-3.588A12.38%2012.38%200%20010%2010.75h3.429zm13.714%200a5.306%205.306%200%2001-1.507%203.712A5.09%205.09%200%200112%2016a5.09%205.09%200%2001-3.637-1.538%205.306%205.306%200%2001-1.506-3.712h10.286zM12%202c2.273%200%204.453.922%206.06%202.563a8.843%208.843%200%20012.511%206.187h-3.428a5.306%205.306%200%2000-1.507-3.712A5.09%205.09%200%200012%205.5a5.09%205.09%200%2000-3.637%201.538%205.306%205.306%200%2000-1.506%203.712H3.43c0-2.32.903-4.546%202.51-6.187A8.484%208.484%200%200112%202z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID20%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(21.6991%2027.0254%20-47.9838%2040.1491%202.3%20-4.025)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236a46ac%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%2331008c%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/essentialai-color.svg?color=%231a73e8&size=48
