meta icon logo

meta-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
meta-icon
Set
SVG Logos
Style
Color
Viewbox
256×171
License
CC0

Use the meta icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 171"><defs><linearGradient id="SVGYeLhubCc" x1="13.878%" x2="89.144%" y1="55.934%" y2="58.694%"><stop offset="0%" stop-color="#0064e1"/><stop offset="40%" stop-color="#0064e1"/><stop offset="83%" stop-color="#0073ee"/><stop offset="100%" stop-color="#0082fb"/></linearGradient><linearGradient id="SVGll66Sdsg" x1="54.315%" x2="54.315%" y1="82.782%" y2="39.307%"><stop offset="0%" stop-color="#0082fb"/><stop offset="100%" stop-color="#0064e0"/></linearGradient></defs><path fill="#0081fb" d="M27.651 112.136c0 9.775 2.146 17.28 4.95 21.82c3.677 5.947 9.16 8.466 14.751 8.466c7.211 0 13.808-1.79 26.52-19.372c10.185-14.092 22.186-33.874 30.26-46.275l13.675-21.01c9.499-14.591 20.493-30.811 33.1-41.806C161.196 4.985 172.298 0 183.47 0c18.758 0 36.625 10.87 50.3 31.257C248.735 53.584 256 81.707 256 110.729c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363v-27.616c15.695 0 19.612-14.422 19.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22 0-23.859 9.97-35.815 27.75c-6.356 9.445-12.882 20.956-20.208 33.944l-8.066 14.289c-16.203 28.728-20.307 35.271-28.408 46.07c-14.2 18.91-26.324 26.076-42.287 26.076c-18.935 0-30.91-8.2-38.325-20.556C2.973 139.413 0 126.202 0 111.148z"/><path fill="url(#SVGYeLhubCc)" d="M21.802 33.206C34.48 13.666 52.774 0 73.757 0C85.91 0 97.99 3.597 110.605 13.897c13.798 11.261 28.505 29.805 46.853 60.368l6.58 10.967c15.881 26.459 24.917 40.07 30.205 46.49c6.802 8.243 11.565 10.7 17.752 10.7c15.695 0 19.612-14.422 19.612-30.927l24.393-.766c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363c-11.395 0-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528 64.08 107.96 49.73 101.845 43.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923 0-20.2 7.666-27.963 19.39z"/><path fill="url(#SVGll66Sdsg)" d="M73.312 27.802c-10.923 0-20.2 7.666-27.963 19.39c-10.976 16.568-17.698 41.245-17.698 64.944c0 9.775 2.146 17.28 4.95 21.82L9.027 149.482C2.973 139.413 0 126.202 0 111.148C0 83.772 7.514 55.24 21.802 33.206C34.48 13.666 52.774 0 73.757 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMetaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 171"><defs><linearGradient id="SVGYeLhubCc" x1="13.878%" x2="89.144%" y1="55.934%" y2="58.694%"><stop offset="0%" stopColor="#0064e1"/><stop offset="40%" stopColor="#0064e1"/><stop offset="83%" stopColor="#0073ee"/><stop offset="100%" stopColor="#0082fb"/></linearGradient><linearGradient id="SVGll66Sdsg" x1="54.315%" x2="54.315%" y1="82.782%" y2="39.307%"><stop offset="0%" stopColor="#0082fb"/><stop offset="100%" stopColor="#0064e0"/></linearGradient></defs><path fill="#0081fb" d="M27.651 112.136c0 9.775 2.146 17.28 4.95 21.82c3.677 5.947 9.16 8.466 14.751 8.466c7.211 0 13.808-1.79 26.52-19.372c10.185-14.092 22.186-33.874 30.26-46.275l13.675-21.01c9.499-14.591 20.493-30.811 33.1-41.806C161.196 4.985 172.298 0 183.47 0c18.758 0 36.625 10.87 50.3 31.257C248.735 53.584 256 81.707 256 110.729c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363v-27.616c15.695 0 19.612-14.422 19.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22 0-23.859 9.97-35.815 27.75c-6.356 9.445-12.882 20.956-20.208 33.944l-8.066 14.289c-16.203 28.728-20.307 35.271-28.408 46.07c-14.2 18.91-26.324 26.076-42.287 26.076c-18.935 0-30.91-8.2-38.325-20.556C2.973 139.413 0 126.202 0 111.148z"/><path fill="url(#SVGYeLhubCc)" d="M21.802 33.206C34.48 13.666 52.774 0 73.757 0C85.91 0 97.99 3.597 110.605 13.897c13.798 11.261 28.505 29.805 46.853 60.368l6.58 10.967c15.881 26.459 24.917 40.07 30.205 46.49c6.802 8.243 11.565 10.7 17.752 10.7c15.695 0 19.612-14.422 19.612-30.927l24.393-.766c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363c-11.395 0-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528 64.08 107.96 49.73 101.845 43.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923 0-20.2 7.666-27.963 19.39z"/><path fill="url(#SVGll66Sdsg)" d="M73.312 27.802c-10.923 0-20.2 7.666-27.963 19.39c-10.976 16.568-17.698 41.245-17.698 64.944c0 9.775 2.146 17.28 4.95 21.82L9.027 149.482C2.973 139.413 0 126.202 0 111.148C0 83.772 7.514 55.24 21.802 33.206C34.48 13.666 52.774 0 73.757 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 171"><defs><linearGradient id="SVGYeLhubCc" x1="13.878%" x2="89.144%" y1="55.934%" y2="58.694%"><stop offset="0%" stop-color="#0064e1"/><stop offset="40%" stop-color="#0064e1"/><stop offset="83%" stop-color="#0073ee"/><stop offset="100%" stop-color="#0082fb"/></linearGradient><linearGradient id="SVGll66Sdsg" x1="54.315%" x2="54.315%" y1="82.782%" y2="39.307%"><stop offset="0%" stop-color="#0082fb"/><stop offset="100%" stop-color="#0064e0"/></linearGradient></defs><path fill="#0081fb" d="M27.651 112.136c0 9.775 2.146 17.28 4.95 21.82c3.677 5.947 9.16 8.466 14.751 8.466c7.211 0 13.808-1.79 26.52-19.372c10.185-14.092 22.186-33.874 30.26-46.275l13.675-21.01c9.499-14.591 20.493-30.811 33.1-41.806C161.196 4.985 172.298 0 183.47 0c18.758 0 36.625 10.87 50.3 31.257C248.735 53.584 256 81.707 256 110.729c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363v-27.616c15.695 0 19.612-14.422 19.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22 0-23.859 9.97-35.815 27.75c-6.356 9.445-12.882 20.956-20.208 33.944l-8.066 14.289c-16.203 28.728-20.307 35.271-28.408 46.07c-14.2 18.91-26.324 26.076-42.287 26.076c-18.935 0-30.91-8.2-38.325-20.556C2.973 139.413 0 126.202 0 111.148z"/><path fill="url(#SVGYeLhubCc)" d="M21.802 33.206C34.48 13.666 52.774 0 73.757 0C85.91 0 97.99 3.597 110.605 13.897c13.798 11.261 28.505 29.805 46.853 60.368l6.58 10.967c15.881 26.459 24.917 40.07 30.205 46.49c6.802 8.243 11.565 10.7 17.752 10.7c15.695 0 19.612-14.422 19.612-30.927l24.393-.766c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363c-11.395 0-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528 64.08 107.96 49.73 101.845 43.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923 0-20.2 7.666-27.963 19.39z"/><path fill="url(#SVGll66Sdsg)" d="M73.312 27.802c-10.923 0-20.2 7.666-27.963 19.39c-10.976 16.568-17.698 41.245-17.698 64.944c0 9.775 2.146 17.28 4.95 21.82L9.027 149.482C2.973 139.413 0 126.202 0 111.148C0 83.772 7.514 55.24 21.802 33.206C34.48 13.666 52.774 0 73.757 0z"/></svg>
</template>

