avocado bean icon

avocado-bean from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: avocado-bean
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: avocado-bean-rounded, avocado-bean-sharp

2 other variants in Material Symbols

avocado-bean-outline avocado-bean-outline-rounded

The same icon in other sets

avocado-beanMaterial Symbols Light

More social icons from Material Symbols

Use the avocado bean icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 23q-1.275 0-2.137-.862T13 20q0-1.25.875-2.125T16 17q.425 0 .713-.288T17 16q0-1.25.875-2.125T20 13t2.125.875T23 16q0 3.025-1.987 5.013T16 23m-6.5-6.5q-.825 0-1.412-.587T7.5 14.5t.588-1.412T9.5 12.5t1.413.588t.587 1.412t-.587 1.413T9.5 16.5m0 5.5q-4.025 0-5.762-2.5T2 14q0-1.875.563-3.988t1.575-3.887t2.387-2.95T9.5 2q1.4 0 2.625.9t2.188 2.338t1.612 3.224t.9 3.538q0 .95-.788 1.575t-.962 1.525q-.5.1-.937.263t-.838.412q.1-.3.15-.612t.05-.663q0-1.65-1.175-2.825T9.5 10.5t-2.825 1.175T5.5 14.5t1.175 2.825T9.5 18.5q.5 0 .975-.112t.9-.338q-.375.875-.413 1.85t.363 1.925q-.425.1-.875.138T9.5 22"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsAvocadoBean(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 23q-1.275 0-2.137-.862T13 20q0-1.25.875-2.125T16 17q.425 0 .713-.288T17 16q0-1.25.875-2.125T20 13t2.125.875T23 16q0 3.025-1.987 5.013T16 23m-6.5-6.5q-.825 0-1.412-.587T7.5 14.5t.588-1.412T9.5 12.5t1.413.588t.587 1.412t-.587 1.413T9.5 16.5m0 5.5q-4.025 0-5.762-2.5T2 14q0-1.875.563-3.988t1.575-3.887t2.387-2.95T9.5 2q1.4 0 2.625.9t2.188 2.338t1.612 3.224t.9 3.538q0 .95-.788 1.575t-.962 1.525q-.5.1-.937.263t-.838.412q.1-.3.15-.612t.05-.663q0-1.65-1.175-2.825T9.5 10.5t-2.825 1.175T5.5 14.5t1.175 2.825T9.5 18.5q.5 0 .975-.112t.9-.338q-.375.875-.413 1.85t.363 1.925q-.425.1-.875.138T9.5 22"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 23q-1.275 0-2.137-.862T13 20q0-1.25.875-2.125T16 17q.425 0 .713-.288T17 16q0-1.25.875-2.125T20 13t2.125.875T23 16q0 3.025-1.987 5.013T16 23m-6.5-6.5q-.825 0-1.412-.587T7.5 14.5t.588-1.412T9.5 12.5t1.413.588t.587 1.412t-.587 1.413T9.5 16.5m0 5.5q-4.025 0-5.762-2.5T2 14q0-1.875.563-3.988t1.575-3.887t2.387-2.95T9.5 2q1.4 0 2.625.9t2.188 2.338t1.612 3.224t.9 3.538q0 .95-.788 1.575t-.962 1.525q-.5.1-.937.263t-.838.412q.1-.3.15-.612t.05-.663q0-1.65-1.175-2.825T9.5 10.5t-2.825 1.175T5.5 14.5t1.175 2.825T9.5 18.5q.5 0 .975-.112t.9-.338q-.375.875-.413 1.85t.363 1.925q-.425.1-.875.138T9.5 22"/></svg>
</template>

CSS

.icon-avocado-bean {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2023q-1.275%200-2.137-.862T13%2020q0-1.25.875-2.125T16%2017q.425%200%20.713-.288T17%2016q0-1.25.875-2.125T20%2013t2.125.875T23%2016q0%203.025-1.987%205.013T16%2023m-6.5-6.5q-.825%200-1.412-.587T7.5%2014.5t.588-1.412T9.5%2012.5t1.413.588t.587%201.412t-.587%201.413T9.5%2016.5m0%205.5q-4.025%200-5.762-2.5T2%2014q0-1.875.563-3.988t1.575-3.887t2.387-2.95T9.5%202q1.4%200%202.625.9t2.188%202.338t1.612%203.224t.9%203.538q0%20.95-.788%201.575t-.962%201.525q-.5.1-.937.263t-.838.412q.1-.3.15-.612t.05-.663q0-1.65-1.175-2.825T9.5%2010.5t-2.825%201.175T5.5%2014.5t1.175%202.825T9.5%2018.5q.5%200%20.975-.112t.9-.338q-.375.875-.413%201.85t.363%201.925q-.425.1-.875.138T9.5%2022%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2023q-1.275%200-2.137-.862T13%2020q0-1.25.875-2.125T16%2017q.425%200%20.713-.288T17%2016q0-1.25.875-2.125T20%2013t2.125.875T23%2016q0%203.025-1.987%205.013T16%2023m-6.5-6.5q-.825%200-1.412-.587T7.5%2014.5t.588-1.412T9.5%2012.5t1.413.588t.587%201.412t-.587%201.413T9.5%2016.5m0%205.5q-4.025%200-5.762-2.5T2%2014q0-1.875.563-3.988t1.575-3.887t2.387-2.95T9.5%202q1.4%200%202.625.9t2.188%202.338t1.612%203.224t.9%203.538q0%20.95-.788%201.575t-.962%201.525q-.5.1-.937.263t-.838.412q.1-.3.15-.612t.05-.663q0-1.65-1.175-2.825T9.5%2010.5t-2.825%201.175T5.5%2014.5t1.175%202.825T9.5%2018.5q.5%200%20.975-.112t.9-.338q-.375.875-.413%201.85t.363%201.925q-.425.1-.875.138T9.5%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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