meta logo icon

5 other variants in Phosphor

Use the meta logo icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m128.49 114.6l-18.71 32.75C93.88 175.86 77.52 200 58.56 200C-3.16 200 27.7 56 74 56c20.25 0 37.56 27.58 54.49 58.6M182 56c-12.62 0-24.1 10.7-35 26.27l-18.51 32.33c21.76 39.86 42.91 85.4 68.95 85.4C259.16 200 228.3 56 182 56" opacity=".2"/><path d="M240 149.31c0 16.11-3.17 29.89-9.17 39.84c-7.43 12.33-19 18.85-33.39 18.85c-27.94 0-47.78-37-68.78-76.22C111.64 100 92.35 64 74 64c-9.38 0-19.94 10-28.25 26.67A138.2 138.2 0 0 0 32 149.31c0 13.2 2.38 24.12 6.88 31.58S49.82 192 58.56 192c15.12 0 30.85-24.54 44.23-48.55a8 8 0 0 1 14 7.8C101.46 178.71 83.07 208 58.56 208c-14.41 0-26-6.52-33.39-18.85c-6-10-9.17-23.73-9.17-39.84a154.8 154.8 0 0 1 15.42-65.77C42.82 60.62 57.94 48 74 48c27.94 0 47.77 37 68.78 76.22C159.79 156 179.08 192 197.44 192c8.74 0 15.18-3.63 19.68-11.11s6.88-18.38 6.88-31.58a138.2 138.2 0 0 0-13.74-58.64C202 74 191.39 64 182 64c-8.36 0-17.68 7.48-28.51 22.88a8 8 0 1 1-13.08-9.21c9-12.74 23-29.67 41.59-29.67c16.05 0 31.17 12.62 42.57 35.54A154.8 154.8 0 0 1 240 149.31"/></g></svg>

import type { SVGProps } from "react";

export function PhMetaLogoDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m128.49 114.6l-18.71 32.75C93.88 175.86 77.52 200 58.56 200C-3.16 200 27.7 56 74 56c20.25 0 37.56 27.58 54.49 58.6M182 56c-12.62 0-24.1 10.7-35 26.27l-18.51 32.33c21.76 39.86 42.91 85.4 68.95 85.4C259.16 200 228.3 56 182 56" opacity=".2"/><path d="M240 149.31c0 16.11-3.17 29.89-9.17 39.84c-7.43 12.33-19 18.85-33.39 18.85c-27.94 0-47.78-37-68.78-76.22C111.64 100 92.35 64 74 64c-9.38 0-19.94 10-28.25 26.67A138.2 138.2 0 0 0 32 149.31c0 13.2 2.38 24.12 6.88 31.58S49.82 192 58.56 192c15.12 0 30.85-24.54 44.23-48.55a8 8 0 0 1 14 7.8C101.46 178.71 83.07 208 58.56 208c-14.41 0-26-6.52-33.39-18.85c-6-10-9.17-23.73-9.17-39.84a154.8 154.8 0 0 1 15.42-65.77C42.82 60.62 57.94 48 74 48c27.94 0 47.77 37 68.78 76.22C159.79 156 179.08 192 197.44 192c8.74 0 15.18-3.63 19.68-11.11s6.88-18.38 6.88-31.58a138.2 138.2 0 0 0-13.74-58.64C202 74 191.39 64 182 64c-8.36 0-17.68 7.48-28.51 22.88a8 8 0 1 1-13.08-9.21c9-12.74 23-29.67 41.59-29.67c16.05 0 31.17 12.62 42.57 35.54A154.8 154.8 0 0 1 240 149.31"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m128.49 114.6l-18.71 32.75C93.88 175.86 77.52 200 58.56 200C-3.16 200 27.7 56 74 56c20.25 0 37.56 27.58 54.49 58.6M182 56c-12.62 0-24.1 10.7-35 26.27l-18.51 32.33c21.76 39.86 42.91 85.4 68.95 85.4C259.16 200 228.3 56 182 56" opacity=".2"/><path d="M240 149.31c0 16.11-3.17 29.89-9.17 39.84c-7.43 12.33-19 18.85-33.39 18.85c-27.94 0-47.78-37-68.78-76.22C111.64 100 92.35 64 74 64c-9.38 0-19.94 10-28.25 26.67A138.2 138.2 0 0 0 32 149.31c0 13.2 2.38 24.12 6.88 31.58S49.82 192 58.56 192c15.12 0 30.85-24.54 44.23-48.55a8 8 0 0 1 14 7.8C101.46 178.71 83.07 208 58.56 208c-14.41 0-26-6.52-33.39-18.85c-6-10-9.17-23.73-9.17-39.84a154.8 154.8 0 0 1 15.42-65.77C42.82 60.62 57.94 48 74 48c27.94 0 47.77 37 68.78 76.22C159.79 156 179.08 192 197.44 192c8.74 0 15.18-3.63 19.68-11.11s6.88-18.38 6.88-31.58a138.2 138.2 0 0 0-13.74-58.64C202 74 191.39 64 182 64c-8.36 0-17.68 7.48-28.51 22.88a8 8 0 1 1-13.08-9.21c9-12.74 23-29.67 41.59-29.67c16.05 0 31.17 12.62 42.57 35.54A154.8 154.8 0 0 1 240 149.31"/></g></svg>
</template>

