colab logo

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

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

2 other variants in LobeHub AI Icons

colabcolab-text

Use the colab logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e8710a" d="M4.426 9.444L2.046 7.07a6.988 6.988 0 000 9.879l2.38-2.381a3.637 3.637 0 010-5.123z"/><path fill="#f9ab00" d="M11.947 7.069a6.988 6.988 0 000 9.879l2.425-2.381a3.638 3.638 0 015.098-5.123l2.381-2.381a6.987 6.987 0 00-9.883-.032l-.02.02v.018zM11.287 17.52l-1.765-2.954a3.637 3.637 0 01-5.122 0L2.043 16.95a6.989 6.989 0 009.127.654l.115-.084M2.043 7.068l2.381 2.376a3.637 3.637 0 015.098 0l1.727-2.959-.103-.079a6.988 6.988 0 00-9.103.662z"/><path fill="#e8710a" d="M21.85 7.069l-2.382 2.375a3.638 3.638 0 01-5.098 5.123l-2.425 2.383a6.988 6.988 0 009.88-9.881h.024z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubColabColor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e8710a" d="M4.426 9.444L2.046 7.07a6.988 6.988 0 000 9.879l2.38-2.381a3.637 3.637 0 010-5.123z"/><path fill="#f9ab00" d="M11.947 7.069a6.988 6.988 0 000 9.879l2.425-2.381a3.638 3.638 0 015.098-5.123l2.381-2.381a6.987 6.987 0 00-9.883-.032l-.02.02v.018zM11.287 17.52l-1.765-2.954a3.637 3.637 0 01-5.122 0L2.043 16.95a6.989 6.989 0 009.127.654l.115-.084M2.043 7.068l2.381 2.376a3.637 3.637 0 015.098 0l1.727-2.959-.103-.079a6.988 6.988 0 00-9.103.662z"/><path fill="#e8710a" d="M21.85 7.069l-2.382 2.375a3.638 3.638 0 01-5.098 5.123l-2.425 2.383a6.988 6.988 0 009.88-9.881h.024z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e8710a" d="M4.426 9.444L2.046 7.07a6.988 6.988 0 000 9.879l2.38-2.381a3.637 3.637 0 010-5.123z"/><path fill="#f9ab00" d="M11.947 7.069a6.988 6.988 0 000 9.879l2.425-2.381a3.638 3.638 0 015.098-5.123l2.381-2.381a6.987 6.987 0 00-9.883-.032l-.02.02v.018zM11.287 17.52l-1.765-2.954a3.637 3.637 0 01-5.122 0L2.043 16.95a6.989 6.989 0 009.127.654l.115-.084M2.043 7.068l2.381 2.376a3.637 3.637 0 015.098 0l1.727-2.959-.103-.079a6.988 6.988 0 00-9.103.662z"/><path fill="#e8710a" d="M21.85 7.069l-2.382 2.375a3.638 3.638 0 01-5.098 5.123l-2.425 2.383a6.988 6.988 0 009.88-9.881h.024z"/></svg>
</template>

CSS

.icon-colab-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%23e8710a%22%20d%3D%22M4.426%209.444L2.046%207.07a6.988%206.988%200%20000%209.879l2.38-2.381a3.637%203.637%200%20010-5.123z%22%2F%3E%3Cpath%20fill%3D%22%23f9ab00%22%20d%3D%22M11.947%207.069a6.988%206.988%200%20000%209.879l2.425-2.381a3.638%203.638%200%20015.098-5.123l2.381-2.381a6.987%206.987%200%2000-9.883-.032l-.02.02v.018zM11.287%2017.52l-1.765-2.954a3.637%203.637%200%2001-5.122%200L2.043%2016.95a6.989%206.989%200%20009.127.654l.115-.084M2.043%207.068l2.381%202.376a3.637%203.637%200%20015.098%200l1.727-2.959-.103-.079a6.988%206.988%200%2000-9.103.662z%22%2F%3E%3Cpath%20fill%3D%22%23e8710a%22%20d%3D%22M21.85%207.069l-2.382%202.375a3.638%203.638%200%2001-5.098%205.123l-2.425%202.383a6.988%206.988%200%20009.88-9.881h.024z%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%23e8710a%22%20d%3D%22M4.426%209.444L2.046%207.07a6.988%206.988%200%20000%209.879l2.38-2.381a3.637%203.637%200%20010-5.123z%22%2F%3E%3Cpath%20fill%3D%22%23f9ab00%22%20d%3D%22M11.947%207.069a6.988%206.988%200%20000%209.879l2.425-2.381a3.638%203.638%200%20015.098-5.123l2.381-2.381a6.987%206.987%200%2000-9.883-.032l-.02.02v.018zM11.287%2017.52l-1.765-2.954a3.637%203.637%200%2001-5.122%200L2.043%2016.95a6.989%206.989%200%20009.127.654l.115-.084M2.043%207.068l2.381%202.376a3.637%203.637%200%20015.098%200l1.727-2.959-.103-.079a6.988%206.988%200%2000-9.103.662z%22%2F%3E%3Cpath%20fill%3D%22%23e8710a%22%20d%3D%22M21.85%207.069l-2.382%202.375a3.638%203.638%200%2001-5.098%205.123l-2.425%202.383a6.988%206.988%200%20009.88-9.881h.024z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/colab-color.svg?color=%231a73e8&size=48

Colab logo — LobeHub AI Icons · IconsDB