dbrx logo

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

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

4 other variants in LobeHub AI Icons

dbrx dbrx-brand dbrx-brand-color dbrx-text

Use the dbrx logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ee3d2c" d="M21.821 9.894l-9.81 5.595L1.505 9.511 1 9.787v4.34l11.01 6.256 9.811-5.574v2.297l-9.81 5.596-10.506-5.979L1 17v.745L12.01 24 23 17.745v-4.34l-.505-.277-10.484 5.957-9.832-5.574v-2.298l9.832 5.574L23 10.532V6.255l-.547-.319-10.442 5.936-9.327-5.276 9.327-5.298 7.663 4.362.673-.383v-.532L12.011 0 1 6.255v.681l11.01 6.255 9.811-5.595z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubDbrxColor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ee3d2c" d="M21.821 9.894l-9.81 5.595L1.505 9.511 1 9.787v4.34l11.01 6.256 9.811-5.574v2.297l-9.81 5.596-10.506-5.979L1 17v.745L12.01 24 23 17.745v-4.34l-.505-.277-10.484 5.957-9.832-5.574v-2.298l9.832 5.574L23 10.532V6.255l-.547-.319-10.442 5.936-9.327-5.276 9.327-5.298 7.663 4.362.673-.383v-.532L12.011 0 1 6.255v.681l11.01 6.255 9.811-5.595z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ee3d2c" d="M21.821 9.894l-9.81 5.595L1.505 9.511 1 9.787v4.34l11.01 6.256 9.811-5.574v2.297l-9.81 5.596-10.506-5.979L1 17v.745L12.01 24 23 17.745v-4.34l-.505-.277-10.484 5.957-9.832-5.574v-2.298l9.832 5.574L23 10.532V6.255l-.547-.319-10.442 5.936-9.327-5.276 9.327-5.298 7.663 4.362.673-.383v-.532L12.011 0 1 6.255v.681l11.01 6.255 9.811-5.595z"/></svg>
</template>

CSS

.icon-dbrx-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%23ee3d2c%22%20d%3D%22M21.821%209.894l-9.81%205.595L1.505%209.511%201%209.787v4.34l11.01%206.256%209.811-5.574v2.297l-9.81%205.596-10.506-5.979L1%2017v.745L12.01%2024%2023%2017.745v-4.34l-.505-.277-10.484%205.957-9.832-5.574v-2.298l9.832%205.574L23%2010.532V6.255l-.547-.319-10.442%205.936-9.327-5.276%209.327-5.298%207.663%204.362.673-.383v-.532L12.011%200%201%206.255v.681l11.01%206.255%209.811-5.595z%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%23ee3d2c%22%20d%3D%22M21.821%209.894l-9.81%205.595L1.505%209.511%201%209.787v4.34l11.01%206.256%209.811-5.574v2.297l-9.81%205.596-10.506-5.979L1%2017v.745L12.01%2024%2023%2017.745v-4.34l-.505-.277-10.484%205.957-9.832-5.574v-2.298l9.832%205.574L23%2010.532V6.255l-.547-.319-10.442%205.936-9.327-5.276%209.327-5.298%207.663%204.362.673-.383v-.532L12.011%200%201%206.255v.681l11.01%206.255%209.811-5.595z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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