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

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

2 other variants in LobeHub AI Icons

The same logo in other sets

Use the yuanbao logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M12.014.648c-6.628 0-12 5.09-12 11.367 0 6.277 5.372 11.366 12 11.366s12-5.09 12-11.366c0-6.277-5.372-11.367-12-11.367zm5.849 15.481c-4.305 3.1-10.584 2.523-13.481-1.444-2.86-3.918-1.351-9.703 2.685-13.02-1.866 1.676-2.67 5.01-1.282 6.909 1.471 2.015 4.794 1.746 6.958.113 2.435-1.84 6.036-1.794 7.234.954.91 2.208.067 4.93-2.114 6.487v.001z"/><path d="M14.81 14.914a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.005-.807l1.021-1.328a.669.669 0 011.06.814l-.713.926.72.964a.67.67 0 01-.534 1.067l-.002.003zM10.877 12.913c0 1.797-.357 2.135-1.162 2.135-.805 0-1.162-.338-1.162-2.135 0-1.798.357-2.136 1.162-2.136.805 0 1.162.338 1.162 2.136z"/></g></svg>

React

import type { SVGProps } from "react";

export function LobehubYuanbao(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path d="M12.014.648c-6.628 0-12 5.09-12 11.367 0 6.277 5.372 11.366 12 11.366s12-5.09 12-11.366c0-6.277-5.372-11.367-12-11.367zm5.849 15.481c-4.305 3.1-10.584 2.523-13.481-1.444-2.86-3.918-1.351-9.703 2.685-13.02-1.866 1.676-2.67 5.01-1.282 6.909 1.471 2.015 4.794 1.746 6.958.113 2.435-1.84 6.036-1.794 7.234.954.91 2.208.067 4.93-2.114 6.487v.001z"/><path d="M14.81 14.914a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.005-.807l1.021-1.328a.669.669 0 011.06.814l-.713.926.72.964a.67.67 0 01-.534 1.067l-.002.003zM10.877 12.913c0 1.797-.357 2.135-1.162 2.135-.805 0-1.162-.338-1.162-2.135 0-1.798.357-2.136 1.162-2.136.805 0 1.162.338 1.162 2.136z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M12.014.648c-6.628 0-12 5.09-12 11.367 0 6.277 5.372 11.366 12 11.366s12-5.09 12-11.366c0-6.277-5.372-11.367-12-11.367zm5.849 15.481c-4.305 3.1-10.584 2.523-13.481-1.444-2.86-3.918-1.351-9.703 2.685-13.02-1.866 1.676-2.67 5.01-1.282 6.909 1.471 2.015 4.794 1.746 6.958.113 2.435-1.84 6.036-1.794 7.234.954.91 2.208.067 4.93-2.114 6.487v.001z"/><path d="M14.81 14.914a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.005-.807l1.021-1.328a.669.669 0 011.06.814l-.713.926.72.964a.67.67 0 01-.534 1.067l-.002.003zM10.877 12.913c0 1.797-.357 2.135-1.162 2.135-.805 0-1.162-.338-1.162-2.135 0-1.798.357-2.136 1.162-2.136.805 0 1.162.338 1.162 2.136z"/></g></svg>
</template>

CSS

.icon-yuanbao {
  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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.014.648c-6.628%200-12%205.09-12%2011.367%200%206.277%205.372%2011.366%2012%2011.366s12-5.09%2012-11.366c0-6.277-5.372-11.367-12-11.367zm5.849%2015.481c-4.305%203.1-10.584%202.523-13.481-1.444-2.86-3.918-1.351-9.703%202.685-13.02-1.866%201.676-2.67%205.01-1.282%206.909%201.471%202.015%204.794%201.746%206.958.113%202.435-1.84%206.036-1.794%207.234.954.91%202.208.067%204.93-2.114%206.487v.001z%22%2F%3E%3Cpath%20d%3D%22M14.81%2014.914a.669.669%200%2001-.536-.269l-1.02-1.37a.67.67%200%2001.005-.807l1.021-1.328a.669.669%200%20011.06.814l-.713.926.72.964a.67.67%200%2001-.534%201.067l-.002.003zM10.877%2012.913c0%201.797-.357%202.135-1.162%202.135-.805%200-1.162-.338-1.162-2.135%200-1.798.357-2.136%201.162-2.136.805%200%201.162.338%201.162%202.136z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.014.648c-6.628%200-12%205.09-12%2011.367%200%206.277%205.372%2011.366%2012%2011.366s12-5.09%2012-11.366c0-6.277-5.372-11.367-12-11.367zm5.849%2015.481c-4.305%203.1-10.584%202.523-13.481-1.444-2.86-3.918-1.351-9.703%202.685-13.02-1.866%201.676-2.67%205.01-1.282%206.909%201.471%202.015%204.794%201.746%206.958.113%202.435-1.84%206.036-1.794%207.234.954.91%202.208.067%204.93-2.114%206.487v.001z%22%2F%3E%3Cpath%20d%3D%22M14.81%2014.914a.669.669%200%2001-.536-.269l-1.02-1.37a.67.67%200%2001.005-.807l1.021-1.328a.669.669%200%20011.06.814l-.713.926.72.964a.67.67%200%2001-.534%201.067l-.002.003zM10.877%2012.913c0%201.797-.357%202.135-1.162%202.135-.805%200-1.162-.338-1.162-2.135%200-1.798.357-2.136%201.162-2.136.805%200%201.162.338%201.162%202.136z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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