meta logo icon
meta-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- meta-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M238 149.31c0 15.75-3.07 29.17-8.88 38.81c-7.05 11.7-18 17.88-31.68 17.88c-26.74 0-46.3-36.51-67-75.17C113.14 98.57 93.55 62 74 62c-23.28 0-44 48.83-44 87.31c0 13.57 2.48 24.84 7.16 32.62c4.9 8.12 11.9 12.07 21.4 12.07c16.16 0 32.31-25.06 46-49.57a6 6 0 0 1 10.44 5.84C100 177.23 82 206 58.56 206c-13.67 0-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18 108.82 39.81 50 74 50c26.74 0 46.3 36.51 67 75.17c17.29 32.26 36.88 68.83 56.44 68.83c9.5 0 16.5-3.95 21.4-12.07c4.68-7.78 7.16-19.05 7.16-32.62C226 110.83 205.29 62 182 62c-9 0-18.91 7.76-30.14 23.73a6 6 0 0 1-9.82-6.91C150.75 66.45 164.37 50 182 50c34.19 0 56 58.82 56 99.31"/></svg>
React
import type { SVGProps } from "react";
export function PhMetaLogoLight(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="M238 149.31c0 15.75-3.07 29.17-8.88 38.81c-7.05 11.7-18 17.88-31.68 17.88c-26.74 0-46.3-36.51-67-75.17C113.14 98.57 93.55 62 74 62c-23.28 0-44 48.83-44 87.31c0 13.57 2.48 24.84 7.16 32.62c4.9 8.12 11.9 12.07 21.4 12.07c16.16 0 32.31-25.06 46-49.57a6 6 0 0 1 10.44 5.84C100 177.23 82 206 58.56 206c-13.67 0-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18 108.82 39.81 50 74 50c26.74 0 46.3 36.51 67 75.17c17.29 32.26 36.88 68.83 56.44 68.83c9.5 0 16.5-3.95 21.4-12.07c4.68-7.78 7.16-19.05 7.16-32.62C226 110.83 205.29 62 182 62c-9 0-18.91 7.76-30.14 23.73a6 6 0 0 1-9.82-6.91C150.75 66.45 164.37 50 182 50c34.19 0 56 58.82 56 99.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="M238 149.31c0 15.75-3.07 29.17-8.88 38.81c-7.05 11.7-18 17.88-31.68 17.88c-26.74 0-46.3-36.51-67-75.17C113.14 98.57 93.55 62 74 62c-23.28 0-44 48.83-44 87.31c0 13.57 2.48 24.84 7.16 32.62c4.9 8.12 11.9 12.07 21.4 12.07c16.16 0 32.31-25.06 46-49.57a6 6 0 0 1 10.44 5.84C100 177.23 82 206 58.56 206c-13.67 0-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18 108.82 39.81 50 74 50c26.74 0 46.3 36.51 67 75.17c17.29 32.26 36.88 68.83 56.44 68.83c9.5 0 16.5-3.95 21.4-12.07c4.68-7.78 7.16-19.05 7.16-32.62C226 110.83 205.29 62 182 62c-9 0-18.91 7.76-30.14 23.73a6 6 0 0 1-9.82-6.91C150.75 66.45 164.37 50 182 50c34.19 0 56 58.82 56 99.31"/></svg> </template>
CSS
.icon-meta-logo-light {
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%22M238%20149.31c0%2015.75-3.07%2029.17-8.88%2038.81c-7.05%2011.7-18%2017.88-31.68%2017.88c-26.74%200-46.3-36.51-67-75.17C113.14%2098.57%2093.55%2062%2074%2062c-23.28%200-44%2048.83-44%2087.31c0%2013.57%202.48%2024.84%207.16%2032.62c4.9%208.12%2011.9%2012.07%2021.4%2012.07c16.16%200%2032.31-25.06%2046-49.57a6%206%200%200%201%2010.44%205.84C100%20177.23%2082%20206%2058.56%20206c-13.67%200-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18%20108.82%2039.81%2050%2074%2050c26.74%200%2046.3%2036.51%2067%2075.17c17.29%2032.26%2036.88%2068.83%2056.44%2068.83c9.5%200%2016.5-3.95%2021.4-12.07c4.68-7.78%207.16-19.05%207.16-32.62C226%20110.83%20205.29%2062%20182%2062c-9%200-18.91%207.76-30.14%2023.73a6%206%200%200%201-9.82-6.91C150.75%2066.45%20164.37%2050%20182%2050c34.19%200%2056%2058.82%2056%2099.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%22M238%20149.31c0%2015.75-3.07%2029.17-8.88%2038.81c-7.05%2011.7-18%2017.88-31.68%2017.88c-26.74%200-46.3-36.51-67-75.17C113.14%2098.57%2093.55%2062%2074%2062c-23.28%200-44%2048.83-44%2087.31c0%2013.57%202.48%2024.84%207.16%2032.62c4.9%208.12%2011.9%2012.07%2021.4%2012.07c16.16%200%2032.31-25.06%2046-49.57a6%206%200%200%201%2010.44%205.84C100%20177.23%2082%20206%2058.56%20206c-13.67%200-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18%20108.82%2039.81%2050%2074%2050c26.74%200%2046.3%2036.51%2067%2075.17c17.29%2032.26%2036.88%2068.83%2056.44%2068.83c9.5%200%2016.5-3.95%2021.4-12.07c4.68-7.78%207.16-19.05%207.16-32.62C226%20110.83%20205.29%2062%20182%2062c-9%200-18.91%207.76-30.14%2023.73a6%206%200%200%201-9.82-6.91C150.75%2066.45%20164.37%2050%20182%2050c34.19%200%2056%2058.82%2056%2099.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-light.svg?color=%231a73e8&size=48