.icon-meta-logo-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m128.49%20114.6l-18.71%2032.75C93.88%20175.86%2077.52%20200%2058.56%20200C-3.16%20200%2027.7%2056%2074%2056c20.25%200%2037.56%2027.58%2054.49%2058.6M182%2056c-12.62%200-24.1%2010.7-35%2026.27l-18.51%2032.33c21.76%2039.86%2042.91%2085.4%2068.95%2085.4C259.16%20200%20228.3%2056%20182%2056%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%20149.31c0%2016.11-3.17%2029.89-9.17%2039.84c-7.43%2012.33-19%2018.85-33.39%2018.85c-27.94%200-47.78-37-68.78-76.22C111.64%20100%2092.35%2064%2074%2064c-9.38%200-19.94%2010-28.25%2026.67A138.2%20138.2%200%200%200%2032%20149.31c0%2013.2%202.38%2024.12%206.88%2031.58S49.82%20192%2058.56%20192c15.12%200%2030.85-24.54%2044.23-48.55a8%208%200%200%201%2014%207.8C101.46%20178.71%2083.07%20208%2058.56%20208c-14.41%200-26-6.52-33.39-18.85c-6-10-9.17-23.73-9.17-39.84a154.8%20154.8%200%200%201%2015.42-65.77C42.82%2060.62%2057.94%2048%2074%2048c27.94%200%2047.77%2037%2068.78%2076.22C159.79%20156%20179.08%20192%20197.44%20192c8.74%200%2015.18-3.63%2019.68-11.11s6.88-18.38%206.88-31.58a138.2%20138.2%200%200%200-13.74-58.64C202%2074%20191.39%2064%20182%2064c-8.36%200-17.68%207.48-28.51%2022.88a8%208%200%201%201-13.08-9.21c9-12.74%2023-29.67%2041.59-29.67c16.05%200%2031.17%2012.62%2042.57%2035.54A154.8%20154.8%200%200%201%20240%20149.31%22%2F%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m128.49%20114.6l-18.71%2032.75C93.88%20175.86%2077.52%20200%2058.56%20200C-3.16%20200%2027.7%2056%2074%2056c20.25%200%2037.56%2027.58%2054.49%2058.6M182%2056c-12.62%200-24.1%2010.7-35%2026.27l-18.51%2032.33c21.76%2039.86%2042.91%2085.4%2068.95%2085.4C259.16%20200%20228.3%2056%20182%2056%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%20149.31c0%2016.11-3.17%2029.89-9.17%2039.84c-7.43%2012.33-19%2018.85-33.39%2018.85c-27.94%200-47.78-37-68.78-76.22C111.64%20100%2092.35%2064%2074%2064c-9.38%200-19.94%2010-28.25%2026.67A138.2%20138.2%200%200%200%2032%20149.31c0%2013.2%202.38%2024.12%206.88%2031.58S49.82%20192%2058.56%20192c15.12%200%2030.85-24.54%2044.23-48.55a8%208%200%200%201%2014%207.8C101.46%20178.71%2083.07%20208%2058.56%20208c-14.41%200-26-6.52-33.39-18.85c-6-10-9.17-23.73-9.17-39.84a154.8%20154.8%200%200%201%2015.42-65.77C42.82%2060.62%2057.94%2048%2074%2048c27.94%200%2047.77%2037%2068.78%2076.22C159.79%20156%20179.08%20192%20197.44%20192c8.74%200%2015.18-3.63%2019.68-11.11s6.88-18.38%206.88-31.58a138.2%20138.2%200%200%200-13.74-58.64C202%2074%20191.39%2064%20182%2064c-8.36%200-17.68%207.48-28.51%2022.88a8%208%200%201%201-13.08-9.21c9-12.74%2023-29.67%2041.59-29.67c16.05%200%2031.17%2012.62%2042.57%2035.54A154.8%20154.8%200%200%201%20240%20149.31%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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