md beer icon

md-beer from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
md-beer
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back

Use the md beer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 140h-16v-6c8.9-9 16-22.9 16-38 0-35.3-28.7-64-64-64-16.3 0-31.1 6.1-42.4 16.1C297.2 38 281.4 32 264.2 32c-15.8 0-30.4 5.1-42.3 13.7C212 37.2 199 32 184.9 32c-17.1 0-32.4 7.6-42.8 19.5-11.7-12-28-19.5-46.1-19.5-35.3 0-64 28.7-64 64 0 16.2 6.1 31 16 42.3V193c0 26.5 21.5 48 48 48v174.5c0 35.3 28.8 64.5 64.2 64.5H336c35.3 0 64.1-29.2 64.1-64.5V372h16c50 0 64-32.7 64-68v-96c-.1-35.3-17.1-68-64.1-68zm-64 52H144v-53.7c.3-.4.7-.8 1-1.2 1.2-1.5 2.4-3 3.5-4.6 1.5 1.2 3 2.4 4.6 3.4 9.1 6.1 20 9.7 31.7 9.7 6.4 0 12.6-1.1 18.3-3 12.8 20.2 35.3 33.7 61 33.7 22 0 41.7-9.9 54.9-25.4 5.7-6.7 10.2-14.4 13.1-22.9H352v64zM96 128.1v75c-9 0-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7 0-17.6 14.4-32 32-32 11.8 0 23.3 7.7 30.1 15.4s26.7 7.7 33.9 0c6.8-7.3 14.3-15.4 24.8-15.4 6 0 11.6 2.2 15.9 5.8 1.9 1.6 3.6 3.5 4.9 5.6 1.1 1.8 2 4.2 3.1 5.8 2.7 3.4 6.5 5.5 11.2 5.5 4.4 0 8.3-1.9 11-5 .6-.7 1.2-1.5 1.7-2.3 2-2.5 4.2-4.8 6.7-6.8 6.8-5.4 15.5-8.6 24.8-8.6 10.6 0 20.2 4.1 27.4 10.9 1.7 1.6 6.7 4.5 13.2 5.1 4.5.4 6.1.3 8.2 0 10.3-1.3 14.4-4.7 16.4-6.6 5.8-5.8 13.8-9.4 22.6-9.4 17.6 0 32 14.4 32 32 .2 3.1-.3 6.2-1.2 9.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7 8.2c0 8.9-2.9 17.1-7.8 23.7-7.3 9.9-19.1 16.4-32.4 16.4-14.9 0-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9 0-7.5 1.5-10.2 4l-.1.1c-2.4 2.1-5.3 3.7-8.4 4.7-2.4.8-5 1.2-7.7 1.2-7.5 0-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6 1.3-12.2 11.7-12.2 11.7-1.1 2.1-2.4 4-3.9 5.8-6 6.7-15.2 11-24.2 11zM432 304c0 17.7-6.3 24-24 24h-8V184h8c17.7 0 24 6.3 24 24v96z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonMdBeer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 140h-16v-6c8.9-9 16-22.9 16-38 0-35.3-28.7-64-64-64-16.3 0-31.1 6.1-42.4 16.1C297.2 38 281.4 32 264.2 32c-15.8 0-30.4 5.1-42.3 13.7C212 37.2 199 32 184.9 32c-17.1 0-32.4 7.6-42.8 19.5-11.7-12-28-19.5-46.1-19.5-35.3 0-64 28.7-64 64 0 16.2 6.1 31 16 42.3V193c0 26.5 21.5 48 48 48v174.5c0 35.3 28.8 64.5 64.2 64.5H336c35.3 0 64.1-29.2 64.1-64.5V372h16c50 0 64-32.7 64-68v-96c-.1-35.3-17.1-68-64.1-68zm-64 52H144v-53.7c.3-.4.7-.8 1-1.2 1.2-1.5 2.4-3 3.5-4.6 1.5 1.2 3 2.4 4.6 3.4 9.1 6.1 20 9.7 31.7 9.7 6.4 0 12.6-1.1 18.3-3 12.8 20.2 35.3 33.7 61 33.7 22 0 41.7-9.9 54.9-25.4 5.7-6.7 10.2-14.4 13.1-22.9H352v64zM96 128.1v75c-9 0-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7 0-17.6 14.4-32 32-32 11.8 0 23.3 7.7 30.1 15.4s26.7 7.7 33.9 0c6.8-7.3 14.3-15.4 24.8-15.4 6 0 11.6 2.2 15.9 5.8 1.9 1.6 3.6 3.5 4.9 5.6 1.1 1.8 2 4.2 3.1 5.8 2.7 3.4 6.5 5.5 11.2 5.5 4.4 0 8.3-1.9 11-5 .6-.7 1.2-1.5 1.7-2.3 2-2.5 4.2-4.8 6.7-6.8 6.8-5.4 15.5-8.6 24.8-8.6 10.6 0 20.2 4.1 27.4 10.9 1.7 1.6 6.7 4.5 13.2 5.1 4.5.4 6.1.3 8.2 0 10.3-1.3 14.4-4.7 16.4-6.6 5.8-5.8 13.8-9.4 22.6-9.4 17.6 0 32 14.4 32 32 .2 3.1-.3 6.2-1.2 9.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7 8.2c0 8.9-2.9 17.1-7.8 23.7-7.3 9.9-19.1 16.4-32.4 16.4-14.9 0-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9 0-7.5 1.5-10.2 4l-.1.1c-2.4 2.1-5.3 3.7-8.4 4.7-2.4.8-5 1.2-7.7 1.2-7.5 0-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6 1.3-12.2 11.7-12.2 11.7-1.1 2.1-2.4 4-3.9 5.8-6 6.7-15.2 11-24.2 11zM432 304c0 17.7-6.3 24-24 24h-8V184h8c17.7 0 24 6.3 24 24v96z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 140h-16v-6c8.9-9 16-22.9 16-38 0-35.3-28.7-64-64-64-16.3 0-31.1 6.1-42.4 16.1C297.2 38 281.4 32 264.2 32c-15.8 0-30.4 5.1-42.3 13.7C212 37.2 199 32 184.9 32c-17.1 0-32.4 7.6-42.8 19.5-11.7-12-28-19.5-46.1-19.5-35.3 0-64 28.7-64 64 0 16.2 6.1 31 16 42.3V193c0 26.5 21.5 48 48 48v174.5c0 35.3 28.8 64.5 64.2 64.5H336c35.3 0 64.1-29.2 64.1-64.5V372h16c50 0 64-32.7 64-68v-96c-.1-35.3-17.1-68-64.1-68zm-64 52H144v-53.7c.3-.4.7-.8 1-1.2 1.2-1.5 2.4-3 3.5-4.6 1.5 1.2 3 2.4 4.6 3.4 9.1 6.1 20 9.7 31.7 9.7 6.4 0 12.6-1.1 18.3-3 12.8 20.2 35.3 33.7 61 33.7 22 0 41.7-9.9 54.9-25.4 5.7-6.7 10.2-14.4 13.1-22.9H352v64zM96 128.1v75c-9 0-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7 0-17.6 14.4-32 32-32 11.8 0 23.3 7.7 30.1 15.4s26.7 7.7 33.9 0c6.8-7.3 14.3-15.4 24.8-15.4 6 0 11.6 2.2 15.9 5.8 1.9 1.6 3.6 3.5 4.9 5.6 1.1 1.8 2 4.2 3.1 5.8 2.7 3.4 6.5 5.5 11.2 5.5 4.4 0 8.3-1.9 11-5 .6-.7 1.2-1.5 1.7-2.3 2-2.5 4.2-4.8 6.7-6.8 6.8-5.4 15.5-8.6 24.8-8.6 10.6 0 20.2 4.1 27.4 10.9 1.7 1.6 6.7 4.5 13.2 5.1 4.5.4 6.1.3 8.2 0 10.3-1.3 14.4-4.7 16.4-6.6 5.8-5.8 13.8-9.4 22.6-9.4 17.6 0 32 14.4 32 32 .2 3.1-.3 6.2-1.2 9.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7 8.2c0 8.9-2.9 17.1-7.8 23.7-7.3 9.9-19.1 16.4-32.4 16.4-14.9 0-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9 0-7.5 1.5-10.2 4l-.1.1c-2.4 2.1-5.3 3.7-8.4 4.7-2.4.8-5 1.2-7.7 1.2-7.5 0-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6 1.3-12.2 11.7-12.2 11.7-1.1 2.1-2.4 4-3.9 5.8-6 6.7-15.2 11-24.2 11zM432 304c0 17.7-6.3 24-24 24h-8V184h8c17.7 0 24 6.3 24 24v96z" fill="currentColor"/></svg>
</template>

