meta logo
meta-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- meta-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
Use the meta 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(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.4 8.368v1.664a.38.38 0 0 1-.368.368H4.36a.37.37 0 0 1-.36-.368V8.368C4 8.172 4.16 8 4.36 8h1.672c.2 0 .368.172.368.368M8.84 10.8H7.176c-.2 0-.376.208-.376.4v4.428c0 .2.18.372.376.372h1.66c.2 0 .36-.204.36-.4v-4.4c0-.196-.16-.4-.36-.4zm4.212 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156H9.96a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952zm5.2 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156h-1.32a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952z"/></g><defs><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMetaBackground(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(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.4 8.368v1.664a.38.38 0 0 1-.368.368H4.36a.37.37 0 0 1-.36-.368V8.368C4 8.172 4.16 8 4.36 8h1.672c.2 0 .368.172.368.368M8.84 10.8H7.176c-.2 0-.376.208-.376.4v4.428c0 .2.18.372.376.372h1.66c.2 0 .36-.204.36-.4v-4.4c0-.196-.16-.4-.36-.4zm4.212 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156H9.96a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952zm5.2 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156h-1.32a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952z"/></g><defs><clipPath id="SVGHcSWxdhd17"><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(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.4 8.368v1.664a.38.38 0 0 1-.368.368H4.36a.37.37 0 0 1-.36-.368V8.368C4 8.172 4.16 8 4.36 8h1.672c.2 0 .368.172.368.368M8.84 10.8H7.176c-.2 0-.376.208-.376.4v4.428c0 .2.18.372.376.372h1.66c.2 0 .36-.204.36-.4v-4.4c0-.196-.16-.4-.36-.4zm4.212 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156H9.96a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952zm5.2 0h1.36c.2 0 .388.208.388.404v4.424c0 .196-.188.372-.384.372h-1.664c-.2 0-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156h-1.32a.37.37 0 0 1-.364-.368V8.372a.37.37 0 0 1 .36-.368h1.692c.2 0 .348.172.348.368v1.48c0 .528.52.952 1.052.952z"/></g><defs><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-meta-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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.4%208.368v1.664a.38.38%200%200%201-.368.368H4.36a.37.37%200%200%201-.36-.368V8.368C4%208.172%204.16%208%204.36%208h1.672c.2%200%20.368.172.368.368M8.84%2010.8H7.176c-.2%200-.376.208-.376.4v4.428c0%20.2.18.372.376.372h1.66c.2%200%20.36-.204.36-.4v-4.4c0-.196-.16-.4-.36-.4zm4.212%200h1.36c.2%200%20.388.208.388.404v4.424c0%20.196-.188.372-.384.372h-1.664c-.2%200-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156H9.96a.37.37%200%200%201-.364-.368V8.372a.37.37%200%200%201%20.36-.368h1.692c.2%200%20.348.172.348.368v1.48c0%20.528.52.952%201.052.952zm5.2%200h1.36c.2%200%20.388.208.388.404v4.424c0%20.196-.188.372-.384.372h-1.664c-.2%200-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156h-1.32a.37.37%200%200%201-.364-.368V8.372a.37.37%200%200%201%20.36-.368h1.692c.2%200%20.348.172.348.368v1.48c0%20.528.52.952%201.052.952z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd17%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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.4%208.368v1.664a.38.38%200%200%201-.368.368H4.36a.37.37%200%200%201-.36-.368V8.368C4%208.172%204.16%208%204.36%208h1.672c.2%200%20.368.172.368.368M8.84%2010.8H7.176c-.2%200-.376.208-.376.4v4.428c0%20.2.18.372.376.372h1.66c.2%200%20.36-.204.36-.4v-4.4c0-.196-.16-.4-.36-.4zm4.212%200h1.36c.2%200%20.388.208.388.404v4.424c0%20.196-.188.372-.384.372h-1.664c-.2%200-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156H9.96a.37.37%200%200%201-.364-.368V8.372a.37.37%200%200%201%20.36-.368h1.692c.2%200%20.348.172.348.368v1.48c0%20.528.52.952%201.052.952zm5.2%200h1.36c.2%200%20.388.208.388.404v4.424c0%20.196-.188.372-.384.372h-1.664c-.2%200-.352-.176-.352-.372V11.56c0-.52-.588-1.156-1.12-1.156h-1.32a.37.37%200%200%201-.364-.368V8.372a.37.37%200%200%201%20.36-.368h1.692c.2%200%20.348.172.348.368v1.48c0%20.528.52.952%201.052.952z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd17%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/meta-background.svg?color=%231a73e8&size=48
