meta logo icon
meta-logo from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- meta-logo
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the meta logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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"/></svg>
React
import type { SVGProps } from "react";
export function PhMetaLogo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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"/></svg> </template>
CSS
.icon-meta-logo {
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%3Cpath%20fill%3D%22currentColor%22%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%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%3Cpath%20fill%3D%22currentColor%22%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%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/meta-logo.svg?color=%231a73e8&size=48
