cometapi logo
cometapi-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- cometapi-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the cometapi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00ace2" d="M1 21.376v-.238c.058-.215.104-.438.178-.643C4.075 12.377 5.938 7.2 6.764 4.964c.199-.538.529-1.11.99-1.717C9.484.97 12.144-.223 14.99.035c4.67.421 8.023 4.694 7.27 9.385-.266 1.666-1 3.124-2.203 4.373-.468.486-1.025.901-1.663 1.423-2.554 2.089-6.024 4.854-10.411 8.293-.225.176-.67.495-.94.491a.193.193 0 01-.189-.202c.01-.206.078-.472.203-.799.04-.108.44-.956 1.197-2.545.091-.192.15-.384.179-.576a.142.142 0 00-.174-.16 1.48 1.48 0 00-.506.238c-.414.289-.86.648-1.337 1.077-.506.454-1.137 1.026-1.895 1.717a8.863 8.863 0 01-1.253.977.153.153 0 01-.223-.074c-.027-.067-.024-.165.01-.292.112-.423.283-.902.512-1.437.169-.396.519-1.206 1.05-2.428.17-.39.697-1.592.611-1.897a.166.166 0 00-.254-.092c-.283.194-.593.484-.93.87-.782.894-1.567 1.78-2.357 2.655-.247.275-.476.39-.687.344z"/><path fill="#fff" d="M20.886 8.119a6.642 6.642 0 11-13.284 0 6.642 6.642 0 0113.284 0z"/><path fill="#0073c3" d="M19.26 8.12a5.016 5.016 0 11-10.031 0 5.016 5.016 0 0110.03 0z"/><path fill="#fff" d="M16.293 4.799a3.09 3.09 0 01.852 4.44c-.961 1.318-2.428.3-3.421-.321-.993-.62-2.555-1.488-1.794-2.931a3.09 3.09 0 014.363-1.188z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubCometapiColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00ace2" d="M1 21.376v-.238c.058-.215.104-.438.178-.643C4.075 12.377 5.938 7.2 6.764 4.964c.199-.538.529-1.11.99-1.717C9.484.97 12.144-.223 14.99.035c4.67.421 8.023 4.694 7.27 9.385-.266 1.666-1 3.124-2.203 4.373-.468.486-1.025.901-1.663 1.423-2.554 2.089-6.024 4.854-10.411 8.293-.225.176-.67.495-.94.491a.193.193 0 01-.189-.202c.01-.206.078-.472.203-.799.04-.108.44-.956 1.197-2.545.091-.192.15-.384.179-.576a.142.142 0 00-.174-.16 1.48 1.48 0 00-.506.238c-.414.289-.86.648-1.337 1.077-.506.454-1.137 1.026-1.895 1.717a8.863 8.863 0 01-1.253.977.153.153 0 01-.223-.074c-.027-.067-.024-.165.01-.292.112-.423.283-.902.512-1.437.169-.396.519-1.206 1.05-2.428.17-.39.697-1.592.611-1.897a.166.166 0 00-.254-.092c-.283.194-.593.484-.93.87-.782.894-1.567 1.78-2.357 2.655-.247.275-.476.39-.687.344z"/><path fill="#fff" d="M20.886 8.119a6.642 6.642 0 11-13.284 0 6.642 6.642 0 0113.284 0z"/><path fill="#0073c3" d="M19.26 8.12a5.016 5.016 0 11-10.031 0 5.016 5.016 0 0110.03 0z"/><path fill="#fff" d="M16.293 4.799a3.09 3.09 0 01.852 4.44c-.961 1.318-2.428.3-3.421-.321-.993-.62-2.555-1.488-1.794-2.931a3.09 3.09 0 014.363-1.188z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#00ace2" d="M1 21.376v-.238c.058-.215.104-.438.178-.643C4.075 12.377 5.938 7.2 6.764 4.964c.199-.538.529-1.11.99-1.717C9.484.97 12.144-.223 14.99.035c4.67.421 8.023 4.694 7.27 9.385-.266 1.666-1 3.124-2.203 4.373-.468.486-1.025.901-1.663 1.423-2.554 2.089-6.024 4.854-10.411 8.293-.225.176-.67.495-.94.491a.193.193 0 01-.189-.202c.01-.206.078-.472.203-.799.04-.108.44-.956 1.197-2.545.091-.192.15-.384.179-.576a.142.142 0 00-.174-.16 1.48 1.48 0 00-.506.238c-.414.289-.86.648-1.337 1.077-.506.454-1.137 1.026-1.895 1.717a8.863 8.863 0 01-1.253.977.153.153 0 01-.223-.074c-.027-.067-.024-.165.01-.292.112-.423.283-.902.512-1.437.169-.396.519-1.206 1.05-2.428.17-.39.697-1.592.611-1.897a.166.166 0 00-.254-.092c-.283.194-.593.484-.93.87-.782.894-1.567 1.78-2.357 2.655-.247.275-.476.39-.687.344z"/><path fill="#fff" d="M20.886 8.119a6.642 6.642 0 11-13.284 0 6.642 6.642 0 0113.284 0z"/><path fill="#0073c3" d="M19.26 8.12a5.016 5.016 0 11-10.031 0 5.016 5.016 0 0110.03 0z"/><path fill="#fff" d="M16.293 4.799a3.09 3.09 0 01.852 4.44c-.961 1.318-2.428.3-3.421-.321-.993-.62-2.555-1.488-1.794-2.931a3.09 3.09 0 014.363-1.188z"/></svg> </template>
CSS
.icon-cometapi-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%22%2300ace2%22%20d%3D%22M1%2021.376v-.238c.058-.215.104-.438.178-.643C4.075%2012.377%205.938%207.2%206.764%204.964c.199-.538.529-1.11.99-1.717C9.484.97%2012.144-.223%2014.99.035c4.67.421%208.023%204.694%207.27%209.385-.266%201.666-1%203.124-2.203%204.373-.468.486-1.025.901-1.663%201.423-2.554%202.089-6.024%204.854-10.411%208.293-.225.176-.67.495-.94.491a.193.193%200%2001-.189-.202c.01-.206.078-.472.203-.799.04-.108.44-.956%201.197-2.545.091-.192.15-.384.179-.576a.142.142%200%2000-.174-.16%201.48%201.48%200%2000-.506.238c-.414.289-.86.648-1.337%201.077-.506.454-1.137%201.026-1.895%201.717a8.863%208.863%200%2001-1.253.977.153.153%200%2001-.223-.074c-.027-.067-.024-.165.01-.292.112-.423.283-.902.512-1.437.169-.396.519-1.206%201.05-2.428.17-.39.697-1.592.611-1.897a.166.166%200%2000-.254-.092c-.283.194-.593.484-.93.87-.782.894-1.567%201.78-2.357%202.655-.247.275-.476.39-.687.344z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.886%208.119a6.642%206.642%200%2011-13.284%200%206.642%206.642%200%200113.284%200z%22%2F%3E%3Cpath%20fill%3D%22%230073c3%22%20d%3D%22M19.26%208.12a5.016%205.016%200%2011-10.031%200%205.016%205.016%200%200110.03%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.293%204.799a3.09%203.09%200%2001.852%204.44c-.961%201.318-2.428.3-3.421-.321-.993-.62-2.555-1.488-1.794-2.931a3.09%203.09%200%20014.363-1.188z%22%2F%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%22%2300ace2%22%20d%3D%22M1%2021.376v-.238c.058-.215.104-.438.178-.643C4.075%2012.377%205.938%207.2%206.764%204.964c.199-.538.529-1.11.99-1.717C9.484.97%2012.144-.223%2014.99.035c4.67.421%208.023%204.694%207.27%209.385-.266%201.666-1%203.124-2.203%204.373-.468.486-1.025.901-1.663%201.423-2.554%202.089-6.024%204.854-10.411%208.293-.225.176-.67.495-.94.491a.193.193%200%2001-.189-.202c.01-.206.078-.472.203-.799.04-.108.44-.956%201.197-2.545.091-.192.15-.384.179-.576a.142.142%200%2000-.174-.16%201.48%201.48%200%2000-.506.238c-.414.289-.86.648-1.337%201.077-.506.454-1.137%201.026-1.895%201.717a8.863%208.863%200%2001-1.253.977.153.153%200%2001-.223-.074c-.027-.067-.024-.165.01-.292.112-.423.283-.902.512-1.437.169-.396.519-1.206%201.05-2.428.17-.39.697-1.592.611-1.897a.166.166%200%2000-.254-.092c-.283.194-.593.484-.93.87-.782.894-1.567%201.78-2.357%202.655-.247.275-.476.39-.687.344z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.886%208.119a6.642%206.642%200%2011-13.284%200%206.642%206.642%200%200113.284%200z%22%2F%3E%3Cpath%20fill%3D%22%230073c3%22%20d%3D%22M19.26%208.12a5.016%205.016%200%2011-10.031%200%205.016%205.016%200%200110.03%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.293%204.799a3.09%203.09%200%2001.852%204.44c-.961%201.318-2.428.3-3.421-.321-.993-.62-2.555-1.488-1.794-2.931a3.09%203.09%200%20014.363-1.188z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/cometapi-color.svg?color=%231a73e8&size=48
