brunch logo

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

Name
brunch
Set
SVG Logos
Style
Color
Viewbox
256×253
License
CC0

Use the brunch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#3f894a" d="M76.273 188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23 23 0 0 0-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236 7.192-62.383 8.747-62.383c1.232 0 1.256 22.257.44 43.18c-.567 14.532 1.583 20.255 5.05 20.255c4.619 0 5.357-14.625 5.834-31.065c.392-13.535 1.575-32.268 2.521-32.37h.004c1.477 0 2.697 18.615 3.093 32.183c.49 16.848 1.656 30.836 5.515 30.836c4.05 0 5.283-6.47 4.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555 0 6.83 16.2 8.102 62.383c.322 11.638-4.993 22.612-11.247 28.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52 4.12-5.654 8.595-5.964 12.683c-.49 6.527-.71 14.89-.685 24.301l35.597 35.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47 10.74-16.892 20.621 8.286s7.123 114.721 7.123 121.09c0 1.35-1.171 2.945-3.093 4.515c-.766.498-1.435 1-2.08 1.514c-5.92 4.748-6.764 10.223-7.074 15.13c-.738 11.88-1.334 27.903-1.489 44.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608 11.978-48.96 26.753-48.96s26.757 27.348 26.757 48.96c0 13.308-4.495 25.114-11.487 32.13c-3.603 3.615-9.824 7.73-10.713 12.757c-.314 1.778-.726 3.46-.828 5.115a259 259 0 0 0-.371 8.685L256 128L128 0L0 128l76.91 76.91c-.086-6.091-.294-11.574-.637-16.143"/></svg>

React

import type { SVGProps } from "react";

export function LogosBrunch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#3f894a" d="M76.273 188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23 23 0 0 0-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236 7.192-62.383 8.747-62.383c1.232 0 1.256 22.257.44 43.18c-.567 14.532 1.583 20.255 5.05 20.255c4.619 0 5.357-14.625 5.834-31.065c.392-13.535 1.575-32.268 2.521-32.37h.004c1.477 0 2.697 18.615 3.093 32.183c.49 16.848 1.656 30.836 5.515 30.836c4.05 0 5.283-6.47 4.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555 0 6.83 16.2 8.102 62.383c.322 11.638-4.993 22.612-11.247 28.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52 4.12-5.654 8.595-5.964 12.683c-.49 6.527-.71 14.89-.685 24.301l35.597 35.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47 10.74-16.892 20.621 8.286s7.123 114.721 7.123 121.09c0 1.35-1.171 2.945-3.093 4.515c-.766.498-1.435 1-2.08 1.514c-5.92 4.748-6.764 10.223-7.074 15.13c-.738 11.88-1.334 27.903-1.489 44.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608 11.978-48.96 26.753-48.96s26.757 27.348 26.757 48.96c0 13.308-4.495 25.114-11.487 32.13c-3.603 3.615-9.824 7.73-10.713 12.757c-.314 1.778-.726 3.46-.828 5.115a259 259 0 0 0-.371 8.685L256 128L128 0L0 128l76.91 76.91c-.086-6.091-.294-11.574-.637-16.143"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#3f894a" d="M76.273 188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23 23 0 0 0-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236 7.192-62.383 8.747-62.383c1.232 0 1.256 22.257.44 43.18c-.567 14.532 1.583 20.255 5.05 20.255c4.619 0 5.357-14.625 5.834-31.065c.392-13.535 1.575-32.268 2.521-32.37h.004c1.477 0 2.697 18.615 3.093 32.183c.49 16.848 1.656 30.836 5.515 30.836c4.05 0 5.283-6.47 4.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555 0 6.83 16.2 8.102 62.383c.322 11.638-4.993 22.612-11.247 28.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52 4.12-5.654 8.595-5.964 12.683c-.49 6.527-.71 14.89-.685 24.301l35.597 35.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47 10.74-16.892 20.621 8.286s7.123 114.721 7.123 121.09c0 1.35-1.171 2.945-3.093 4.515c-.766.498-1.435 1-2.08 1.514c-5.92 4.748-6.764 10.223-7.074 15.13c-.738 11.88-1.334 27.903-1.489 44.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608 11.978-48.96 26.753-48.96s26.757 27.348 26.757 48.96c0 13.308-4.495 25.114-11.487 32.13c-3.603 3.615-9.824 7.73-10.713 12.757c-.314 1.778-.726 3.46-.828 5.115a259 259 0 0 0-.371 8.685L256 128L128 0L0 128l76.91 76.91c-.086-6.091-.294-11.574-.637-16.143"/></svg>
</template>

