moonbase logo
moonbase-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- moonbase-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Related icons in Web3 Icons Branded
Use the moonbase logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd177)"><path fill="#2b1d3c" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.629 16.066c.002-.358 1.37-.343 1.36-.678c-.006-.258-.612-.252-.422-.798c.28-.815.433-1.689.433-2.598C20 7.578 16.418 4 12 4s-8 3.578-8 7.992c0 .912.153 1.788.436 2.605l.017.05c.114.362-.451.505-.451.72c0 .34 1.19.294 1.19.689c0 .343-1.177.449-1.177.796c0 .478 2.606.311 2.64.723c.025.318-.897.337-.902.677c-.009.541 3.557.364 3.557.725c0 .272-1.622.174-1.622.496c0 .323 2.135.527 4.487.527s3.976-.261 3.976-.544s-1.514-.224-1.483-.48c.055-.444 3.416-.217 3.416-.731c0-.272-.925-.335-.895-.627c.043-.414 2.811-.352 2.811-.78c0-.338-1.371-.421-1.37-.771zm-2.145-1.038c-.074.272.769.313.769.598c0 .346-2.57.208-2.544.666c.016.29 1.826.338 1.791.64c-.05.436-2.803.218-2.83.636c-.02.306 1.344.317 1.347.596c.002.236-1.072.364-3.127.364c-2.342 0-3.48-.126-3.35-.389c.12-.246 2.194-.2 2.173-.586s-3.682-.272-3.792-.646c-.092-.311 1.202-.375 1.194-.67c-.008-.302-1.658-.234-1.694-.598c-.024-.24.862-.224.823-.525c-.027-.22-.393-.189-.61-.64a5.907 5.907 0 0 1 5.364-8.385a5.907 5.907 0 0 1 5.457 8.172c-.278.629-.903.502-.973.767z"/></g><defs><clipPath id="SVGHcSWxdhd177"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMoonbaseBackground(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"><g clipPath="url(#SVGHcSWxdhd177)"><path fill="#2b1d3c" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.629 16.066c.002-.358 1.37-.343 1.36-.678c-.006-.258-.612-.252-.422-.798c.28-.815.433-1.689.433-2.598C20 7.578 16.418 4 12 4s-8 3.578-8 7.992c0 .912.153 1.788.436 2.605l.017.05c.114.362-.451.505-.451.72c0 .34 1.19.294 1.19.689c0 .343-1.177.449-1.177.796c0 .478 2.606.311 2.64.723c.025.318-.897.337-.902.677c-.009.541 3.557.364 3.557.725c0 .272-1.622.174-1.622.496c0 .323 2.135.527 4.487.527s3.976-.261 3.976-.544s-1.514-.224-1.483-.48c.055-.444 3.416-.217 3.416-.731c0-.272-.925-.335-.895-.627c.043-.414 2.811-.352 2.811-.78c0-.338-1.371-.421-1.37-.771zm-2.145-1.038c-.074.272.769.313.769.598c0 .346-2.57.208-2.544.666c.016.29 1.826.338 1.791.64c-.05.436-2.803.218-2.83.636c-.02.306 1.344.317 1.347.596c.002.236-1.072.364-3.127.364c-2.342 0-3.48-.126-3.35-.389c.12-.246 2.194-.2 2.173-.586s-3.682-.272-3.792-.646c-.092-.311 1.202-.375 1.194-.67c-.008-.302-1.658-.234-1.694-.598c-.024-.24.862-.224.823-.525c-.027-.22-.393-.189-.61-.64a5.907 5.907 0 0 1 5.364-8.385a5.907 5.907 0 0 1 5.457 8.172c-.278.629-.903.502-.973.767z"/></g><defs><clipPath id="SVGHcSWxdhd177"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd177)"><path fill="#2b1d3c" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.629 16.066c.002-.358 1.37-.343 1.36-.678c-.006-.258-.612-.252-.422-.798c.28-.815.433-1.689.433-2.598C20 7.578 16.418 4 12 4s-8 3.578-8 7.992c0 .912.153 1.788.436 2.605l.017.05c.114.362-.451.505-.451.72c0 .34 1.19.294 1.19.689c0 .343-1.177.449-1.177.796c0 .478 2.606.311 2.64.723c.025.318-.897.337-.902.677c-.009.541 3.557.364 3.557.725c0 .272-1.622.174-1.622.496c0 .323 2.135.527 4.487.527s3.976-.261 3.976-.544s-1.514-.224-1.483-.48c.055-.444 3.416-.217 3.416-.731c0-.272-.925-.335-.895-.627c.043-.414 2.811-.352 2.811-.78c0-.338-1.371-.421-1.37-.771zm-2.145-1.038c-.074.272.769.313.769.598c0 .346-2.57.208-2.544.666c.016.29 1.826.338 1.791.64c-.05.436-2.803.218-2.83.636c-.02.306 1.344.317 1.347.596c.002.236-1.072.364-3.127.364c-2.342 0-3.48-.126-3.35-.389c.12-.246 2.194-.2 2.173-.586s-3.682-.272-3.792-.646c-.092-.311 1.202-.375 1.194-.67c-.008-.302-1.658-.234-1.694-.598c-.024-.24.862-.224.823-.525c-.027-.22-.393-.189-.61-.64a5.907 5.907 0 0 1 5.364-8.385a5.907 5.907 0 0 1 5.457 8.172c-.278.629-.903.502-.973.767z"/></g><defs><clipPath id="SVGHcSWxdhd177"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-moonbase-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd177)%22%3E%3Cpath%20fill%3D%22%232b1d3c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.629%2016.066c.002-.358%201.37-.343%201.36-.678c-.006-.258-.612-.252-.422-.798c.28-.815.433-1.689.433-2.598C20%207.578%2016.418%204%2012%204s-8%203.578-8%207.992c0%20.912.153%201.788.436%202.605l.017.05c.114.362-.451.505-.451.72c0%20.34%201.19.294%201.19.689c0%20.343-1.177.449-1.177.796c0%20.478%202.606.311%202.64.723c.025.318-.897.337-.902.677c-.009.541%203.557.364%203.557.725c0%20.272-1.622.174-1.622.496c0%20.323%202.135.527%204.487.527s3.976-.261%203.976-.544s-1.514-.224-1.483-.48c.055-.444%203.416-.217%203.416-.731c0-.272-.925-.335-.895-.627c.043-.414%202.811-.352%202.811-.78c0-.338-1.371-.421-1.37-.771zm-2.145-1.038c-.074.272.769.313.769.598c0%20.346-2.57.208-2.544.666c.016.29%201.826.338%201.791.64c-.05.436-2.803.218-2.83.636c-.02.306%201.344.317%201.347.596c.002.236-1.072.364-3.127.364c-2.342%200-3.48-.126-3.35-.389c.12-.246%202.194-.2%202.173-.586s-3.682-.272-3.792-.646c-.092-.311%201.202-.375%201.194-.67c-.008-.302-1.658-.234-1.694-.598c-.024-.24.862-.224.823-.525c-.027-.22-.393-.189-.61-.64a5.907%205.907%200%200%201%205.364-8.385a5.907%205.907%200%200%201%205.457%208.172c-.278.629-.903.502-.973.767z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd177%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd177)%22%3E%3Cpath%20fill%3D%22%232b1d3c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.629%2016.066c.002-.358%201.37-.343%201.36-.678c-.006-.258-.612-.252-.422-.798c.28-.815.433-1.689.433-2.598C20%207.578%2016.418%204%2012%204s-8%203.578-8%207.992c0%20.912.153%201.788.436%202.605l.017.05c.114.362-.451.505-.451.72c0%20.34%201.19.294%201.19.689c0%20.343-1.177.449-1.177.796c0%20.478%202.606.311%202.64.723c.025.318-.897.337-.902.677c-.009.541%203.557.364%203.557.725c0%20.272-1.622.174-1.622.496c0%20.323%202.135.527%204.487.527s3.976-.261%203.976-.544s-1.514-.224-1.483-.48c.055-.444%203.416-.217%203.416-.731c0-.272-.925-.335-.895-.627c.043-.414%202.811-.352%202.811-.78c0-.338-1.371-.421-1.37-.771zm-2.145-1.038c-.074.272.769.313.769.598c0%20.346-2.57.208-2.544.666c.016.29%201.826.338%201.791.64c-.05.436-2.803.218-2.83.636c-.02.306%201.344.317%201.347.596c.002.236-1.072.364-3.127.364c-2.342%200-3.48-.126-3.35-.389c.12-.246%202.194-.2%202.173-.586s-3.682-.272-3.792-.646c-.092-.311%201.202-.375%201.194-.67c-.008-.302-1.658-.234-1.694-.598c-.024-.24.862-.224.823-.525c-.027-.22-.393-.189-.61-.64a5.907%205.907%200%200%201%205.364-8.385a5.907%205.907%200%200%201%205.457%208.172c-.278.629-.903.502-.973.767z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd177%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/moonbase-background.svg?color=%231a73e8&size=48
