ben logo
ben from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- ben
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the ben logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#3b5169" d="M12 21c4.97 0 9-3.785 9-8.454s-4.03-8.454-9-8.454s-9 3.785-9 8.454S7.03 21 12 21"/><path fill="#6389b0" d="M12 20.46c4.97 0 9-3.909 9-8.73S16.97 3 12 3s-9 3.908-9 8.73c0 4.821 4.03 8.73 9 8.73"/><path fill="#e2e3e9" d="M12 18.772c4.04 0 7.313-3.16 7.313-7.053S16.039 4.665 12 4.665c-4.04 0-7.313 3.161-7.313 7.054c0 3.892 3.274 7.053 7.313 7.053m0 .54c4.349 0 7.875-3.397 7.875-7.593c0-4.197-3.526-7.594-7.874-7.594c-4.349 0-7.875 3.397-7.875 7.594c0 4.196 3.526 7.593 7.875 7.593"/><path fill="url(#SVGwUF95dCU)" d="M12 18.75c4.039 0 7.313-3.148 7.313-7.031c0-3.884-3.274-7.031-7.312-7.031s-7.313 3.147-7.313 7.03s3.274 7.032 7.313 7.032"/><path fill="#7d7f7c" d="M9.188 9.187V9h1.687v.186zm3.374 0V9h1.688v.186zm-1.687 1.996v-.275l.844.546l.844-.816v.27l-.844.821zm-1.687-1.096l-.282-.27l-.281 1.366h.281l.282-1.09zM8.063 14.45l-3.094-2.998v.276l3.206 2.998l.281-1.367l.732.276l1.687-1.091v-.276L9.188 13.36c-.225-.213-.659-.27-.844-.27zm2.812 3.443v-.27L12 18.17l1.125-.546c-.186-1.091-.281-4.264 1.969-5.08l.28.27c-1.405.496-2.474 2.408-2.249 4.81v.27L12 18.44zm7.594-6.44v-.27l-3.094 2.446v.27l3.094-2.452z"/><path fill="#e3e3e3" d="M10.875 9.003v1.912l.844.54l.844-.816V9.004h1.687L11.437 5.46l-2.25 3.544zM12 18.17l-1.125-.545c-.45-4.585 2.436-6.627 3.938-6.987l-.282-1.09l3.938 1.63l-3.094 2.459l-.281-1.092c-2.025.872-2.155 3.808-1.969 5.08zm-1.125-5.9l-1.687 1.091c-.225-.214-.659-.27-.844-.27l-.281 1.361l-3.094-2.998l3.937-1.631l-.281 1.361c1.125 0 1.969.726 2.25 1.086"/><defs><linearGradient id="SVGwUF95dCU" x1="3.001" x2="21.347" y1="11.309" y2="11.309" gradientUnits="userSpaceOnUse"><stop stop-color="#6d7ace"/><stop offset=".2" stop-color="#9971a3"/><stop offset=".54" stop-color="#ca6664"/><stop offset="1" stop-color="#e95e1b"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBen(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="#3b5169" d="M12 21c4.97 0 9-3.785 9-8.454s-4.03-8.454-9-8.454s-9 3.785-9 8.454S7.03 21 12 21"/><path fill="#6389b0" d="M12 20.46c4.97 0 9-3.909 9-8.73S16.97 3 12 3s-9 3.908-9 8.73c0 4.821 4.03 8.73 9 8.73"/><path fill="#e2e3e9" d="M12 18.772c4.04 0 7.313-3.16 7.313-7.053S16.039 4.665 12 4.665c-4.04 0-7.313 3.161-7.313 7.054c0 3.892 3.274 7.053 7.313 7.053m0 .54c4.349 0 7.875-3.397 7.875-7.593c0-4.197-3.526-7.594-7.874-7.594c-4.349 0-7.875 3.397-7.875 7.594c0 4.196 3.526 7.593 7.875 7.593"/><path fill="url(#SVGwUF95dCU)" d="M12 18.75c4.039 0 7.313-3.148 7.313-7.031c0-3.884-3.274-7.031-7.312-7.031s-7.313 3.147-7.313 7.03s3.274 7.032 7.313 7.032"/><path fill="#7d7f7c" d="M9.188 9.187V9h1.687v.186zm3.374 0V9h1.688v.186zm-1.687 1.996v-.275l.844.546l.844-.816v.27l-.844.821zm-1.687-1.096l-.282-.27l-.281 1.366h.281l.282-1.09zM8.063 14.45l-3.094-2.998v.276l3.206 2.998l.281-1.367l.732.276l1.687-1.091v-.276L9.188 13.36c-.225-.213-.659-.27-.844-.27zm2.812 3.443v-.27L12 18.17l1.125-.546c-.186-1.091-.281-4.264 1.969-5.08l.28.27c-1.405.496-2.474 2.408-2.249 4.81v.27L12 18.44zm7.594-6.44v-.27l-3.094 2.446v.27l3.094-2.452z"/><path fill="#e3e3e3" d="M10.875 9.003v1.912l.844.54l.844-.816V9.004h1.687L11.437 5.46l-2.25 3.544zM12 18.17l-1.125-.545c-.45-4.585 2.436-6.627 3.938-6.987l-.282-1.09l3.938 1.63l-3.094 2.459l-.281-1.092c-2.025.872-2.155 3.808-1.969 5.08zm-1.125-5.9l-1.687 1.091c-.225-.214-.659-.27-.844-.27l-.281 1.361l-3.094-2.998l3.937-1.631l-.281 1.361c1.125 0 1.969.726 2.25 1.086"/><defs><linearGradient id="SVGwUF95dCU" x1="3.001" x2="21.347" y1="11.309" y2="11.309" gradientUnits="userSpaceOnUse"><stop stopColor="#6d7ace"/><stop offset=".2" stopColor="#9971a3"/><stop offset=".54" stopColor="#ca6664"/><stop offset="1" stopColor="#e95e1b"/></linearGradient></defs></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="#3b5169" d="M12 21c4.97 0 9-3.785 9-8.454s-4.03-8.454-9-8.454s-9 3.785-9 8.454S7.03 21 12 21"/><path fill="#6389b0" d="M12 20.46c4.97 0 9-3.909 9-8.73S16.97 3 12 3s-9 3.908-9 8.73c0 4.821 4.03 8.73 9 8.73"/><path fill="#e2e3e9" d="M12 18.772c4.04 0 7.313-3.16 7.313-7.053S16.039 4.665 12 4.665c-4.04 0-7.313 3.161-7.313 7.054c0 3.892 3.274 7.053 7.313 7.053m0 .54c4.349 0 7.875-3.397 7.875-7.593c0-4.197-3.526-7.594-7.874-7.594c-4.349 0-7.875 3.397-7.875 7.594c0 4.196 3.526 7.593 7.875 7.593"/><path fill="url(#SVGwUF95dCU)" d="M12 18.75c4.039 0 7.313-3.148 7.313-7.031c0-3.884-3.274-7.031-7.312-7.031s-7.313 3.147-7.313 7.03s3.274 7.032 7.313 7.032"/><path fill="#7d7f7c" d="M9.188 9.187V9h1.687v.186zm3.374 0V9h1.688v.186zm-1.687 1.996v-.275l.844.546l.844-.816v.27l-.844.821zm-1.687-1.096l-.282-.27l-.281 1.366h.281l.282-1.09zM8.063 14.45l-3.094-2.998v.276l3.206 2.998l.281-1.367l.732.276l1.687-1.091v-.276L9.188 13.36c-.225-.213-.659-.27-.844-.27zm2.812 3.443v-.27L12 18.17l1.125-.546c-.186-1.091-.281-4.264 1.969-5.08l.28.27c-1.405.496-2.474 2.408-2.249 4.81v.27L12 18.44zm7.594-6.44v-.27l-3.094 2.446v.27l3.094-2.452z"/><path fill="#e3e3e3" d="M10.875 9.003v1.912l.844.54l.844-.816V9.004h1.687L11.437 5.46l-2.25 3.544zM12 18.17l-1.125-.545c-.45-4.585 2.436-6.627 3.938-6.987l-.282-1.09l3.938 1.63l-3.094 2.459l-.281-1.092c-2.025.872-2.155 3.808-1.969 5.08zm-1.125-5.9l-1.687 1.091c-.225-.214-.659-.27-.844-.27l-.281 1.361l-3.094-2.998l3.937-1.631l-.281 1.361c1.125 0 1.969.726 2.25 1.086"/><defs><linearGradient id="SVGwUF95dCU" x1="3.001" x2="21.347" y1="11.309" y2="11.309" gradientUnits="userSpaceOnUse"><stop stop-color="#6d7ace"/><stop offset=".2" stop-color="#9971a3"/><stop offset=".54" stop-color="#ca6664"/><stop offset="1" stop-color="#e95e1b"/></linearGradient></defs></g></svg> </template>
CSS
.icon-ben {
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%233b5169%22%20d%3D%22M12%2021c4.97%200%209-3.785%209-8.454s-4.03-8.454-9-8.454s-9%203.785-9%208.454S7.03%2021%2012%2021%22%2F%3E%3Cpath%20fill%3D%22%236389b0%22%20d%3D%22M12%2020.46c4.97%200%209-3.909%209-8.73S16.97%203%2012%203s-9%203.908-9%208.73c0%204.821%204.03%208.73%209%208.73%22%2F%3E%3Cpath%20fill%3D%22%23e2e3e9%22%20d%3D%22M12%2018.772c4.04%200%207.313-3.16%207.313-7.053S16.039%204.665%2012%204.665c-4.04%200-7.313%203.161-7.313%207.054c0%203.892%203.274%207.053%207.313%207.053m0%20.54c4.349%200%207.875-3.397%207.875-7.593c0-4.197-3.526-7.594-7.874-7.594c-4.349%200-7.875%203.397-7.875%207.594c0%204.196%203.526%207.593%207.875%207.593%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwUF95dCU)%22%20d%3D%22M12%2018.75c4.039%200%207.313-3.148%207.313-7.031c0-3.884-3.274-7.031-7.312-7.031s-7.313%203.147-7.313%207.03s3.274%207.032%207.313%207.032%22%2F%3E%3Cpath%20fill%3D%22%237d7f7c%22%20d%3D%22M9.188%209.187V9h1.687v.186zm3.374%200V9h1.688v.186zm-1.687%201.996v-.275l.844.546l.844-.816v.27l-.844.821zm-1.687-1.096l-.282-.27l-.281%201.366h.281l.282-1.09zM8.063%2014.45l-3.094-2.998v.276l3.206%202.998l.281-1.367l.732.276l1.687-1.091v-.276L9.188%2013.36c-.225-.213-.659-.27-.844-.27zm2.812%203.443v-.27L12%2018.17l1.125-.546c-.186-1.091-.281-4.264%201.969-5.08l.28.27c-1.405.496-2.474%202.408-2.249%204.81v.27L12%2018.44zm7.594-6.44v-.27l-3.094%202.446v.27l3.094-2.452z%22%2F%3E%3Cpath%20fill%3D%22%23e3e3e3%22%20d%3D%22M10.875%209.003v1.912l.844.54l.844-.816V9.004h1.687L11.437%205.46l-2.25%203.544zM12%2018.17l-1.125-.545c-.45-4.585%202.436-6.627%203.938-6.987l-.282-1.09l3.938%201.63l-3.094%202.459l-.281-1.092c-2.025.872-2.155%203.808-1.969%205.08zm-1.125-5.9l-1.687%201.091c-.225-.214-.659-.27-.844-.27l-.281%201.361l-3.094-2.998l3.937-1.631l-.281%201.361c1.125%200%201.969.726%202.25%201.086%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwUF95dCU%22%20x1%3D%223.001%22%20x2%3D%2221.347%22%20y1%3D%2211.309%22%20y2%3D%2211.309%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236d7ace%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%239971a3%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23ca6664%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e95e1b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%233b5169%22%20d%3D%22M12%2021c4.97%200%209-3.785%209-8.454s-4.03-8.454-9-8.454s-9%203.785-9%208.454S7.03%2021%2012%2021%22%2F%3E%3Cpath%20fill%3D%22%236389b0%22%20d%3D%22M12%2020.46c4.97%200%209-3.909%209-8.73S16.97%203%2012%203s-9%203.908-9%208.73c0%204.821%204.03%208.73%209%208.73%22%2F%3E%3Cpath%20fill%3D%22%23e2e3e9%22%20d%3D%22M12%2018.772c4.04%200%207.313-3.16%207.313-7.053S16.039%204.665%2012%204.665c-4.04%200-7.313%203.161-7.313%207.054c0%203.892%203.274%207.053%207.313%207.053m0%20.54c4.349%200%207.875-3.397%207.875-7.593c0-4.197-3.526-7.594-7.874-7.594c-4.349%200-7.875%203.397-7.875%207.594c0%204.196%203.526%207.593%207.875%207.593%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwUF95dCU)%22%20d%3D%22M12%2018.75c4.039%200%207.313-3.148%207.313-7.031c0-3.884-3.274-7.031-7.312-7.031s-7.313%203.147-7.313%207.03s3.274%207.032%207.313%207.032%22%2F%3E%3Cpath%20fill%3D%22%237d7f7c%22%20d%3D%22M9.188%209.187V9h1.687v.186zm3.374%200V9h1.688v.186zm-1.687%201.996v-.275l.844.546l.844-.816v.27l-.844.821zm-1.687-1.096l-.282-.27l-.281%201.366h.281l.282-1.09zM8.063%2014.45l-3.094-2.998v.276l3.206%202.998l.281-1.367l.732.276l1.687-1.091v-.276L9.188%2013.36c-.225-.213-.659-.27-.844-.27zm2.812%203.443v-.27L12%2018.17l1.125-.546c-.186-1.091-.281-4.264%201.969-5.08l.28.27c-1.405.496-2.474%202.408-2.249%204.81v.27L12%2018.44zm7.594-6.44v-.27l-3.094%202.446v.27l3.094-2.452z%22%2F%3E%3Cpath%20fill%3D%22%23e3e3e3%22%20d%3D%22M10.875%209.003v1.912l.844.54l.844-.816V9.004h1.687L11.437%205.46l-2.25%203.544zM12%2018.17l-1.125-.545c-.45-4.585%202.436-6.627%203.938-6.987l-.282-1.09l3.938%201.63l-3.094%202.459l-.281-1.092c-2.025.872-2.155%203.808-1.969%205.08zm-1.125-5.9l-1.687%201.091c-.225-.214-.659-.27-.844-.27l-.281%201.361l-3.094-2.998l3.937-1.631l-.281%201.361c1.125%200%201.969.726%202.25%201.086%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwUF95dCU%22%20x1%3D%223.001%22%20x2%3D%2221.347%22%20y1%3D%2211.309%22%20y2%3D%2211.309%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236d7ace%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%239971a3%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23ca6664%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e95e1b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/ben.svg?color=%231a73e8&size=48
