bal logo
bal from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bal
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bal logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#21222C" d="M16.043 13.722C19.552 14.24 22 15.414 22 16.778c0 1.846-4.477 3.341-10 3.341S2 18.624 2 16.78c0-1.365 2.448-2.54 5.957-3.058a20.5 20.5 0 0 0 4.043.384c1.425 0 2.769-.132 3.952-.366zm-1.512-5.494C17.709 8.58 20 9.583 20 10.764c0 1.477-3.583 2.673-8.001 2.673s-8-1.197-8-2.673c0-1.181 2.291-2.183 5.469-2.537c.779.128 1.633.198 2.531.198c.866 0 1.692-.065 2.449-.184zM12 7.89c3.313 0 6-.897 6-2.005s-2.687-2.004-6-2.004s-6 .897-6 2.004C6 6.993 8.686 7.89 12 7.89"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#21222C" d="M16.043 13.722C19.552 14.24 22 15.414 22 16.778c0 1.846-4.477 3.341-10 3.341S2 18.624 2 16.78c0-1.365 2.448-2.54 5.957-3.058a20.5 20.5 0 0 0 4.043.384c1.425 0 2.769-.132 3.952-.366zm-1.512-5.494C17.709 8.58 20 9.583 20 10.764c0 1.477-3.583 2.673-8.001 2.673s-8-1.197-8-2.673c0-1.181 2.291-2.183 5.469-2.537c.779.128 1.633.198 2.531.198c.866 0 1.692-.065 2.449-.184zM12 7.89c3.313 0 6-.897 6-2.005s-2.687-2.004-6-2.004s-6 .897-6 2.004C6 6.993 8.686 7.89 12 7.89"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#21222C" d="M16.043 13.722C19.552 14.24 22 15.414 22 16.778c0 1.846-4.477 3.341-10 3.341S2 18.624 2 16.78c0-1.365 2.448-2.54 5.957-3.058a20.5 20.5 0 0 0 4.043.384c1.425 0 2.769-.132 3.952-.366zm-1.512-5.494C17.709 8.58 20 9.583 20 10.764c0 1.477-3.583 2.673-8.001 2.673s-8-1.197-8-2.673c0-1.181 2.291-2.183 5.469-2.537c.779.128 1.633.198 2.531.198c.866 0 1.692-.065 2.449-.184zM12 7.89c3.313 0 6-.897 6-2.005s-2.687-2.004-6-2.004s-6 .897-6 2.004C6 6.993 8.686 7.89 12 7.89"/></svg> </template>
CSS
.icon-bal {
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%2321222C%22%20d%3D%22M16.043%2013.722C19.552%2014.24%2022%2015.414%2022%2016.778c0%201.846-4.477%203.341-10%203.341S2%2018.624%202%2016.78c0-1.365%202.448-2.54%205.957-3.058a20.5%2020.5%200%200%200%204.043.384c1.425%200%202.769-.132%203.952-.366zm-1.512-5.494C17.709%208.58%2020%209.583%2020%2010.764c0%201.477-3.583%202.673-8.001%202.673s-8-1.197-8-2.673c0-1.181%202.291-2.183%205.469-2.537c.779.128%201.633.198%202.531.198c.866%200%201.692-.065%202.449-.184zM12%207.89c3.313%200%206-.897%206-2.005s-2.687-2.004-6-2.004s-6%20.897-6%202.004C6%206.993%208.686%207.89%2012%207.89%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%2321222C%22%20d%3D%22M16.043%2013.722C19.552%2014.24%2022%2015.414%2022%2016.778c0%201.846-4.477%203.341-10%203.341S2%2018.624%202%2016.78c0-1.365%202.448-2.54%205.957-3.058a20.5%2020.5%200%200%200%204.043.384c1.425%200%202.769-.132%203.952-.366zm-1.512-5.494C17.709%208.58%2020%209.583%2020%2010.764c0%201.477-3.583%202.673-8.001%202.673s-8-1.197-8-2.673c0-1.181%202.291-2.183%205.469-2.537c.779.128%201.633.198%202.531.198c.866%200%201.692-.065%202.449-.184zM12%207.89c3.313%200%206-.897%206-2.005s-2.687-2.004-6-2.004s-6%20.897-6%202.004C6%206.993%208.686%207.89%2012%207.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bal.svg?color=%231a73e8&size=48
