bao logo
bao from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bao
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bao logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#5A261C" d="M11.949 21.156c-7.89.278-10.05-5.212-9.945-7.845a9.14 9.14 0 0 1 5.54-7.64c.082-.839.744-2.422 2.744-2.006c.544-.627 2-1.505 3.411 0c.906-.144 2.723.056 2.723 2.006C19.55 6.727 22 10.794 22 13.483c0 1.867-.178 7.334-10.051 7.673"/><path fill="#FFFCF5" fill-rule="evenodd" d="M2.559 13.233c-.1 2.472 1.933 7.628 9.39 7.367c9.022-.31 9.362-5.24 9.484-7.034l.01-.172c.14-1.833-2.077-6.273-5.272-7.334v-.022a4.2 4.2 0 0 0-1.394-.222a2.86 2.86 0 0 1 1.377-.05c-.139-1.295-1.244-1.628-2.083-1.628h.005c-.683.005-1.2.65-1.372.972c.128-.633.445-.989.683-1.15c-1.033-.911-2.055-.567-2.667-.111c-.394.472-.377 1.222-.294 1.633a3.2 3.2 0 0 1-.239-1.35a1.98 1.98 0 0 0-1.628.395c-.45.466-.9 1.46.24 2.372c-.329-.178-.934-.539-1.157-.778a8.58 8.58 0 0 0-5.083 7.112m9.773-6.223c.276.518.733.918 1.283 1.123c-1.122.177-1.322-.678-1.283-1.123m-.567-.389c.128.478.189 1.612-.611 2.306c.578-.222 1.506-1 .611-2.306m-1.65 1.54c.361-.156 1.067-.634 1.011-1.312c.49 1.078-.466 1.322-1.011 1.311m-2.278 6.894a1.39 1.39 0 1 0 0-2.778a1.39 1.39 0 0 0 0 2.778m.283-1.11a.556.556 0 1 0-.005-1.112a.556.556 0 1 0 .005 1.111m6.662-.279a1.389 1.389 0 1 0 2.778 0a1.389 1.389 0 0 0-2.778 0m.556-.277a.555.555 0 1 0 1.11 0a.555.555 0 0 0-1.11 0" clip-rule="evenodd"/><path fill="#F2E6DA" d="M3.92 17.328c1.345 1.844 3.829 3.422 8.035 3.278c9.018-.317 9.356-5.245 9.479-7.04l.01-.172c.068-.889-.416-2.378-1.288-3.806c.328 1.578.505 3.573-.034 5.034c-1.01 2.706-2.5 4.606-7.922 5.1a12 12 0 0 1-8.28-2.394"/><path fill="#5A261C" d="M11.982 14.944c.206 0 .372-.084.372-.189c0-.104-.166-.189-.372-.189c-.205 0-.372.085-.372.19c0 .104.167.188.372.188m-.033 1.466c-1.033.884-1.922.5-2.239.206c.078.456.633 1.173 2.234.384c.555.305 1.8.656 2.31-.39a1.945 1.945 0 0 1-2.31-.2z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBao(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#5A261C" d="M11.949 21.156c-7.89.278-10.05-5.212-9.945-7.845a9.14 9.14 0 0 1 5.54-7.64c.082-.839.744-2.422 2.744-2.006c.544-.627 2-1.505 3.411 0c.906-.144 2.723.056 2.723 2.006C19.55 6.727 22 10.794 22 13.483c0 1.867-.178 7.334-10.051 7.673"/><path fill="#FFFCF5" fillRule="evenodd" d="M2.559 13.233c-.1 2.472 1.933 7.628 9.39 7.367c9.022-.31 9.362-5.24 9.484-7.034l.01-.172c.14-1.833-2.077-6.273-5.272-7.334v-.022a4.2 4.2 0 0 0-1.394-.222a2.86 2.86 0 0 1 1.377-.05c-.139-1.295-1.244-1.628-2.083-1.628h.005c-.683.005-1.2.65-1.372.972c.128-.633.445-.989.683-1.15c-1.033-.911-2.055-.567-2.667-.111c-.394.472-.377 1.222-.294 1.633a3.2 3.2 0 0 1-.239-1.35a1.98 1.98 0 0 0-1.628.395c-.45.466-.9 1.46.24 2.372c-.329-.178-.934-.539-1.157-.778a8.58 8.58 0 0 0-5.083 7.112m9.773-6.223c.276.518.733.918 1.283 1.123c-1.122.177-1.322-.678-1.283-1.123m-.567-.389c.128.478.189 1.612-.611 2.306c.578-.222 1.506-1 .611-2.306m-1.65 1.54c.361-.156 1.067-.634 1.011-1.312c.49 1.078-.466 1.322-1.011 1.311m-2.278 6.894a1.39 1.39 0 1 0 0-2.778a1.39 1.39 0 0 0 0 2.778m.283-1.11a.556.556 0 1 0-.005-1.112a.556.556 0 1 0 .005 1.111m6.662-.279a1.389 1.389 0 1 0 2.778 0a1.389 1.389 0 0 0-2.778 0m.556-.277a.555.555 0 1 0 1.11 0a.555.555 0 0 0-1.11 0" clipRule="evenodd"/><path fill="#F2E6DA" d="M3.92 17.328c1.345 1.844 3.829 3.422 8.035 3.278c9.018-.317 9.356-5.245 9.479-7.04l.01-.172c.068-.889-.416-2.378-1.288-3.806c.328 1.578.505 3.573-.034 5.034c-1.01 2.706-2.5 4.606-7.922 5.1a12 12 0 0 1-8.28-2.394"/><path fill="#5A261C" d="M11.982 14.944c.206 0 .372-.084.372-.189c0-.104-.166-.189-.372-.189c-.205 0-.372.085-.372.19c0 .104.167.188.372.188m-.033 1.466c-1.033.884-1.922.5-2.239.206c.078.456.633 1.173 2.234.384c.555.305 1.8.656 2.31-.39a1.945 1.945 0 0 1-2.31-.2z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#5A261C" d="M11.949 21.156c-7.89.278-10.05-5.212-9.945-7.845a9.14 9.14 0 0 1 5.54-7.64c.082-.839.744-2.422 2.744-2.006c.544-.627 2-1.505 3.411 0c.906-.144 2.723.056 2.723 2.006C19.55 6.727 22 10.794 22 13.483c0 1.867-.178 7.334-10.051 7.673"/><path fill="#FFFCF5" fill-rule="evenodd" d="M2.559 13.233c-.1 2.472 1.933 7.628 9.39 7.367c9.022-.31 9.362-5.24 9.484-7.034l.01-.172c.14-1.833-2.077-6.273-5.272-7.334v-.022a4.2 4.2 0 0 0-1.394-.222a2.86 2.86 0 0 1 1.377-.05c-.139-1.295-1.244-1.628-2.083-1.628h.005c-.683.005-1.2.65-1.372.972c.128-.633.445-.989.683-1.15c-1.033-.911-2.055-.567-2.667-.111c-.394.472-.377 1.222-.294 1.633a3.2 3.2 0 0 1-.239-1.35a1.98 1.98 0 0 0-1.628.395c-.45.466-.9 1.46.24 2.372c-.329-.178-.934-.539-1.157-.778a8.58 8.58 0 0 0-5.083 7.112m9.773-6.223c.276.518.733.918 1.283 1.123c-1.122.177-1.322-.678-1.283-1.123m-.567-.389c.128.478.189 1.612-.611 2.306c.578-.222 1.506-1 .611-2.306m-1.65 1.54c.361-.156 1.067-.634 1.011-1.312c.49 1.078-.466 1.322-1.011 1.311m-2.278 6.894a1.39 1.39 0 1 0 0-2.778a1.39 1.39 0 0 0 0 2.778m.283-1.11a.556.556 0 1 0-.005-1.112a.556.556 0 1 0 .005 1.111m6.662-.279a1.389 1.389 0 1 0 2.778 0a1.389 1.389 0 0 0-2.778 0m.556-.277a.555.555 0 1 0 1.11 0a.555.555 0 0 0-1.11 0" clip-rule="evenodd"/><path fill="#F2E6DA" d="M3.92 17.328c1.345 1.844 3.829 3.422 8.035 3.278c9.018-.317 9.356-5.245 9.479-7.04l.01-.172c.068-.889-.416-2.378-1.288-3.806c.328 1.578.505 3.573-.034 5.034c-1.01 2.706-2.5 4.606-7.922 5.1a12 12 0 0 1-8.28-2.394"/><path fill="#5A261C" d="M11.982 14.944c.206 0 .372-.084.372-.189c0-.104-.166-.189-.372-.189c-.205 0-.372.085-.372.19c0 .104.167.188.372.188m-.033 1.466c-1.033.884-1.922.5-2.239.206c.078.456.633 1.173 2.234.384c.555.305 1.8.656 2.31-.39a1.945 1.945 0 0 1-2.31-.2z"/></g></svg> </template>
CSS
.icon-bao {
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%22none%22%3E%3Cpath%20fill%3D%22%235A261C%22%20d%3D%22M11.949%2021.156c-7.89.278-10.05-5.212-9.945-7.845a9.14%209.14%200%200%201%205.54-7.64c.082-.839.744-2.422%202.744-2.006c.544-.627%202-1.505%203.411%200c.906-.144%202.723.056%202.723%202.006C19.55%206.727%2022%2010.794%2022%2013.483c0%201.867-.178%207.334-10.051%207.673%22%2F%3E%3Cpath%20fill%3D%22%23FFFCF5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.559%2013.233c-.1%202.472%201.933%207.628%209.39%207.367c9.022-.31%209.362-5.24%209.484-7.034l.01-.172c.14-1.833-2.077-6.273-5.272-7.334v-.022a4.2%204.2%200%200%200-1.394-.222a2.86%202.86%200%200%201%201.377-.05c-.139-1.295-1.244-1.628-2.083-1.628h.005c-.683.005-1.2.65-1.372.972c.128-.633.445-.989.683-1.15c-1.033-.911-2.055-.567-2.667-.111c-.394.472-.377%201.222-.294%201.633a3.2%203.2%200%200%201-.239-1.35a1.98%201.98%200%200%200-1.628.395c-.45.466-.9%201.46.24%202.372c-.329-.178-.934-.539-1.157-.778a8.58%208.58%200%200%200-5.083%207.112m9.773-6.223c.276.518.733.918%201.283%201.123c-1.122.177-1.322-.678-1.283-1.123m-.567-.389c.128.478.189%201.612-.611%202.306c.578-.222%201.506-1%20.611-2.306m-1.65%201.54c.361-.156%201.067-.634%201.011-1.312c.49%201.078-.466%201.322-1.011%201.311m-2.278%206.894a1.39%201.39%200%201%200%200-2.778a1.39%201.39%200%200%200%200%202.778m.283-1.11a.556.556%200%201%200-.005-1.112a.556.556%200%201%200%20.005%201.111m6.662-.279a1.389%201.389%200%201%200%202.778%200a1.389%201.389%200%200%200-2.778%200m.556-.277a.555.555%200%201%200%201.11%200a.555.555%200%200%200-1.11%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23F2E6DA%22%20d%3D%22M3.92%2017.328c1.345%201.844%203.829%203.422%208.035%203.278c9.018-.317%209.356-5.245%209.479-7.04l.01-.172c.068-.889-.416-2.378-1.288-3.806c.328%201.578.505%203.573-.034%205.034c-1.01%202.706-2.5%204.606-7.922%205.1a12%2012%200%200%201-8.28-2.394%22%2F%3E%3Cpath%20fill%3D%22%235A261C%22%20d%3D%22M11.982%2014.944c.206%200%20.372-.084.372-.189c0-.104-.166-.189-.372-.189c-.205%200-.372.085-.372.19c0%20.104.167.188.372.188m-.033%201.466c-1.033.884-1.922.5-2.239.206c.078.456.633%201.173%202.234.384c.555.305%201.8.656%202.31-.39a1.945%201.945%200%200%201-2.31-.2z%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%22none%22%3E%3Cpath%20fill%3D%22%235A261C%22%20d%3D%22M11.949%2021.156c-7.89.278-10.05-5.212-9.945-7.845a9.14%209.14%200%200%201%205.54-7.64c.082-.839.744-2.422%202.744-2.006c.544-.627%202-1.505%203.411%200c.906-.144%202.723.056%202.723%202.006C19.55%206.727%2022%2010.794%2022%2013.483c0%201.867-.178%207.334-10.051%207.673%22%2F%3E%3Cpath%20fill%3D%22%23FFFCF5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.559%2013.233c-.1%202.472%201.933%207.628%209.39%207.367c9.022-.31%209.362-5.24%209.484-7.034l.01-.172c.14-1.833-2.077-6.273-5.272-7.334v-.022a4.2%204.2%200%200%200-1.394-.222a2.86%202.86%200%200%201%201.377-.05c-.139-1.295-1.244-1.628-2.083-1.628h.005c-.683.005-1.2.65-1.372.972c.128-.633.445-.989.683-1.15c-1.033-.911-2.055-.567-2.667-.111c-.394.472-.377%201.222-.294%201.633a3.2%203.2%200%200%201-.239-1.35a1.98%201.98%200%200%200-1.628.395c-.45.466-.9%201.46.24%202.372c-.329-.178-.934-.539-1.157-.778a8.58%208.58%200%200%200-5.083%207.112m9.773-6.223c.276.518.733.918%201.283%201.123c-1.122.177-1.322-.678-1.283-1.123m-.567-.389c.128.478.189%201.612-.611%202.306c.578-.222%201.506-1%20.611-2.306m-1.65%201.54c.361-.156%201.067-.634%201.011-1.312c.49%201.078-.466%201.322-1.011%201.311m-2.278%206.894a1.39%201.39%200%201%200%200-2.778a1.39%201.39%200%200%200%200%202.778m.283-1.11a.556.556%200%201%200-.005-1.112a.556.556%200%201%200%20.005%201.111m6.662-.279a1.389%201.389%200%201%200%202.778%200a1.389%201.389%200%200%200-2.778%200m.556-.277a.555.555%200%201%200%201.11%200a.555.555%200%200%200-1.11%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23F2E6DA%22%20d%3D%22M3.92%2017.328c1.345%201.844%203.829%203.422%208.035%203.278c9.018-.317%209.356-5.245%209.479-7.04l.01-.172c.068-.889-.416-2.378-1.288-3.806c.328%201.578.505%203.573-.034%205.034c-1.01%202.706-2.5%204.606-7.922%205.1a12%2012%200%200%201-8.28-2.394%22%2F%3E%3Cpath%20fill%3D%22%235A261C%22%20d%3D%22M11.982%2014.944c.206%200%20.372-.084.372-.189c0-.104-.166-.189-.372-.189c-.205%200-.372.085-.372.19c0%20.104.167.188.372.188m-.033%201.466c-1.033.884-1.922.5-2.239.206c.078.456.633%201.173%202.234.384c.555.305%201.8.656%202.31-.39a1.945%201.945%200%200%201-2.31-.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bao.svg?color=%231a73e8&size=48
