yuanbao icon
yuanbao-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- yuanbao-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the yuanbao icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a5 5 0 0 1 4.506 2.831c.499-.373 1.048-.755 1.601-.97c.369-.143.79-.234 1.246-.185c.466.05.892.239 1.272.543c.873.699 1.128 1.934 1.093 3.05c-.036 1.18-.396 2.533-1.09 3.808C19.226 16.66 16.41 19 12.001 19s-7.226-2.34-8.63-4.923c-.693-1.275-1.053-2.627-1.09-3.808c-.034-1.116.22-2.351 1.095-3.05c.38-.304.806-.494 1.271-.544a2.6 2.6 0 0 1 1.246.186c.553.215 1.102.597 1.6.97A5 5 0 0 1 12.002 5m0 2a3 3 0 0 0-2.84 2.04c.864.556 1.77.96 2.84.96s1.976-.404 2.84-.96A3 3 0 0 0 12 7"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteYuanbaoFill(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" d="M12 5a5 5 0 0 1 4.506 2.831c.499-.373 1.048-.755 1.601-.97c.369-.143.79-.234 1.246-.185c.466.05.892.239 1.272.543c.873.699 1.128 1.934 1.093 3.05c-.036 1.18-.396 2.533-1.09 3.808C19.226 16.66 16.41 19 12.001 19s-7.226-2.34-8.63-4.923c-.693-1.275-1.053-2.627-1.09-3.808c-.034-1.116.22-2.351 1.095-3.05c.38-.304.806-.494 1.271-.544a2.6 2.6 0 0 1 1.246.186c.553.215 1.102.597 1.6.97A5 5 0 0 1 12.002 5m0 2a3 3 0 0 0-2.84 2.04c.864.556 1.77.96 2.84.96s1.976-.404 2.84-.96A3 3 0 0 0 12 7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a5 5 0 0 1 4.506 2.831c.499-.373 1.048-.755 1.601-.97c.369-.143.79-.234 1.246-.185c.466.05.892.239 1.272.543c.873.699 1.128 1.934 1.093 3.05c-.036 1.18-.396 2.533-1.09 3.808C19.226 16.66 16.41 19 12.001 19s-7.226-2.34-8.63-4.923c-.693-1.275-1.053-2.627-1.09-3.808c-.034-1.116.22-2.351 1.095-3.05c.38-.304.806-.494 1.271-.544a2.6 2.6 0 0 1 1.246.186c.553.215 1.102.597 1.6.97A5 5 0 0 1 12.002 5m0 2a3 3 0 0 0-2.84 2.04c.864.556 1.77.96 2.84.96s1.976-.404 2.84-.96A3 3 0 0 0 12 7"/></svg> </template>
CSS
.icon-yuanbao-fill {
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%20d%3D%22M12%205a5%205%200%200%201%204.506%202.831c.499-.373%201.048-.755%201.601-.97c.369-.143.79-.234%201.246-.185c.466.05.892.239%201.272.543c.873.699%201.128%201.934%201.093%203.05c-.036%201.18-.396%202.533-1.09%203.808C19.226%2016.66%2016.41%2019%2012.001%2019s-7.226-2.34-8.63-4.923c-.693-1.275-1.053-2.627-1.09-3.808c-.034-1.116.22-2.351%201.095-3.05c.38-.304.806-.494%201.271-.544a2.6%202.6%200%200%201%201.246.186c.553.215%201.102.597%201.6.97A5%205%200%200%201%2012.002%205m0%202a3%203%200%200%200-2.84%202.04c.864.556%201.77.96%202.84.96s1.976-.404%202.84-.96A3%203%200%200%200%2012%207%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%20d%3D%22M12%205a5%205%200%200%201%204.506%202.831c.499-.373%201.048-.755%201.601-.97c.369-.143.79-.234%201.246-.185c.466.05.892.239%201.272.543c.873.699%201.128%201.934%201.093%203.05c-.036%201.18-.396%202.533-1.09%203.808C19.226%2016.66%2016.41%2019%2012.001%2019s-7.226-2.34-8.63-4.923c-.693-1.275-1.053-2.627-1.09-3.808c-.034-1.116.22-2.351%201.095-3.05c.38-.304.806-.494%201.271-.544a2.6%202.6%200%200%201%201.246.186c.553.215%201.102.597%201.6.97A5%205%200%200%201%2012.002%205m0%202a3%203%200%200%200-2.84%202.04c.864.556%201.77.96%202.84.96s1.976-.404%202.84-.96A3%203%200%200%200%2012%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/yuanbao-fill.svg?color=%231a73e8&size=48
