meta logo

meta from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: meta
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same logo in other sets

meta-filledAnt Design Icons metaBootstrap Icons metaBoxicons Brands metaFont Awesome Brands metaHuge Icons metaSVG Logos metaMage Icons meta-fillMingCute Icon meta-fillRemix Icon metaSimple Icons metaWeb3 Icons metaWeb3 Icons Branded

Use the meta logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M640 317.9c0 91.3-39.4 148.5-110.3 148.5c-62.6 0-95.8-34.6-156.9-136.6l-31.4-52.6c-8.3-12.5-14.5-24.2-21.2-35c-20.1 33.8-47.1 83-47.1 83c-67 116.6-104.6 141.2-156.9 141.2C43.42 466.4 0 409.1 0 320.5c0-143 79.78-278.1 183.9-278.1c50.2 0 93.8 24.68 144.8 89.5c37.1-50.1 78.1-89.5 130.6-89.5c99.1 0 180.7 125.7 180.7 275.5M287.4 192.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.78 106.1-113.78 210c0 48.5 18.48 75.7 49.58 75.7c30.2 0 49-19 103.2-103.8c0 0 24.7-39.1 65.4-101.4m243.8 205.2c32.2 0 46.9-27.5 46.9-74.9c0-124.2-54.3-225.42-123.2-225.42c-33.2 0-61.1 25.92-94.9 78.02c9.4 13.8 19.1 29 29.3 45.4l37.5 62.4c58.7 94.1 73.5 114.5 104.4 114.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsMeta(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M640 317.9c0 91.3-39.4 148.5-110.3 148.5c-62.6 0-95.8-34.6-156.9-136.6l-31.4-52.6c-8.3-12.5-14.5-24.2-21.2-35c-20.1 33.8-47.1 83-47.1 83c-67 116.6-104.6 141.2-156.9 141.2C43.42 466.4 0 409.1 0 320.5c0-143 79.78-278.1 183.9-278.1c50.2 0 93.8 24.68 144.8 89.5c37.1-50.1 78.1-89.5 130.6-89.5c99.1 0 180.7 125.7 180.7 275.5M287.4 192.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.78 106.1-113.78 210c0 48.5 18.48 75.7 49.58 75.7c30.2 0 49-19 103.2-103.8c0 0 24.7-39.1 65.4-101.4m243.8 205.2c32.2 0 46.9-27.5 46.9-74.9c0-124.2-54.3-225.42-123.2-225.42c-33.2 0-61.1 25.92-94.9 78.02c9.4 13.8 19.1 29 29.3 45.4l37.5 62.4c58.7 94.1 73.5 114.5 104.4 114.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M640 317.9c0 91.3-39.4 148.5-110.3 148.5c-62.6 0-95.8-34.6-156.9-136.6l-31.4-52.6c-8.3-12.5-14.5-24.2-21.2-35c-20.1 33.8-47.1 83-47.1 83c-67 116.6-104.6 141.2-156.9 141.2C43.42 466.4 0 409.1 0 320.5c0-143 79.78-278.1 183.9-278.1c50.2 0 93.8 24.68 144.8 89.5c37.1-50.1 78.1-89.5 130.6-89.5c99.1 0 180.7 125.7 180.7 275.5M287.4 192.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.78 106.1-113.78 210c0 48.5 18.48 75.7 49.58 75.7c30.2 0 49-19 103.2-103.8c0 0 24.7-39.1 65.4-101.4m243.8 205.2c32.2 0 46.9-27.5 46.9-74.9c0-124.2-54.3-225.42-123.2-225.42c-33.2 0-61.1 25.92-94.9 78.02c9.4 13.8 19.1 29 29.3 45.4l37.5 62.4c58.7 94.1 73.5 114.5 104.4 114.5"/></svg>
</template>

CSS

.icon-meta {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20317.9c0%2091.3-39.4%20148.5-110.3%20148.5c-62.6%200-95.8-34.6-156.9-136.6l-31.4-52.6c-8.3-12.5-14.5-24.2-21.2-35c-20.1%2033.8-47.1%2083-47.1%2083c-67%20116.6-104.6%20141.2-156.9%20141.2C43.42%20466.4%200%20409.1%200%20320.5c0-143%2079.78-278.1%20183.9-278.1c50.2%200%2093.8%2024.68%20144.8%2089.5c37.1-50.1%2078.1-89.5%20130.6-89.5c99.1%200%20180.7%20125.7%20180.7%20275.5M287.4%20192.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9%200-113.78%20106.1-113.78%20210c0%2048.5%2018.48%2075.7%2049.58%2075.7c30.2%200%2049-19%20103.2-103.8c0%200%2024.7-39.1%2065.4-101.4m243.8%20205.2c32.2%200%2046.9-27.5%2046.9-74.9c0-124.2-54.3-225.42-123.2-225.42c-33.2%200-61.1%2025.92-94.9%2078.02c9.4%2013.8%2019.1%2029%2029.3%2045.4l37.5%2062.4c58.7%2094.1%2073.5%20114.5%20104.4%20114.5%22%2F%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20317.9c0%2091.3-39.4%20148.5-110.3%20148.5c-62.6%200-95.8-34.6-156.9-136.6l-31.4-52.6c-8.3-12.5-14.5-24.2-21.2-35c-20.1%2033.8-47.1%2083-47.1%2083c-67%20116.6-104.6%20141.2-156.9%20141.2C43.42%20466.4%200%20409.1%200%20320.5c0-143%2079.78-278.1%20183.9-278.1c50.2%200%2093.8%2024.68%20144.8%2089.5c37.1-50.1%2078.1-89.5%20130.6-89.5c99.1%200%20180.7%20125.7%20180.7%20275.5M287.4%20192.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9%200-113.78%20106.1-113.78%20210c0%2048.5%2018.48%2075.7%2049.58%2075.7c30.2%200%2049-19%20103.2-103.8c0%200%2024.7-39.1%2065.4-101.4m243.8%20205.2c32.2%200%2046.9-27.5%2046.9-74.9c0-124.2-54.3-225.42-123.2-225.42c-33.2%200-61.1%2025.92-94.9%2078.02c9.4%2013.8%2019.1%2029%2029.3%2045.4l37.5%2062.4c58.7%2094.1%2073.5%20114.5%20104.4%20114.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/meta.svg?color=%231a73e8&size=48