antgroup logo

antgroup-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.

Name
antgroup-color
Set
LobeHub AI Icons
Style
Color
Viewbox
24×24
License
MIT

5 other variants in LobeHub AI Icons

antgroupantgroup-brandantgroup-brand-colorantgroup-textantgroup-text-cn

Use the antgroup logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID15)" d="M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z" transform="translate(3)"/><path fill="url(#svgID16)" d="M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z" transform="translate(3)"/><path fill="url(#svgID17)" d="M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z" transform="translate(3)"/><defs><linearGradient id="svgID15" x1="31.373%" x2="61.365%" y1="95.551%" y2="-.348%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient><linearGradient id="svgID16" x1="4.366%" x2="94.359%" y1="65.982%" y2="32.918%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient><linearGradient id="svgID17" x1="56.255%" x2="45.986%" y1="99.257%" y2="1.384%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient></defs></svg>

React

import type { SVGProps } from "react";

export function LobehubAntgroupColor(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(#svgID15)" d="M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z" transform="translate(3)"/><path fill="url(#svgID16)" d="M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z" transform="translate(3)"/><path fill="url(#svgID17)" d="M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z" transform="translate(3)"/><defs><linearGradient id="svgID15" x1="31.373%" x2="61.365%" y1="95.551%" y2="-.348%"><stop offset="0%" stopColor="#06f"/><stop offset="20%" stopColor="#1677ff"/><stop offset="100%" stopColor="#04a6ff"/></linearGradient><linearGradient id="svgID16" x1="4.366%" x2="94.359%" y1="65.982%" y2="32.918%"><stop offset="0%" stopColor="#06f"/><stop offset="20%" stopColor="#1677ff"/><stop offset="100%" stopColor="#04a6ff"/></linearGradient><linearGradient id="svgID17" x1="56.255%" x2="45.986%" y1="99.257%" y2="1.384%"><stop offset="0%" stopColor="#06f"/><stop offset="20%" stopColor="#1677ff"/><stop offset="100%" stopColor="#04a6ff"/></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(#svgID15)" d="M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z" transform="translate(3)"/><path fill="url(#svgID16)" d="M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z" transform="translate(3)"/><path fill="url(#svgID17)" d="M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z" transform="translate(3)"/><defs><linearGradient id="svgID15" x1="31.373%" x2="61.365%" y1="95.551%" y2="-.348%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient><linearGradient id="svgID16" x1="4.366%" x2="94.359%" y1="65.982%" y2="32.918%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient><linearGradient id="svgID17" x1="56.255%" x2="45.986%" y1="99.257%" y2="1.384%"><stop offset="0%" stop-color="#06f"/><stop offset="20%" stop-color="#1677ff"/><stop offset="100%" stop-color="#04a6ff"/></linearGradient></defs></svg>
</template>

CSS

.icon-antgroup-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(%23svgID15)%22%20d%3D%22M9.797%206.282a.451.451%200%2001-.336-.315%201.019%201.019%200%20010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746%201.262-.89.877-.217%201.24.629.937%201.348-.259.593-.877.914-1.334%201.348-.835.795-1.096%202.14-1.336%203.212a.427.427%200%2001-.186.277.437.437%200%2001-.331.062z%22%20transform%3D%22translate(3)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID16)%22%20d%3D%22M6.334%204.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466%200%20.688.018%204.098.176%207.484%203.22%208.05%207.237.565%204.016-1.852%207.859-5.745%209.134-3.894%201.276-8.153-.38-10.126-3.935A8.339%208.339%200%20013.133%207.081c.348-.278.716-.53%201.102-.755a8.404%208.404%200%20001.318-.79c.28-.243.45-.742.781-.864zm4.406%202.15c-2.841.003-4.898%202.533-4.628%205.642.27%203.109%202.781%205.641%205.613%205.665%202.832.024%204.932-2.512%204.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707%204.707%200%20013.304%201.446%205.703%205.703%200%20011.643%203.49%204.841%204.841%200%2001-1.141%203.705v.015a3.923%203.923%200%2001-2.808%201.303%204.664%204.664%200%2001-3.367-1.387%205.678%205.678%200%2001-1.71-3.518%204.832%204.832%200%20011.14-3.753%203.923%203.923%200%20012.813-1.3h.126z%22%20transform%3D%22translate(3)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID17)%22%20d%3D%22M2.346%202.054a1.26%201.26%200%2001.384-.594.842.842%200%20011.165.11c.694.82.169%202.078.142%203.02.013.805.208%201.597.57%202.318.084.134.147.279.186.43a.539.539%200%2001-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698%208.698%200%2001-.618-1.987%207.523%207.523%200%2001-.051-.37%203.717%203.717%200%2001-.024-.34%202.506%202.506%200%2001.132-.872z%22%20transform%3D%22translate(3)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%2231.373%25%22%20x2%3D%2261.365%25%22%20y1%3D%2295.551%25%22%20y2%3D%22-.348%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID16%22%20x1%3D%224.366%25%22%20x2%3D%2294.359%25%22%20y1%3D%2265.982%25%22%20y2%3D%2232.918%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID17%22%20x1%3D%2256.255%25%22%20x2%3D%2245.986%25%22%20y1%3D%2299.257%25%22%20y2%3D%221.384%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%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(%23svgID15)%22%20d%3D%22M9.797%206.282a.451.451%200%2001-.336-.315%201.019%201.019%200%20010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746%201.262-.89.877-.217%201.24.629.937%201.348-.259.593-.877.914-1.334%201.348-.835.795-1.096%202.14-1.336%203.212a.427.427%200%2001-.186.277.437.437%200%2001-.331.062z%22%20transform%3D%22translate(3)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID16)%22%20d%3D%22M6.334%204.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466%200%20.688.018%204.098.176%207.484%203.22%208.05%207.237.565%204.016-1.852%207.859-5.745%209.134-3.894%201.276-8.153-.38-10.126-3.935A8.339%208.339%200%20013.133%207.081c.348-.278.716-.53%201.102-.755a8.404%208.404%200%20001.318-.79c.28-.243.45-.742.781-.864zm4.406%202.15c-2.841.003-4.898%202.533-4.628%205.642.27%203.109%202.781%205.641%205.613%205.665%202.832.024%204.932-2.512%204.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707%204.707%200%20013.304%201.446%205.703%205.703%200%20011.643%203.49%204.841%204.841%200%2001-1.141%203.705v.015a3.923%203.923%200%2001-2.808%201.303%204.664%204.664%200%2001-3.367-1.387%205.678%205.678%200%2001-1.71-3.518%204.832%204.832%200%20011.14-3.753%203.923%203.923%200%20012.813-1.3h.126z%22%20transform%3D%22translate(3)%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID17)%22%20d%3D%22M2.346%202.054a1.26%201.26%200%2001.384-.594.842.842%200%20011.165.11c.694.82.169%202.078.142%203.02.013.805.208%201.597.57%202.318.084.134.147.279.186.43a.539.539%200%2001-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698%208.698%200%2001-.618-1.987%207.523%207.523%200%2001-.051-.37%203.717%203.717%200%2001-.024-.34%202.506%202.506%200%2001.132-.872z%22%20transform%3D%22translate(3)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%2231.373%25%22%20x2%3D%2261.365%25%22%20y1%3D%2295.551%25%22%20y2%3D%22-.348%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID16%22%20x1%3D%224.366%25%22%20x2%3D%2294.359%25%22%20y1%3D%2265.982%25%22%20y2%3D%2232.918%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID17%22%20x1%3D%2256.255%25%22%20x2%3D%2245.986%25%22%20y1%3D%2299.257%25%22%20y2%3D%221.384%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306f%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%231677ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2304a6ff%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/antgroup-color.svg?color=%231a73e8&size=48