yuanbao logo
yuanbao-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- yuanbao-color
- Set
- LobeHub AI Icons
- Style
- Color
- 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"><path fill="#fff" d="M7.063 1.664C5.198 3.338 4.395 6.67 5.782 8.568c1.47 2.014 4.79 1.745 6.953.113 2.434-1.84 6.033-1.793 7.23.953.91 2.207.067 4.927-2.113 6.483-4.302 3.097-10.577 2.52-13.472-1.444-2.86-3.915-1.35-9.696 2.683-13.011v.002z"/><path fill="#00cc70" d="M12.007.647C5.384.647.015 5.734.015 12.007s5.369 11.36 11.992 11.36C18.631 23.366 24 18.28 24 12.006 24 5.732 18.631.647 12.007.647zm5.846 15.472C13.55 19.216 7.275 18.64 4.38 14.675 1.521 10.759 3.03 4.979 7.064 1.664 5.199 3.338 4.396 6.67 5.782 8.568c1.47 2.014 4.791 1.745 6.954.112 2.433-1.838 6.032-1.792 7.23.954.91 2.207.067 4.926-2.113 6.483v.002z"/><path fill="#1c1c1c" d="M14.801 14.904a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.006-.806l1.02-1.328a.668.668 0 011.059.815l-.712.925.72.963a.67.67 0 01-.535 1.066l-.002.004zm-3.931-2.001c0 1.797-.356 2.135-1.16 2.135-.806 0-1.162-.338-1.162-2.135 0-1.796.357-2.134 1.161-2.134.805 0 1.162.338 1.162 2.134h-.001z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubYuanbaoColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fff" d="M7.063 1.664C5.198 3.338 4.395 6.67 5.782 8.568c1.47 2.014 4.79 1.745 6.953.113 2.434-1.84 6.033-1.793 7.23.953.91 2.207.067 4.927-2.113 6.483-4.302 3.097-10.577 2.52-13.472-1.444-2.86-3.915-1.35-9.696 2.683-13.011v.002z"/><path fill="#00cc70" d="M12.007.647C5.384.647.015 5.734.015 12.007s5.369 11.36 11.992 11.36C18.631 23.366 24 18.28 24 12.006 24 5.732 18.631.647 12.007.647zm5.846 15.472C13.55 19.216 7.275 18.64 4.38 14.675 1.521 10.759 3.03 4.979 7.064 1.664 5.199 3.338 4.396 6.67 5.782 8.568c1.47 2.014 4.791 1.745 6.954.112 2.433-1.838 6.032-1.792 7.23.954.91 2.207.067 4.926-2.113 6.483v.002z"/><path fill="#1c1c1c" d="M14.801 14.904a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.006-.806l1.02-1.328a.668.668 0 011.059.815l-.712.925.72.963a.67.67 0 01-.535 1.066l-.002.004zm-3.931-2.001c0 1.797-.356 2.135-1.16 2.135-.806 0-1.162-.338-1.162-2.135 0-1.796.357-2.134 1.161-2.134.805 0 1.162.338 1.162 2.134h-.001z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fff" d="M7.063 1.664C5.198 3.338 4.395 6.67 5.782 8.568c1.47 2.014 4.79 1.745 6.953.113 2.434-1.84 6.033-1.793 7.23.953.91 2.207.067 4.927-2.113 6.483-4.302 3.097-10.577 2.52-13.472-1.444-2.86-3.915-1.35-9.696 2.683-13.011v.002z"/><path fill="#00cc70" d="M12.007.647C5.384.647.015 5.734.015 12.007s5.369 11.36 11.992 11.36C18.631 23.366 24 18.28 24 12.006 24 5.732 18.631.647 12.007.647zm5.846 15.472C13.55 19.216 7.275 18.64 4.38 14.675 1.521 10.759 3.03 4.979 7.064 1.664 5.199 3.338 4.396 6.67 5.782 8.568c1.47 2.014 4.791 1.745 6.954.112 2.433-1.838 6.032-1.792 7.23.954.91 2.207.067 4.926-2.113 6.483v.002z"/><path fill="#1c1c1c" d="M14.801 14.904a.669.669 0 01-.536-.269l-1.02-1.37a.67.67 0 01.006-.806l1.02-1.328a.668.668 0 011.059.815l-.712.925.72.963a.67.67 0 01-.535 1.066l-.002.004zm-3.931-2.001c0 1.797-.356 2.135-1.16 2.135-.806 0-1.162-.338-1.162-2.135 0-1.796.357-2.134 1.161-2.134.805 0 1.162.338 1.162 2.134h-.001z"/></svg> </template>
CSS
.icon-yuanbao-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%23fff%22%20d%3D%22M7.063%201.664C5.198%203.338%204.395%206.67%205.782%208.568c1.47%202.014%204.79%201.745%206.953.113%202.434-1.84%206.033-1.793%207.23.953.91%202.207.067%204.927-2.113%206.483-4.302%203.097-10.577%202.52-13.472-1.444-2.86-3.915-1.35-9.696%202.683-13.011v.002z%22%2F%3E%3Cpath%20fill%3D%22%2300cc70%22%20d%3D%22M12.007.647C5.384.647.015%205.734.015%2012.007s5.369%2011.36%2011.992%2011.36C18.631%2023.366%2024%2018.28%2024%2012.006%2024%205.732%2018.631.647%2012.007.647zm5.846%2015.472C13.55%2019.216%207.275%2018.64%204.38%2014.675%201.521%2010.759%203.03%204.979%207.064%201.664%205.199%203.338%204.396%206.67%205.782%208.568c1.47%202.014%204.791%201.745%206.954.112%202.433-1.838%206.032-1.792%207.23.954.91%202.207.067%204.926-2.113%206.483v.002z%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M14.801%2014.904a.669.669%200%2001-.536-.269l-1.02-1.37a.67.67%200%2001.006-.806l1.02-1.328a.668.668%200%20011.059.815l-.712.925.72.963a.67.67%200%2001-.535%201.066l-.002.004zm-3.931-2.001c0%201.797-.356%202.135-1.16%202.135-.806%200-1.162-.338-1.162-2.135%200-1.796.357-2.134%201.161-2.134.805%200%201.162.338%201.162%202.134h-.001z%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%23fff%22%20d%3D%22M7.063%201.664C5.198%203.338%204.395%206.67%205.782%208.568c1.47%202.014%204.79%201.745%206.953.113%202.434-1.84%206.033-1.793%207.23.953.91%202.207.067%204.927-2.113%206.483-4.302%203.097-10.577%202.52-13.472-1.444-2.86-3.915-1.35-9.696%202.683-13.011v.002z%22%2F%3E%3Cpath%20fill%3D%22%2300cc70%22%20d%3D%22M12.007.647C5.384.647.015%205.734.015%2012.007s5.369%2011.36%2011.992%2011.36C18.631%2023.366%2024%2018.28%2024%2012.006%2024%205.732%2018.631.647%2012.007.647zm5.846%2015.472C13.55%2019.216%207.275%2018.64%204.38%2014.675%201.521%2010.759%203.03%204.979%207.064%201.664%205.199%203.338%204.396%206.67%205.782%208.568c1.47%202.014%204.791%201.745%206.954.112%202.433-1.838%206.032-1.792%207.23.954.91%202.207.067%204.926-2.113%206.483v.002z%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M14.801%2014.904a.669.669%200%2001-.536-.269l-1.02-1.37a.67.67%200%2001.006-.806l1.02-1.328a.668.668%200%20011.059.815l-.712.925.72.963a.67.67%200%2001-.535%201.066l-.002.004zm-3.931-2.001c0%201.797-.356%202.135-1.16%202.135-.806%200-1.162-.338-1.162-2.135%200-1.796.357-2.134%201.161-2.134.805%200%201.162.338%201.162%202.134h-.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/yuanbao-color.svg?color=%231a73e8&size=48
