meta logo icon
meta-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- meta-logo-bold
- Set
- Phosphor
- Style
- Bold
- 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="M244 149.31c0 16.84-3.37 31.33-9.75 41.91c-8.19 13.59-20.92 20.78-36.81 20.78c-30.33 0-50.72-38.05-72.3-78.33C109.46 104.41 90 68 74 68c-7.71 0-17.16 9.37-24.66 24.45A133.8 133.8 0 0 0 36 149.31c0 12.3 2.24 22.78 6.3 29.52c3.77 6.26 8.94 9.17 16.26 9.17c13.75 0 30.63-29 36.18-38.49a12 12 0 0 1 20.74 12.09c-8.91 15.28-16.53 26-24 33.78C80.75 206.56 70 212 58.56 212c-15.89 0-28.62-7.19-36.81-20.78c-6.38-10.58-9.75-25.07-9.75-41.91C12 105.34 35.58 44 74 44c30.33 0 50.72 38.05 72.3 78.33C162 151.59 181.47 188 197.44 188c7.32 0 12.49-2.91 16.26-9.17c4.06-6.74 6.3-17.22 6.3-29.52a133.8 133.8 0 0 0-13.33-56.86C199.17 77.37 189.72 68 182 68c-5.72 0-12.61 5-20.49 14.83a12 12 0 0 1-18.74-15C155.62 51.8 168.45 44 182 44c17.65 0 34 13.41 46.15 37.76A159 159 0 0 1 244 149.31"/></svg>
React
import type { SVGProps } from "react";
export function PhMetaLogoBold(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="M244 149.31c0 16.84-3.37 31.33-9.75 41.91c-8.19 13.59-20.92 20.78-36.81 20.78c-30.33 0-50.72-38.05-72.3-78.33C109.46 104.41 90 68 74 68c-7.71 0-17.16 9.37-24.66 24.45A133.8 133.8 0 0 0 36 149.31c0 12.3 2.24 22.78 6.3 29.52c3.77 6.26 8.94 9.17 16.26 9.17c13.75 0 30.63-29 36.18-38.49a12 12 0 0 1 20.74 12.09c-8.91 15.28-16.53 26-24 33.78C80.75 206.56 70 212 58.56 212c-15.89 0-28.62-7.19-36.81-20.78c-6.38-10.58-9.75-25.07-9.75-41.91C12 105.34 35.58 44 74 44c30.33 0 50.72 38.05 72.3 78.33C162 151.59 181.47 188 197.44 188c7.32 0 12.49-2.91 16.26-9.17c4.06-6.74 6.3-17.22 6.3-29.52a133.8 133.8 0 0 0-13.33-56.86C199.17 77.37 189.72 68 182 68c-5.72 0-12.61 5-20.49 14.83a12 12 0 0 1-18.74-15C155.62 51.8 168.45 44 182 44c17.65 0 34 13.41 46.15 37.76A159 159 0 0 1 244 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="M244 149.31c0 16.84-3.37 31.33-9.75 41.91c-8.19 13.59-20.92 20.78-36.81 20.78c-30.33 0-50.72-38.05-72.3-78.33C109.46 104.41 90 68 74 68c-7.71 0-17.16 9.37-24.66 24.45A133.8 133.8 0 0 0 36 149.31c0 12.3 2.24 22.78 6.3 29.52c3.77 6.26 8.94 9.17 16.26 9.17c13.75 0 30.63-29 36.18-38.49a12 12 0 0 1 20.74 12.09c-8.91 15.28-16.53 26-24 33.78C80.75 206.56 70 212 58.56 212c-15.89 0-28.62-7.19-36.81-20.78c-6.38-10.58-9.75-25.07-9.75-41.91C12 105.34 35.58 44 74 44c30.33 0 50.72 38.05 72.3 78.33C162 151.59 181.47 188 197.44 188c7.32 0 12.49-2.91 16.26-9.17c4.06-6.74 6.3-17.22 6.3-29.52a133.8 133.8 0 0 0-13.33-56.86C199.17 77.37 189.72 68 182 68c-5.72 0-12.61 5-20.49 14.83a12 12 0 0 1-18.74-15C155.62 51.8 168.45 44 182 44c17.65 0 34 13.41 46.15 37.76A159 159 0 0 1 244 149.31"/></svg> </template>
CSS
.icon-meta-logo-bold {
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%22M244%20149.31c0%2016.84-3.37%2031.33-9.75%2041.91c-8.19%2013.59-20.92%2020.78-36.81%2020.78c-30.33%200-50.72-38.05-72.3-78.33C109.46%20104.41%2090%2068%2074%2068c-7.71%200-17.16%209.37-24.66%2024.45A133.8%20133.8%200%200%200%2036%20149.31c0%2012.3%202.24%2022.78%206.3%2029.52c3.77%206.26%208.94%209.17%2016.26%209.17c13.75%200%2030.63-29%2036.18-38.49a12%2012%200%200%201%2020.74%2012.09c-8.91%2015.28-16.53%2026-24%2033.78C80.75%20206.56%2070%20212%2058.56%20212c-15.89%200-28.62-7.19-36.81-20.78c-6.38-10.58-9.75-25.07-9.75-41.91C12%20105.34%2035.58%2044%2074%2044c30.33%200%2050.72%2038.05%2072.3%2078.33C162%20151.59%20181.47%20188%20197.44%20188c7.32%200%2012.49-2.91%2016.26-9.17c4.06-6.74%206.3-17.22%206.3-29.52a133.8%20133.8%200%200%200-13.33-56.86C199.17%2077.37%20189.72%2068%20182%2068c-5.72%200-12.61%205-20.49%2014.83a12%2012%200%200%201-18.74-15C155.62%2051.8%20168.45%2044%20182%2044c17.65%200%2034%2013.41%2046.15%2037.76A159%20159%200%200%201%20244%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%22M244%20149.31c0%2016.84-3.37%2031.33-9.75%2041.91c-8.19%2013.59-20.92%2020.78-36.81%2020.78c-30.33%200-50.72-38.05-72.3-78.33C109.46%20104.41%2090%2068%2074%2068c-7.71%200-17.16%209.37-24.66%2024.45A133.8%20133.8%200%200%200%2036%20149.31c0%2012.3%202.24%2022.78%206.3%2029.52c3.77%206.26%208.94%209.17%2016.26%209.17c13.75%200%2030.63-29%2036.18-38.49a12%2012%200%200%201%2020.74%2012.09c-8.91%2015.28-16.53%2026-24%2033.78C80.75%20206.56%2070%20212%2058.56%20212c-15.89%200-28.62-7.19-36.81-20.78c-6.38-10.58-9.75-25.07-9.75-41.91C12%20105.34%2035.58%2044%2074%2044c30.33%200%2050.72%2038.05%2072.3%2078.33C162%20151.59%20181.47%20188%20197.44%20188c7.32%200%2012.49-2.91%2016.26-9.17c4.06-6.74%206.3-17.22%206.3-29.52a133.8%20133.8%200%200%200-13.33-56.86C199.17%2077.37%20189.72%2068%20182%2068c-5.72%200-12.61%205-20.49%2014.83a12%2012%200%200%201-18.74-15C155.62%2051.8%20168.45%2044%20182%2044c17.65%200%2034%2013.41%2046.15%2037.76A159%20159%200%200%201%20244%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-bold.svg?color=%231a73e8&size=48
