agui logo

agui from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.

Name
agui
Set
LobeHub AI Icons
Style
Mono
Viewbox
24×24
License
MIT

1 other variant in LobeHub AI Icons

agui-text

Use the agui logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.675.281A.609.609 0 018.32.014l10.047 2.222 2.511.555.628.139.157.034.04.01.01.001a.04.04 0 01.002.001l.06.016a.609.609 0 01.408.688l-3.63 19.82a.609.609 0 01-.989.358L1.718 10.605a.609.609 0 01-.123-.794l6.08-9.53zM3.34 10.374l13.118 10.971-5.76-13.394-7.358 2.423zm8.519-2.805l5.874 13.659L20.77 4.635l-8.912 2.934zM3.539 9.026l6.675-2.197-2.123-4.937L3.54 9.026zm7.836-2.58l8.195-2.698-1.466-.324-8.872-1.962 2.143 4.984z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function LobehubAgui(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.675.281A.609.609 0 018.32.014l10.047 2.222 2.511.555.628.139.157.034.04.01.01.001a.04.04 0 01.002.001l.06.016a.609.609 0 01.408.688l-3.63 19.82a.609.609 0 01-.989.358L1.718 10.605a.609.609 0 01-.123-.794l6.08-9.53zM3.34 10.374l13.118 10.971-5.76-13.394-7.358 2.423zm8.519-2.805l5.874 13.659L20.77 4.635l-8.912 2.934zM3.539 9.026l6.675-2.197-2.123-4.937L3.54 9.026zm7.836-2.58l8.195-2.698-1.466-.324-8.872-1.962 2.143 4.984z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.675.281A.609.609 0 018.32.014l10.047 2.222 2.511.555.628.139.157.034.04.01.01.001a.04.04 0 01.002.001l.06.016a.609.609 0 01.408.688l-3.63 19.82a.609.609 0 01-.989.358L1.718 10.605a.609.609 0 01-.123-.794l6.08-9.53zM3.34 10.374l13.118 10.971-5.76-13.394-7.358 2.423zm8.519-2.805l5.874 13.659L20.77 4.635l-8.912 2.934zM3.539 9.026l6.675-2.197-2.123-4.937L3.54 9.026zm7.836-2.58l8.195-2.698-1.466-.324-8.872-1.962 2.143 4.984z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-agui {
  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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.675.281A.609.609%200%20018.32.014l10.047%202.222%202.511.555.628.139.157.034.04.01.01.001a.04.04%200%2001.002.001l.06.016a.609.609%200%2001.408.688l-3.63%2019.82a.609.609%200%2001-.989.358L1.718%2010.605a.609.609%200%2001-.123-.794l6.08-9.53zM3.34%2010.374l13.118%2010.971-5.76-13.394-7.358%202.423zm8.519-2.805l5.874%2013.659L20.77%204.635l-8.912%202.934zM3.539%209.026l6.675-2.197-2.123-4.937L3.54%209.026zm7.836-2.58l8.195-2.698-1.466-.324-8.872-1.962%202.143%204.984z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.675.281A.609.609%200%20018.32.014l10.047%202.222%202.511.555.628.139.157.034.04.01.01.001a.04.04%200%2001.002.001l.06.016a.609.609%200%2001.408.688l-3.63%2019.82a.609.609%200%2001-.989.358L1.718%2010.605a.609.609%200%2001-.123-.794l6.08-9.53zM3.34%2010.374l13.118%2010.971-5.76-13.394-7.358%202.423zm8.519-2.805l5.874%2013.659L20.77%204.635l-8.912%202.934zM3.539%209.026l6.675-2.197-2.123-4.937L3.54%209.026zm7.836-2.58l8.195-2.698-1.466-.324-8.872-1.962%202.143%204.984z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Agui logo — LobeHub AI Icons · IconsDB