CSS

.icon-brunch {
  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%20253%22%3E%3Cpath%20fill%3D%22%233f894a%22%20d%3D%22M76.273%20188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23%2023%200%200%200-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236%207.192-62.383%208.747-62.383c1.232%200%201.256%2022.257.44%2043.18c-.567%2014.532%201.583%2020.255%205.05%2020.255c4.619%200%205.357-14.625%205.834-31.065c.392-13.535%201.575-32.268%202.521-32.37h.004c1.477%200%202.697%2018.615%203.093%2032.183c.49%2016.848%201.656%2030.836%205.515%2030.836c4.05%200%205.283-6.47%204.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555%200%206.83%2016.2%208.102%2062.383c.322%2011.638-4.993%2022.612-11.247%2028.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52%204.12-5.654%208.595-5.964%2012.683c-.49%206.527-.71%2014.89-.685%2024.301l35.597%2035.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47%2010.74-16.892%2020.621%208.286s7.123%20114.721%207.123%20121.09c0%201.35-1.171%202.945-3.093%204.515c-.766.498-1.435%201-2.08%201.514c-5.92%204.748-6.764%2010.223-7.074%2015.13c-.738%2011.88-1.334%2027.903-1.489%2044.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608%2011.978-48.96%2026.753-48.96s26.757%2027.348%2026.757%2048.96c0%2013.308-4.495%2025.114-11.487%2032.13c-3.603%203.615-9.824%207.73-10.713%2012.757c-.314%201.778-.726%203.46-.828%205.115a259%20259%200%200%200-.371%208.685L256%20128L128%200L0%20128l76.91%2076.91c-.086-6.091-.294-11.574-.637-16.143%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%20253%22%3E%3Cpath%20fill%3D%22%233f894a%22%20d%3D%22M76.273%20188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23%2023%200%200%200-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236%207.192-62.383%208.747-62.383c1.232%200%201.256%2022.257.44%2043.18c-.567%2014.532%201.583%2020.255%205.05%2020.255c4.619%200%205.357-14.625%205.834-31.065c.392-13.535%201.575-32.268%202.521-32.37h.004c1.477%200%202.697%2018.615%203.093%2032.183c.49%2016.848%201.656%2030.836%205.515%2030.836c4.05%200%205.283-6.47%204.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555%200%206.83%2016.2%208.102%2062.383c.322%2011.638-4.993%2022.612-11.247%2028.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52%204.12-5.654%208.595-5.964%2012.683c-.49%206.527-.71%2014.89-.685%2024.301l35.597%2035.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47%2010.74-16.892%2020.621%208.286s7.123%20114.721%207.123%20121.09c0%201.35-1.171%202.945-3.093%204.515c-.766.498-1.435%201-2.08%201.514c-5.92%204.748-6.764%2010.223-7.074%2015.13c-.738%2011.88-1.334%2027.903-1.489%2044.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608%2011.978-48.96%2026.753-48.96s26.757%2027.348%2026.757%2048.96c0%2013.308-4.495%2025.114-11.487%2032.13c-3.603%203.615-9.824%207.73-10.713%2012.757c-.314%201.778-.726%203.46-.828%205.115a259%20259%200%200%200-.371%208.685L256%20128L128%200L0%20128l76.91%2076.91c-.086-6.091-.294-11.574-.637-16.143%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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