CSS

.icon-meta-icon {
  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%20171%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGYeLhubCc%22%20x1%3D%2213.878%25%22%20x2%3D%2289.144%25%22%20y1%3D%2255.934%25%22%20y2%3D%2258.694%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230064e1%22%2F%3E%3Cstop%20offset%3D%2240%25%22%20stop-color%3D%22%230064e1%22%2F%3E%3Cstop%20offset%3D%2283%25%22%20stop-color%3D%22%230073ee%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230082fb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGll66Sdsg%22%20x1%3D%2254.315%25%22%20x2%3D%2254.315%25%22%20y1%3D%2282.782%25%22%20y2%3D%2239.307%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230082fb%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230064e0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230081fb%22%20d%3D%22M27.651%20112.136c0%209.775%202.146%2017.28%204.95%2021.82c3.677%205.947%209.16%208.466%2014.751%208.466c7.211%200%2013.808-1.79%2026.52-19.372c10.185-14.092%2022.186-33.874%2030.26-46.275l13.675-21.01c9.499-14.591%2020.493-30.811%2033.1-41.806C161.196%204.985%20172.298%200%20183.47%200c18.758%200%2036.625%2010.87%2050.3%2031.257C248.735%2053.584%20256%2081.707%20256%20110.729c0%2017.253-3.4%2029.93-9.187%2039.946c-5.591%209.686-16.488%2019.363-34.818%2019.363v-27.616c15.695%200%2019.612-14.422%2019.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22%200-23.859%209.97-35.815%2027.75c-6.356%209.445-12.882%2020.956-20.208%2033.944l-8.066%2014.289c-16.203%2028.728-20.307%2035.271-28.408%2046.07c-14.2%2018.91-26.324%2026.076-42.287%2026.076c-18.935%200-30.91-8.2-38.325-20.556C2.973%20139.413%200%20126.202%200%20111.148z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYeLhubCc)%22%20d%3D%22M21.802%2033.206C34.48%2013.666%2052.774%200%2073.757%200C85.91%200%2097.99%203.597%20110.605%2013.897c13.798%2011.261%2028.505%2029.805%2046.853%2060.368l6.58%2010.967c15.881%2026.459%2024.917%2040.07%2030.205%2046.49c6.802%208.243%2011.565%2010.7%2017.752%2010.7c15.695%200%2019.612-14.422%2019.612-30.927l24.393-.766c0%2017.253-3.4%2029.93-9.187%2039.946c-5.591%209.686-16.488%2019.363-34.818%2019.363c-11.395%200-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528%2064.08%20107.96%2049.73%20101.845%2043.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923%200-20.2%207.666-27.963%2019.39z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGll66Sdsg)%22%20d%3D%22M73.312%2027.802c-10.923%200-20.2%207.666-27.963%2019.39c-10.976%2016.568-17.698%2041.245-17.698%2064.944c0%209.775%202.146%2017.28%204.95%2021.82L9.027%20149.482C2.973%20139.413%200%20126.202%200%20111.148C0%2083.772%207.514%2055.24%2021.802%2033.206C34.48%2013.666%2052.774%200%2073.757%200z%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%20171%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGYeLhubCc%22%20x1%3D%2213.878%25%22%20x2%3D%2289.144%25%22%20y1%3D%2255.934%25%22%20y2%3D%2258.694%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230064e1%22%2F%3E%3Cstop%20offset%3D%2240%25%22%20stop-color%3D%22%230064e1%22%2F%3E%3Cstop%20offset%3D%2283%25%22%20stop-color%3D%22%230073ee%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230082fb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGll66Sdsg%22%20x1%3D%2254.315%25%22%20x2%3D%2254.315%25%22%20y1%3D%2282.782%25%22%20y2%3D%2239.307%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230082fb%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230064e0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230081fb%22%20d%3D%22M27.651%20112.136c0%209.775%202.146%2017.28%204.95%2021.82c3.677%205.947%209.16%208.466%2014.751%208.466c7.211%200%2013.808-1.79%2026.52-19.372c10.185-14.092%2022.186-33.874%2030.26-46.275l13.675-21.01c9.499-14.591%2020.493-30.811%2033.1-41.806C161.196%204.985%20172.298%200%20183.47%200c18.758%200%2036.625%2010.87%2050.3%2031.257C248.735%2053.584%20256%2081.707%20256%20110.729c0%2017.253-3.4%2029.93-9.187%2039.946c-5.591%209.686-16.488%2019.363-34.818%2019.363v-27.616c15.695%200%2019.612-14.422%2019.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22%200-23.859%209.97-35.815%2027.75c-6.356%209.445-12.882%2020.956-20.208%2033.944l-8.066%2014.289c-16.203%2028.728-20.307%2035.271-28.408%2046.07c-14.2%2018.91-26.324%2026.076-42.287%2026.076c-18.935%200-30.91-8.2-38.325-20.556C2.973%20139.413%200%20126.202%200%20111.148z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYeLhubCc)%22%20d%3D%22M21.802%2033.206C34.48%2013.666%2052.774%200%2073.757%200C85.91%200%2097.99%203.597%20110.605%2013.897c13.798%2011.261%2028.505%2029.805%2046.853%2060.368l6.58%2010.967c15.881%2026.459%2024.917%2040.07%2030.205%2046.49c6.802%208.243%2011.565%2010.7%2017.752%2010.7c15.695%200%2019.612-14.422%2019.612-30.927l24.393-.766c0%2017.253-3.4%2029.93-9.187%2039.946c-5.591%209.686-16.488%2019.363-34.818%2019.363c-11.395%200-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528%2064.08%20107.96%2049.73%20101.845%2043.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923%200-20.2%207.666-27.963%2019.39z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGll66Sdsg)%22%20d%3D%22M73.312%2027.802c-10.923%200-20.2%207.666-27.963%2019.39c-10.976%2016.568-17.698%2041.245-17.698%2064.944c0%209.775%202.146%2017.28%204.95%2021.82L9.027%20149.482C2.973%20139.413%200%20126.202%200%20111.148C0%2083.772%207.514%2055.24%2021.802%2033.206C34.48%2013.666%2052.774%200%2073.757%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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