CSS

.icon-md-beer {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M416%20140h-16v-6c8.9-9%2016-22.9%2016-38%200-35.3-28.7-64-64-64-16.3%200-31.1%206.1-42.4%2016.1C297.2%2038%20281.4%2032%20264.2%2032c-15.8%200-30.4%205.1-42.3%2013.7C212%2037.2%20199%2032%20184.9%2032c-17.1%200-32.4%207.6-42.8%2019.5-11.7-12-28-19.5-46.1-19.5-35.3%200-64%2028.7-64%2064%200%2016.2%206.1%2031%2016%2042.3V193c0%2026.5%2021.5%2048%2048%2048v174.5c0%2035.3%2028.8%2064.5%2064.2%2064.5H336c35.3%200%2064.1-29.2%2064.1-64.5V372h16c50%200%2064-32.7%2064-68v-96c-.1-35.3-17.1-68-64.1-68zm-64%2052H144v-53.7c.3-.4.7-.8%201-1.2%201.2-1.5%202.4-3%203.5-4.6%201.5%201.2%203%202.4%204.6%203.4%209.1%206.1%2020%209.7%2031.7%209.7%206.4%200%2012.6-1.1%2018.3-3%2012.8%2020.2%2035.3%2033.7%2061%2033.7%2022%200%2041.7-9.9%2054.9-25.4%205.7-6.7%2010.2-14.4%2013.1-22.9H352v64zM96%20128.1v75c-9%200-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7%200-17.6%2014.4-32%2032-32%2011.8%200%2023.3%207.7%2030.1%2015.4s26.7%207.7%2033.9%200c6.8-7.3%2014.3-15.4%2024.8-15.4%206%200%2011.6%202.2%2015.9%205.8%201.9%201.6%203.6%203.5%204.9%205.6%201.1%201.8%202%204.2%203.1%205.8%202.7%203.4%206.5%205.5%2011.2%205.5%204.4%200%208.3-1.9%2011-5%20.6-.7%201.2-1.5%201.7-2.3%202-2.5%204.2-4.8%206.7-6.8%206.8-5.4%2015.5-8.6%2024.8-8.6%2010.6%200%2020.2%204.1%2027.4%2010.9%201.7%201.6%206.7%204.5%2013.2%205.1%204.5.4%206.1.3%208.2%200%2010.3-1.3%2014.4-4.7%2016.4-6.6%205.8-5.8%2013.8-9.4%2022.6-9.4%2017.6%200%2032%2014.4%2032%2032%20.2%203.1-.3%206.2-1.2%209.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7%208.2c0%208.9-2.9%2017.1-7.8%2023.7-7.3%209.9-19.1%2016.4-32.4%2016.4-14.9%200-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9%200-7.5%201.5-10.2%204l-.1.1c-2.4%202.1-5.3%203.7-8.4%204.7-2.4.8-5%201.2-7.7%201.2-7.5%200-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6%201.3-12.2%2011.7-12.2%2011.7-1.1%202.1-2.4%204-3.9%205.8-6%206.7-15.2%2011-24.2%2011zM432%20304c0%2017.7-6.3%2024-24%2024h-8V184h8c17.7%200%2024%206.3%2024%2024v96z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M416%20140h-16v-6c8.9-9%2016-22.9%2016-38%200-35.3-28.7-64-64-64-16.3%200-31.1%206.1-42.4%2016.1C297.2%2038%20281.4%2032%20264.2%2032c-15.8%200-30.4%205.1-42.3%2013.7C212%2037.2%20199%2032%20184.9%2032c-17.1%200-32.4%207.6-42.8%2019.5-11.7-12-28-19.5-46.1-19.5-35.3%200-64%2028.7-64%2064%200%2016.2%206.1%2031%2016%2042.3V193c0%2026.5%2021.5%2048%2048%2048v174.5c0%2035.3%2028.8%2064.5%2064.2%2064.5H336c35.3%200%2064.1-29.2%2064.1-64.5V372h16c50%200%2064-32.7%2064-68v-96c-.1-35.3-17.1-68-64.1-68zm-64%2052H144v-53.7c.3-.4.7-.8%201-1.2%201.2-1.5%202.4-3%203.5-4.6%201.5%201.2%203%202.4%204.6%203.4%209.1%206.1%2020%209.7%2031.7%209.7%206.4%200%2012.6-1.1%2018.3-3%2012.8%2020.2%2035.3%2033.7%2061%2033.7%2022%200%2041.7-9.9%2054.9-25.4%205.7-6.7%2010.2-14.4%2013.1-22.9H352v64zM96%20128.1v75c-9%200-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7%200-17.6%2014.4-32%2032-32%2011.8%200%2023.3%207.7%2030.1%2015.4s26.7%207.7%2033.9%200c6.8-7.3%2014.3-15.4%2024.8-15.4%206%200%2011.6%202.2%2015.9%205.8%201.9%201.6%203.6%203.5%204.9%205.6%201.1%201.8%202%204.2%203.1%205.8%202.7%203.4%206.5%205.5%2011.2%205.5%204.4%200%208.3-1.9%2011-5%20.6-.7%201.2-1.5%201.7-2.3%202-2.5%204.2-4.8%206.7-6.8%206.8-5.4%2015.5-8.6%2024.8-8.6%2010.6%200%2020.2%204.1%2027.4%2010.9%201.7%201.6%206.7%204.5%2013.2%205.1%204.5.4%206.1.3%208.2%200%2010.3-1.3%2014.4-4.7%2016.4-6.6%205.8-5.8%2013.8-9.4%2022.6-9.4%2017.6%200%2032%2014.4%2032%2032%20.2%203.1-.3%206.2-1.2%209.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7%208.2c0%208.9-2.9%2017.1-7.8%2023.7-7.3%209.9-19.1%2016.4-32.4%2016.4-14.9%200-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9%200-7.5%201.5-10.2%204l-.1.1c-2.4%202.1-5.3%203.7-8.4%204.7-2.4.8-5%201.2-7.7%201.2-7.5%200-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6%201.3-12.2%2011.7-12.2%2011.7-1.1%202.1-2.4%204-3.9%205.8-6%206.7-15.2%2011-24.2%2011zM432%20304c0%2017.7-6.3%2024-24%2024h-8V184h8c17.7%200%2024%206.3%2024%2024v96z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Md Beer icon — IonIcons · IconsDB