moonbeam logo
moonbeam from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- moonbeam
- 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 moonbeam logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#53cbc9" d="M8.351 9.957a5.546 5.546 0 0 1 5.595-5.497a5.545 5.545 0 0 1 5.594 5.497a.34.34 0 0 1-.34.34H8.691a.34.34 0 0 1-.34-.34"/><path fill="#cb1f7a" d="M6.892 11.756c0-.266.18-.485.404-.485H20.11c.224 0 .403.219.403.485c0 .268-.18.487-.403.487H7.296c-.224 0-.404-.219-.404-.487m-2.433 1.46c0-.268.185-.486.409-.486h9.399c.224 0 .408.218.408.486s-.184.487-.408.487h-9.4c-.223 0-.408-.219-.408-.487m2.841.973c-.223 0-.408.219-.408.487s.185.486.408.486h11.346c.223 0 .408-.218.408-.486s-.185-.487-.408-.487zm-2.354 1.945c0-.266.19-.485.419-.485h4.514c.229 0 .418.219.418.486s-.19.488-.418.488H5.365c-.23 0-.419-.22-.419-.489m8.178.974c-.22 0-.394.218-.394.486s.174.487.393.487h5.542c.22 0 .394-.219.394-.487c0-.267-.175-.486-.394-.486h-5.546zm-3.8 1.946c0-.268.175-.487.394-.487h5.542c.219 0 .394.22.394.487c0 .268-.175.486-.394.486H9.714c-.22 0-.394-.218-.394-.486zm1.873-3.405c-.228 0-.413.219-.413.486s.185.488.413.488h9.39c.228 0 .413-.22.413-.489c0-.266-.185-.485-.413-.485zm-5.764-3.894a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.947.973a.487.487 0 1 0 0 .974a.487.487 0 0 0 0-.974m1.947 1.947a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.46.974a.486.486 0 1 0 0 .972a.486.486 0 0 0 0-.972m7.297 1.945a.486.486 0 1 1 .972 0a.486.486 0 0 1-.972 0m-2.919.973a.485.485 0 0 0-.51.486a.488.488 0 1 0 .51-.486"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMoonbeam(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="#53cbc9" d="M8.351 9.957a5.546 5.546 0 0 1 5.595-5.497a5.545 5.545 0 0 1 5.594 5.497a.34.34 0 0 1-.34.34H8.691a.34.34 0 0 1-.34-.34"/><path fill="#cb1f7a" d="M6.892 11.756c0-.266.18-.485.404-.485H20.11c.224 0 .403.219.403.485c0 .268-.18.487-.403.487H7.296c-.224 0-.404-.219-.404-.487m-2.433 1.46c0-.268.185-.486.409-.486h9.399c.224 0 .408.218.408.486s-.184.487-.408.487h-9.4c-.223 0-.408-.219-.408-.487m2.841.973c-.223 0-.408.219-.408.487s.185.486.408.486h11.346c.223 0 .408-.218.408-.486s-.185-.487-.408-.487zm-2.354 1.945c0-.266.19-.485.419-.485h4.514c.229 0 .418.219.418.486s-.19.488-.418.488H5.365c-.23 0-.419-.22-.419-.489m8.178.974c-.22 0-.394.218-.394.486s.174.487.393.487h5.542c.22 0 .394-.219.394-.487c0-.267-.175-.486-.394-.486h-5.546zm-3.8 1.946c0-.268.175-.487.394-.487h5.542c.219 0 .394.22.394.487c0 .268-.175.486-.394.486H9.714c-.22 0-.394-.218-.394-.486zm1.873-3.405c-.228 0-.413.219-.413.486s.185.488.413.488h9.39c.228 0 .413-.22.413-.489c0-.266-.185-.485-.413-.485zm-5.764-3.894a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.947.973a.487.487 0 1 0 0 .974a.487.487 0 0 0 0-.974m1.947 1.947a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.46.974a.486.486 0 1 0 0 .972a.486.486 0 0 0 0-.972m7.297 1.945a.486.486 0 1 1 .972 0a.486.486 0 0 1-.972 0m-2.919.973a.485.485 0 0 0-.51.486a.488.488 0 1 0 .51-.486"/></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="#53cbc9" d="M8.351 9.957a5.546 5.546 0 0 1 5.595-5.497a5.545 5.545 0 0 1 5.594 5.497a.34.34 0 0 1-.34.34H8.691a.34.34 0 0 1-.34-.34"/><path fill="#cb1f7a" d="M6.892 11.756c0-.266.18-.485.404-.485H20.11c.224 0 .403.219.403.485c0 .268-.18.487-.403.487H7.296c-.224 0-.404-.219-.404-.487m-2.433 1.46c0-.268.185-.486.409-.486h9.399c.224 0 .408.218.408.486s-.184.487-.408.487h-9.4c-.223 0-.408-.219-.408-.487m2.841.973c-.223 0-.408.219-.408.487s.185.486.408.486h11.346c.223 0 .408-.218.408-.486s-.185-.487-.408-.487zm-2.354 1.945c0-.266.19-.485.419-.485h4.514c.229 0 .418.219.418.486s-.19.488-.418.488H5.365c-.23 0-.419-.22-.419-.489m8.178.974c-.22 0-.394.218-.394.486s.174.487.393.487h5.542c.22 0 .394-.219.394-.487c0-.267-.175-.486-.394-.486h-5.546zm-3.8 1.946c0-.268.175-.487.394-.487h5.542c.219 0 .394.22.394.487c0 .268-.175.486-.394.486H9.714c-.22 0-.394-.218-.394-.486zm1.873-3.405c-.228 0-.413.219-.413.486s.185.488.413.488h9.39c.228 0 .413-.22.413-.489c0-.266-.185-.485-.413-.485zm-5.764-3.894a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.947.973a.487.487 0 1 0 0 .974a.487.487 0 0 0 0-.974m1.947 1.947a.487.487 0 1 1 .972-.047a.487.487 0 0 1-.972.047m-1.46.974a.486.486 0 1 0 0 .972a.486.486 0 0 0 0-.972m7.297 1.945a.486.486 0 1 1 .972 0a.486.486 0 0 1-.972 0m-2.919.973a.485.485 0 0 0-.51.486a.488.488 0 1 0 .51-.486"/></g></svg> </template>
CSS
.icon-moonbeam {
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%2353cbc9%22%20d%3D%22M8.351%209.957a5.546%205.546%200%200%201%205.595-5.497a5.545%205.545%200%200%201%205.594%205.497a.34.34%200%200%201-.34.34H8.691a.34.34%200%200%201-.34-.34%22%2F%3E%3Cpath%20fill%3D%22%23cb1f7a%22%20d%3D%22M6.892%2011.756c0-.266.18-.485.404-.485H20.11c.224%200%20.403.219.403.485c0%20.268-.18.487-.403.487H7.296c-.224%200-.404-.219-.404-.487m-2.433%201.46c0-.268.185-.486.409-.486h9.399c.224%200%20.408.218.408.486s-.184.487-.408.487h-9.4c-.223%200-.408-.219-.408-.487m2.841.973c-.223%200-.408.219-.408.487s.185.486.408.486h11.346c.223%200%20.408-.218.408-.486s-.185-.487-.408-.487zm-2.354%201.945c0-.266.19-.485.419-.485h4.514c.229%200%20.418.219.418.486s-.19.488-.418.488H5.365c-.23%200-.419-.22-.419-.489m8.178.974c-.22%200-.394.218-.394.486s.174.487.393.487h5.542c.22%200%20.394-.219.394-.487c0-.267-.175-.486-.394-.486h-5.546zm-3.8%201.946c0-.268.175-.487.394-.487h5.542c.219%200%20.394.22.394.487c0%20.268-.175.486-.394.486H9.714c-.22%200-.394-.218-.394-.486zm1.873-3.405c-.228%200-.413.219-.413.486s.185.488.413.488h9.39c.228%200%20.413-.22.413-.489c0-.266-.185-.485-.413-.485zm-5.764-3.894a.487.487%200%201%201%20.972-.047a.487.487%200%200%201-.972.047m-1.947.973a.487.487%200%201%200%200%20.974a.487.487%200%200%200%200-.974m1.947%201.947a.487.487%200%201%201%20.972-.047a.487.487%200%200%201-.972.047m-1.46.974a.486.486%200%201%200%200%20.972a.486.486%200%200%200%200-.972m7.297%201.945a.486.486%200%201%201%20.972%200a.486.486%200%200%201-.972%200m-2.919.973a.485.485%200%200%200-.51.486a.488.488%200%201%200%20.51-.486%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%2353cbc9%22%20d%3D%22M8.351%209.957a5.546%205.546%200%200%201%205.595-5.497a5.545%205.545%200%200%201%205.594%205.497a.34.34%200%200%201-.34.34H8.691a.34.34%200%200%201-.34-.34%22%2F%3E%3Cpath%20fill%3D%22%23cb1f7a%22%20d%3D%22M6.892%2011.756c0-.266.18-.485.404-.485H20.11c.224%200%20.403.219.403.485c0%20.268-.18.487-.403.487H7.296c-.224%200-.404-.219-.404-.487m-2.433%201.46c0-.268.185-.486.409-.486h9.399c.224%200%20.408.218.408.486s-.184.487-.408.487h-9.4c-.223%200-.408-.219-.408-.487m2.841.973c-.223%200-.408.219-.408.487s.185.486.408.486h11.346c.223%200%20.408-.218.408-.486s-.185-.487-.408-.487zm-2.354%201.945c0-.266.19-.485.419-.485h4.514c.229%200%20.418.219.418.486s-.19.488-.418.488H5.365c-.23%200-.419-.22-.419-.489m8.178.974c-.22%200-.394.218-.394.486s.174.487.393.487h5.542c.22%200%20.394-.219.394-.487c0-.267-.175-.486-.394-.486h-5.546zm-3.8%201.946c0-.268.175-.487.394-.487h5.542c.219%200%20.394.22.394.487c0%20.268-.175.486-.394.486H9.714c-.22%200-.394-.218-.394-.486zm1.873-3.405c-.228%200-.413.219-.413.486s.185.488.413.488h9.39c.228%200%20.413-.22.413-.489c0-.266-.185-.485-.413-.485zm-5.764-3.894a.487.487%200%201%201%20.972-.047a.487.487%200%200%201-.972.047m-1.947.973a.487.487%200%201%200%200%20.974a.487.487%200%200%200%200-.974m1.947%201.947a.487.487%200%201%201%20.972-.047a.487.487%200%200%201-.972.047m-1.46.974a.486.486%200%201%200%200%20.972a.486.486%200%200%200%200-.972m7.297%201.945a.486.486%200%201%201%20.972%200a.486.486%200%200%201-.972%200m-2.919.973a.485.485%200%200%200-.51.486a.488.488%200%201%200%20.51-.486%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/moonbeam.svg?color=%231a73e8&size=48
