mooned logo
mooned-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- mooned-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the mooned 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(#SVGHcSWxdhd153)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#050505" d="m16.096 5.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767 1.014 2.625 2.899 2.964 4.87a9 9 0 0 1-.377 4.053a5.6 5.6 0 0 1-1.3 2.21a.035.035 0 0 1-.043 0l-.641-.504c-.014-.014-.028-.01-.038 0l-.377.452a7.3 7.3 0 0 1-3.874 2.347q-1.98.478-3.855-.075a7.546 7.546 0 0 1 2.479-14.776q2.29.12 4.161 1.532c.02.01.034.01.048-.01z"/><path fill="#dbdbdb" d="M9.687 5.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23 0 0 1 .103-.075a9 9 0 0 1 .613-.222a.21.21 0 0 1 .175.019"/><path fill="#7533e0" d="m16.365 16.786l-2.418-1.928l-1.749-1.386a.1.1 0 0 1-.022-.025a.1.1 0 0 1-.01-.031l-.34-3.271c0-.015 0-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752 3.479a.06.06 0 0 0-.01.047l.297 2.88a.06.06 0 0 0 .024.047l3.785 3.016l.004.01v.01a6.5 6.5 0 0 1-.612.715"/><path fill="#dbdbdb" d="M12.91 8.024a.189.189 0 1 0 0-.378a.189.189 0 0 0 0 .378m2.771.221a.203.203 0 0 0 .047-.278a.2.2 0 0 0-.13-.076a.2.2 0 0 0-.143.043a.197.197 0 0 0-.047.278a.2.2 0 0 0 .273.033m1.546 5.284c.698-.32.594-1.292-.127-1.509a.08.08 0 0 1-.047-.047a.07.07 0 0 1 0-.061a10.5 10.5 0 0 0 1.258-3.658c0-.018.01-.018.019 0c.188.321.353.67.485 1.037q.384 1.09.472 2.004q.054.493.004 1.249a7.07 7.07 0 0 1-1.154 3.525h-.015l-2.639-2.102q-.021-.02 0-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159 9.673a.225.225 0 0 0 .157-.384a.23.23 0 0 0-.157-.068a.226.226 0 0 0 0 .452m-2.635-.061a.098.098 0 0 0 .068-.164a.094.094 0 0 0-.162.065c0 .056.047.094.094.094z"/><path fill="#dbdbdb" d="M16.893 13.513a.706.706 0 0 0 .697-.707a.71.71 0 0 0-.697-.716a.71.71 0 0 0-.703.712c0 .396.316.711.703.711m-9.356 1.018a.936.936 0 0 0 .924-.942a.927.927 0 0 0-.924-.934a.93.93 0 0 0-.924.938c0 .519.415.943.924.943zM4.76 13.042v-.024a.03.03 0 0 1 .023-.014h.02c.027-.01.06 0 .084.02a.09.09 0 0 1 .047.075l.005.023a.12.12 0 0 1-.019.085a.12.12 0 0 1-.075.047l-.02.005l-.011.002l-.012-.002a.03.03 0 0 1-.01-.024zm6.448 4.303a1.306 1.306 0 0 0-.137-2.606a1.305 1.305 0 0 0 .137 2.606"/><path fill="#dbdbdb" d="m13.947 14.857l2.418 1.928a6.815 6.815 0 0 1-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118 1.64-.297 2.422-.533c.075-.023.15.01.203.062a1.406 1.406 0 0 0 2.413-.792c.023-.165-.047-.387.122-.486q.665-.396 1.287-.89m-6.485 2.15a.387.387 0 0 0 .386-.396a.39.39 0 0 0-.386-.392a.39.39 0 0 0-.387.392a.39.39 0 0 0 .387.395"/></g><defs><clipPath id="SVGHcSWxdhd153"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMoonedBackground(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(#SVGHcSWxdhd153)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#050505" d="m16.096 5.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767 1.014 2.625 2.899 2.964 4.87a9 9 0 0 1-.377 4.053a5.6 5.6 0 0 1-1.3 2.21a.035.035 0 0 1-.043 0l-.641-.504c-.014-.014-.028-.01-.038 0l-.377.452a7.3 7.3 0 0 1-3.874 2.347q-1.98.478-3.855-.075a7.546 7.546 0 0 1 2.479-14.776q2.29.12 4.161 1.532c.02.01.034.01.048-.01z"/><path fill="#dbdbdb" d="M9.687 5.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23 0 0 1 .103-.075a9 9 0 0 1 .613-.222a.21.21 0 0 1 .175.019"/><path fill="#7533e0" d="m16.365 16.786l-2.418-1.928l-1.749-1.386a.1.1 0 0 1-.022-.025a.1.1 0 0 1-.01-.031l-.34-3.271c0-.015 0-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752 3.479a.06.06 0 0 0-.01.047l.297 2.88a.06.06 0 0 0 .024.047l3.785 3.016l.004.01v.01a6.5 6.5 0 0 1-.612.715"/><path fill="#dbdbdb" d="M12.91 8.024a.189.189 0 1 0 0-.378a.189.189 0 0 0 0 .378m2.771.221a.203.203 0 0 0 .047-.278a.2.2 0 0 0-.13-.076a.2.2 0 0 0-.143.043a.197.197 0 0 0-.047.278a.2.2 0 0 0 .273.033m1.546 5.284c.698-.32.594-1.292-.127-1.509a.08.08 0 0 1-.047-.047a.07.07 0 0 1 0-.061a10.5 10.5 0 0 0 1.258-3.658c0-.018.01-.018.019 0c.188.321.353.67.485 1.037q.384 1.09.472 2.004q.054.493.004 1.249a7.07 7.07 0 0 1-1.154 3.525h-.015l-2.639-2.102q-.021-.02 0-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159 9.673a.225.225 0 0 0 .157-.384a.23.23 0 0 0-.157-.068a.226.226 0 0 0 0 .452m-2.635-.061a.098.098 0 0 0 .068-.164a.094.094 0 0 0-.162.065c0 .056.047.094.094.094z"/><path fill="#dbdbdb" d="M16.893 13.513a.706.706 0 0 0 .697-.707a.71.71 0 0 0-.697-.716a.71.71 0 0 0-.703.712c0 .396.316.711.703.711m-9.356 1.018a.936.936 0 0 0 .924-.942a.927.927 0 0 0-.924-.934a.93.93 0 0 0-.924.938c0 .519.415.943.924.943zM4.76 13.042v-.024a.03.03 0 0 1 .023-.014h.02c.027-.01.06 0 .084.02a.09.09 0 0 1 .047.075l.005.023a.12.12 0 0 1-.019.085a.12.12 0 0 1-.075.047l-.02.005l-.011.002l-.012-.002a.03.03 0 0 1-.01-.024zm6.448 4.303a1.306 1.306 0 0 0-.137-2.606a1.305 1.305 0 0 0 .137 2.606"/><path fill="#dbdbdb" d="m13.947 14.857l2.418 1.928a6.815 6.815 0 0 1-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118 1.64-.297 2.422-.533c.075-.023.15.01.203.062a1.406 1.406 0 0 0 2.413-.792c.023-.165-.047-.387.122-.486q.665-.396 1.287-.89m-6.485 2.15a.387.387 0 0 0 .386-.396a.39.39 0 0 0-.386-.392a.39.39 0 0 0-.387.392a.39.39 0 0 0 .387.395"/></g><defs><clipPath id="SVGHcSWxdhd153"><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(#SVGHcSWxdhd153)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#050505" d="m16.096 5.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767 1.014 2.625 2.899 2.964 4.87a9 9 0 0 1-.377 4.053a5.6 5.6 0 0 1-1.3 2.21a.035.035 0 0 1-.043 0l-.641-.504c-.014-.014-.028-.01-.038 0l-.377.452a7.3 7.3 0 0 1-3.874 2.347q-1.98.478-3.855-.075a7.546 7.546 0 0 1 2.479-14.776q2.29.12 4.161 1.532c.02.01.034.01.048-.01z"/><path fill="#dbdbdb" d="M9.687 5.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23 0 0 1 .103-.075a9 9 0 0 1 .613-.222a.21.21 0 0 1 .175.019"/><path fill="#7533e0" d="m16.365 16.786l-2.418-1.928l-1.749-1.386a.1.1 0 0 1-.022-.025a.1.1 0 0 1-.01-.031l-.34-3.271c0-.015 0-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752 3.479a.06.06 0 0 0-.01.047l.297 2.88a.06.06 0 0 0 .024.047l3.785 3.016l.004.01v.01a6.5 6.5 0 0 1-.612.715"/><path fill="#dbdbdb" d="M12.91 8.024a.189.189 0 1 0 0-.378a.189.189 0 0 0 0 .378m2.771.221a.203.203 0 0 0 .047-.278a.2.2 0 0 0-.13-.076a.2.2 0 0 0-.143.043a.197.197 0 0 0-.047.278a.2.2 0 0 0 .273.033m1.546 5.284c.698-.32.594-1.292-.127-1.509a.08.08 0 0 1-.047-.047a.07.07 0 0 1 0-.061a10.5 10.5 0 0 0 1.258-3.658c0-.018.01-.018.019 0c.188.321.353.67.485 1.037q.384 1.09.472 2.004q.054.493.004 1.249a7.07 7.07 0 0 1-1.154 3.525h-.015l-2.639-2.102q-.021-.02 0-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159 9.673a.225.225 0 0 0 .157-.384a.23.23 0 0 0-.157-.068a.226.226 0 0 0 0 .452m-2.635-.061a.098.098 0 0 0 .068-.164a.094.094 0 0 0-.162.065c0 .056.047.094.094.094z"/><path fill="#dbdbdb" d="M16.893 13.513a.706.706 0 0 0 .697-.707a.71.71 0 0 0-.697-.716a.71.71 0 0 0-.703.712c0 .396.316.711.703.711m-9.356 1.018a.936.936 0 0 0 .924-.942a.927.927 0 0 0-.924-.934a.93.93 0 0 0-.924.938c0 .519.415.943.924.943zM4.76 13.042v-.024a.03.03 0 0 1 .023-.014h.02c.027-.01.06 0 .084.02a.09.09 0 0 1 .047.075l.005.023a.12.12 0 0 1-.019.085a.12.12 0 0 1-.075.047l-.02.005l-.011.002l-.012-.002a.03.03 0 0 1-.01-.024zm6.448 4.303a1.306 1.306 0 0 0-.137-2.606a1.305 1.305 0 0 0 .137 2.606"/><path fill="#dbdbdb" d="m13.947 14.857l2.418 1.928a6.815 6.815 0 0 1-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118 1.64-.297 2.422-.533c.075-.023.15.01.203.062a1.406 1.406 0 0 0 2.413-.792c.023-.165-.047-.387.122-.486q.665-.396 1.287-.89m-6.485 2.15a.387.387 0 0 0 .386-.396a.39.39 0 0 0-.386-.392a.39.39 0 0 0-.387.392a.39.39 0 0 0 .387.395"/></g><defs><clipPath id="SVGHcSWxdhd153"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-mooned-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(%23SVGHcSWxdhd153)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23050505%22%20d%3D%22m16.096%205.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767%201.014%202.625%202.899%202.964%204.87a9%209%200%200%201-.377%204.053a5.6%205.6%200%200%201-1.3%202.21a.035.035%200%200%201-.043%200l-.641-.504c-.014-.014-.028-.01-.038%200l-.377.452a7.3%207.3%200%200%201-3.874%202.347q-1.98.478-3.855-.075a7.546%207.546%200%200%201%202.479-14.776q2.29.12%204.161%201.532c.02.01.034.01.048-.01z%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M9.687%205.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23%200%200%201%20.103-.075a9%209%200%200%201%20.613-.222a.21.21%200%200%201%20.175.019%22%2F%3E%3Cpath%20fill%3D%22%237533e0%22%20d%3D%22m16.365%2016.786l-2.418-1.928l-1.749-1.386a.1.1%200%200%201-.022-.025a.1.1%200%200%201-.01-.031l-.34-3.271c0-.015%200-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752%203.479a.06.06%200%200%200-.01.047l.297%202.88a.06.06%200%200%200%20.024.047l3.785%203.016l.004.01v.01a6.5%206.5%200%200%201-.612.715%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M12.91%208.024a.189.189%200%201%200%200-.378a.189.189%200%200%200%200%20.378m2.771.221a.203.203%200%200%200%20.047-.278a.2.2%200%200%200-.13-.076a.2.2%200%200%200-.143.043a.197.197%200%200%200-.047.278a.2.2%200%200%200%20.273.033m1.546%205.284c.698-.32.594-1.292-.127-1.509a.08.08%200%200%201-.047-.047a.07.07%200%200%201%200-.061a10.5%2010.5%200%200%200%201.258-3.658c0-.018.01-.018.019%200c.188.321.353.67.485%201.037q.384%201.09.472%202.004q.054.493.004%201.249a7.07%207.07%200%200%201-1.154%203.525h-.015l-2.639-2.102q-.021-.02%200-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159%209.673a.225.225%200%200%200%20.157-.384a.23.23%200%200%200-.157-.068a.226.226%200%200%200%200%20.452m-2.635-.061a.098.098%200%200%200%20.068-.164a.094.094%200%200%200-.162.065c0%20.056.047.094.094.094z%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M16.893%2013.513a.706.706%200%200%200%20.697-.707a.71.71%200%200%200-.697-.716a.71.71%200%200%200-.703.712c0%20.396.316.711.703.711m-9.356%201.018a.936.936%200%200%200%20.924-.942a.927.927%200%200%200-.924-.934a.93.93%200%200%200-.924.938c0%20.519.415.943.924.943zM4.76%2013.042v-.024a.03.03%200%200%201%20.023-.014h.02c.027-.01.06%200%20.084.02a.09.09%200%200%201%20.047.075l.005.023a.12.12%200%200%201-.019.085a.12.12%200%200%201-.075.047l-.02.005l-.011.002l-.012-.002a.03.03%200%200%201-.01-.024zm6.448%204.303a1.306%201.306%200%200%200-.137-2.606a1.305%201.305%200%200%200%20.137%202.606%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22m13.947%2014.857l2.418%201.928a6.815%206.815%200%200%201-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118%201.64-.297%202.422-.533c.075-.023.15.01.203.062a1.406%201.406%200%200%200%202.413-.792c.023-.165-.047-.387.122-.486q.665-.396%201.287-.89m-6.485%202.15a.387.387%200%200%200%20.386-.396a.39.39%200%200%200-.386-.392a.39.39%200%200%200-.387.392a.39.39%200%200%200%20.387.395%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd153%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(%23SVGHcSWxdhd153)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23050505%22%20d%3D%22m16.096%205.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767%201.014%202.625%202.899%202.964%204.87a9%209%200%200%201-.377%204.053a5.6%205.6%200%200%201-1.3%202.21a.035.035%200%200%201-.043%200l-.641-.504c-.014-.014-.028-.01-.038%200l-.377.452a7.3%207.3%200%200%201-3.874%202.347q-1.98.478-3.855-.075a7.546%207.546%200%200%201%202.479-14.776q2.29.12%204.161%201.532c.02.01.034.01.048-.01z%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M9.687%205.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23%200%200%201%20.103-.075a9%209%200%200%201%20.613-.222a.21.21%200%200%201%20.175.019%22%2F%3E%3Cpath%20fill%3D%22%237533e0%22%20d%3D%22m16.365%2016.786l-2.418-1.928l-1.749-1.386a.1.1%200%200%201-.022-.025a.1.1%200%200%201-.01-.031l-.34-3.271c0-.015%200-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752%203.479a.06.06%200%200%200-.01.047l.297%202.88a.06.06%200%200%200%20.024.047l3.785%203.016l.004.01v.01a6.5%206.5%200%200%201-.612.715%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M12.91%208.024a.189.189%200%201%200%200-.378a.189.189%200%200%200%200%20.378m2.771.221a.203.203%200%200%200%20.047-.278a.2.2%200%200%200-.13-.076a.2.2%200%200%200-.143.043a.197.197%200%200%200-.047.278a.2.2%200%200%200%20.273.033m1.546%205.284c.698-.32.594-1.292-.127-1.509a.08.08%200%200%201-.047-.047a.07.07%200%200%201%200-.061a10.5%2010.5%200%200%200%201.258-3.658c0-.018.01-.018.019%200c.188.321.353.67.485%201.037q.384%201.09.472%202.004q.054.493.004%201.249a7.07%207.07%200%200%201-1.154%203.525h-.015l-2.639-2.102q-.021-.02%200-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159%209.673a.225.225%200%200%200%20.157-.384a.23.23%200%200%200-.157-.068a.226.226%200%200%200%200%20.452m-2.635-.061a.098.098%200%200%200%20.068-.164a.094.094%200%200%200-.162.065c0%20.056.047.094.094.094z%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M16.893%2013.513a.706.706%200%200%200%20.697-.707a.71.71%200%200%200-.697-.716a.71.71%200%200%200-.703.712c0%20.396.316.711.703.711m-9.356%201.018a.936.936%200%200%200%20.924-.942a.927.927%200%200%200-.924-.934a.93.93%200%200%200-.924.938c0%20.519.415.943.924.943zM4.76%2013.042v-.024a.03.03%200%200%201%20.023-.014h.02c.027-.01.06%200%20.084.02a.09.09%200%200%201%20.047.075l.005.023a.12.12%200%200%201-.019.085a.12.12%200%200%201-.075.047l-.02.005l-.011.002l-.012-.002a.03.03%200%200%201-.01-.024zm6.448%204.303a1.306%201.306%200%200%200-.137-2.606a1.305%201.305%200%200%200%20.137%202.606%22%2F%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22m13.947%2014.857l2.418%201.928a6.815%206.815%200%200%201-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118%201.64-.297%202.422-.533c.075-.023.15.01.203.062a1.406%201.406%200%200%200%202.413-.792c.023-.165-.047-.387.122-.486q.665-.396%201.287-.89m-6.485%202.15a.387.387%200%200%200%20.386-.396a.39.39%200%200%200-.386-.392a.39.39%200%200%200-.387.392a.39.39%200%200%200%20.387.395%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd153%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/mooned-background.svg?color=%231a73e8&size=48
