bob logo
bob from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bob
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the bob logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#062c49" d="M8.456 9.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856 5.187-2.89 6.632-2.55c1.87.595 5.203 2.856 3.57 7.14c-.816 1.43-1.53 1.786-1.785 1.786c3.35.893 3.484 5.17 1.02 7.141c-1.535 1.23-3.842 1.385-5.484-.07C10.891 20.329 10.01 21 8.456 21c-3.916 0-3.57-3.826-1.53-3.826c.92 0 1.02 1.275 1.02 2.04c0 .612 1.542 1.02 1.797-1.275c.072-1.009.068-2 .064-2.969c-.011-3.113.222-5.999 2.73-8.508c.981-.981 1.786-.51 1.275 0c-.594.67-1.515 2.628-1.736 5.567c.49-.076 1.454-.244 1.992-.466c2.683-1.111 2.04-6.376-.51-7.142c-2.55-.765-4.336 1.021-4.591 1.276c-.147.147-.278.292-.255.51c0 0 2.04 2.296-.256 3.06m3.572 3.968v.112c0 1.834-.041 3.423-.302 4.671c.764.742 1.763.842 2.342.685c3.75-1.25 2.109-7.155-2.04-5.468"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBob(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#062c49" d="M8.456 9.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856 5.187-2.89 6.632-2.55c1.87.595 5.203 2.856 3.57 7.14c-.816 1.43-1.53 1.786-1.785 1.786c3.35.893 3.484 5.17 1.02 7.141c-1.535 1.23-3.842 1.385-5.484-.07C10.891 20.329 10.01 21 8.456 21c-3.916 0-3.57-3.826-1.53-3.826c.92 0 1.02 1.275 1.02 2.04c0 .612 1.542 1.02 1.797-1.275c.072-1.009.068-2 .064-2.969c-.011-3.113.222-5.999 2.73-8.508c.981-.981 1.786-.51 1.275 0c-.594.67-1.515 2.628-1.736 5.567c.49-.076 1.454-.244 1.992-.466c2.683-1.111 2.04-6.376-.51-7.142c-2.55-.765-4.336 1.021-4.591 1.276c-.147.147-.278.292-.255.51c0 0 2.04 2.296-.256 3.06m3.572 3.968v.112c0 1.834-.041 3.423-.302 4.671c.764.742 1.763.842 2.342.685c3.75-1.25 2.109-7.155-2.04-5.468"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#062c49" d="M8.456 9.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856 5.187-2.89 6.632-2.55c1.87.595 5.203 2.856 3.57 7.14c-.816 1.43-1.53 1.786-1.785 1.786c3.35.893 3.484 5.17 1.02 7.141c-1.535 1.23-3.842 1.385-5.484-.07C10.891 20.329 10.01 21 8.456 21c-3.916 0-3.57-3.826-1.53-3.826c.92 0 1.02 1.275 1.02 2.04c0 .612 1.542 1.02 1.797-1.275c.072-1.009.068-2 .064-2.969c-.011-3.113.222-5.999 2.73-8.508c.981-.981 1.786-.51 1.275 0c-.594.67-1.515 2.628-1.736 5.567c.49-.076 1.454-.244 1.992-.466c2.683-1.111 2.04-6.376-.51-7.142c-2.55-.765-4.336 1.021-4.591 1.276c-.147.147-.278.292-.255.51c0 0 2.04 2.296-.256 3.06m3.572 3.968v.112c0 1.834-.041 3.423-.302 4.671c.764.742 1.763.842 2.342.685c3.75-1.25 2.109-7.155-2.04-5.468"/></svg> </template>
CSS
.icon-bob {
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%23062c49%22%20d%3D%22M8.456%209.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856%205.187-2.89%206.632-2.55c1.87.595%205.203%202.856%203.57%207.14c-.816%201.43-1.53%201.786-1.785%201.786c3.35.893%203.484%205.17%201.02%207.141c-1.535%201.23-3.842%201.385-5.484-.07C10.891%2020.329%2010.01%2021%208.456%2021c-3.916%200-3.57-3.826-1.53-3.826c.92%200%201.02%201.275%201.02%202.04c0%20.612%201.542%201.02%201.797-1.275c.072-1.009.068-2%20.064-2.969c-.011-3.113.222-5.999%202.73-8.508c.981-.981%201.786-.51%201.275%200c-.594.67-1.515%202.628-1.736%205.567c.49-.076%201.454-.244%201.992-.466c2.683-1.111%202.04-6.376-.51-7.142c-2.55-.765-4.336%201.021-4.591%201.276c-.147.147-.278.292-.255.51c0%200%202.04%202.296-.256%203.06m3.572%203.968v.112c0%201.834-.041%203.423-.302%204.671c.764.742%201.763.842%202.342.685c3.75-1.25%202.109-7.155-2.04-5.468%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%23062c49%22%20d%3D%22M8.456%209.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856%205.187-2.89%206.632-2.55c1.87.595%205.203%202.856%203.57%207.14c-.816%201.43-1.53%201.786-1.785%201.786c3.35.893%203.484%205.17%201.02%207.141c-1.535%201.23-3.842%201.385-5.484-.07C10.891%2020.329%2010.01%2021%208.456%2021c-3.916%200-3.57-3.826-1.53-3.826c.92%200%201.02%201.275%201.02%202.04c0%20.612%201.542%201.02%201.797-1.275c.072-1.009.068-2%20.064-2.969c-.011-3.113.222-5.999%202.73-8.508c.981-.981%201.786-.51%201.275%200c-.594.67-1.515%202.628-1.736%205.567c.49-.076%201.454-.244%201.992-.466c2.683-1.111%202.04-6.376-.51-7.142c-2.55-.765-4.336%201.021-4.591%201.276c-.147.147-.278.292-.255.51c0%200%202.04%202.296-.256%203.06m3.572%203.968v.112c0%201.834-.041%203.423-.302%204.671c.764.742%201.763.842%202.342.685c3.75-1.25%202.109-7.155-2.04-5.468%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bob.svg?color=%231a73e8&size=48
