meta logo

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

Name: meta
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

meta-filledAnt Design Icons metaBootstrap Icons metaBoxicons Brands metaFont Awesome 6 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 640"><path fill="currentColor" d="M640 381.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.4 530.4 0 473.1 0 384.5c0-143 79.8-278.1 183.9-278.1c50.2 0 93.8 24.7 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 256.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.8 106.1-113.8 210c0 48.5 18.5 75.7 49.6 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.4-123.2-225.4c-33.2 0-61.1 25.9-94.9 78c9.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 Fa7BrandsMeta(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 381.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.4 530.4 0 473.1 0 384.5c0-143 79.8-278.1 183.9-278.1c50.2 0 93.8 24.7 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 256.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.8 106.1-113.8 210c0 48.5 18.5 75.7 49.6 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.4-123.2-225.4c-33.2 0-61.1 25.9-94.9 78c9.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 640"><path fill="currentColor" d="M640 381.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.4 530.4 0 473.1 0 384.5c0-143 79.8-278.1 183.9-278.1c50.2 0 93.8 24.7 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 256.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9 0-113.8 106.1-113.8 210c0 48.5 18.5 75.7 49.6 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.4-123.2-225.4c-33.2 0-61.1 25.9-94.9 78c9.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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20381.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.4%20530.4%200%20473.1%200%20384.5c0-143%2079.8-278.1%20183.9-278.1c50.2%200%2093.8%2024.7%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%20256.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9%200-113.8%20106.1-113.8%20210c0%2048.5%2018.5%2075.7%2049.6%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.4-123.2-225.4c-33.2%200-61.1%2025.9-94.9%2078c9.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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20381.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.4%20530.4%200%20473.1%200%20384.5c0-143%2079.8-278.1%20183.9-278.1c50.2%200%2093.8%2024.7%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%20256.2c-42.9-62.1-70.9-80.5-104.4-80.5c-61.9%200-113.8%20106.1-113.8%20210c0%2048.5%2018.5%2075.7%2049.6%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.4-123.2-225.4c-33.2%200-61.1%2025.9-94.9%2078c9.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/fa7-brands/meta.svg?color=%231a73e8&size=48