avocado emoji

avocado from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.

Name: avocado
Set: Emoji One (Colored)
Style: Default
Category: Food
Viewbox: 64×64
License: CC BY 4.0

The same emoji in other sets

avocadoFluent Emoji avocadoFluent Emoji Flat avocadoFluent Emoji High Contrast avocadoHuge Icons avocadoIconPark avocadoIconPark Outline avocadoIconPark Solid avocadoIconPark TwoTone avocadoLucide Lab avocadoNoto Emoji avocadoOpenMoji avocadoPhosphor avocadoTabler Icons avocadoTwitter Emoji

More food icons from Emoji One (Colored)

Use the avocado emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="m52.2 7.9l2.5 2.6L60 7c2.2-.3 3.2-5-2.8-3.5c-1.5.4-3.8 1.5-5 4.4"/><path fill="#594640" d="M61.1 7c1.8-.7.5-2.8.5-2.8s.4 1.5-2.4 1.9c-4.1.6-5.2 3.6-5.2 3.6l.7.7s2.4-1.8 6.4-3.4"/><path fill="#699635" d="M53.5 6c8.8 9.3 1.2 23.3-7.6 39.5c-.7 1.4-1.5 2.7-2.2 4.1C37.5 61.1 28.4 62.3 23.5 62c-5.5-.4-11-3-14.7-6.9c-3.8-4-6.3-9.8-6.7-15.7c-.4-5.2.5-15.1 11.1-22c1.2-.8 2.5-1.6 3.7-2.4C31.8 5.2 44.7-3.3 53.5 6"/><g fill="#c7e755"><path d="M15 19.9C29.5 10.5 44.3-.5 52 7.7c7.7 8.1-7.5 18.6-16 34.5C27.5 58 17.1 60.7 10.2 53.5C3.4 46.2.4 29.4 15 19.9"/><path d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2"/></g><path fill="#ffce31" d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2" opacity=".33"/><path fill="#89664c" d="M17.2 27c6-6.6 14.8-6 16.6-2S33 35 29 39.4c-4.1 4.4-9.6 7.3-13.3 5.5c-3.8-1.8-4.5-11.3 1.5-17.9"/><path fill="#d3976e" d="M16.5 33.6c2.6-3.8 5.3-4.8 4.8-3.9c-.4.9-1.8 3.1-2.6 5.1c-.9 2-1.4 3.7-2.4 4.3c-1 .8-2.3-1.4.2-5.5"/><path fill="#594640" d="M26.4 36.7c-3.5 3.7-7.7 6.6-11.7 7.5c.3.3.6.6 1 .7c3.8 1.9 9.2-1 13.3-5.5C33 35 35.6 29 33.8 25c-.2-.4-.4-.7-.7-1c-.7 4.2-3.3 8.9-6.7 12.7"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneAvocado(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="m52.2 7.9l2.5 2.6L60 7c2.2-.3 3.2-5-2.8-3.5c-1.5.4-3.8 1.5-5 4.4"/><path fill="#594640" d="M61.1 7c1.8-.7.5-2.8.5-2.8s.4 1.5-2.4 1.9c-4.1.6-5.2 3.6-5.2 3.6l.7.7s2.4-1.8 6.4-3.4"/><path fill="#699635" d="M53.5 6c8.8 9.3 1.2 23.3-7.6 39.5c-.7 1.4-1.5 2.7-2.2 4.1C37.5 61.1 28.4 62.3 23.5 62c-5.5-.4-11-3-14.7-6.9c-3.8-4-6.3-9.8-6.7-15.7c-.4-5.2.5-15.1 11.1-22c1.2-.8 2.5-1.6 3.7-2.4C31.8 5.2 44.7-3.3 53.5 6"/><g fill="#c7e755"><path d="M15 19.9C29.5 10.5 44.3-.5 52 7.7c7.7 8.1-7.5 18.6-16 34.5C27.5 58 17.1 60.7 10.2 53.5C3.4 46.2.4 29.4 15 19.9"/><path d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2"/></g><path fill="#ffce31" d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2" opacity=".33"/><path fill="#89664c" d="M17.2 27c6-6.6 14.8-6 16.6-2S33 35 29 39.4c-4.1 4.4-9.6 7.3-13.3 5.5c-3.8-1.8-4.5-11.3 1.5-17.9"/><path fill="#d3976e" d="M16.5 33.6c2.6-3.8 5.3-4.8 4.8-3.9c-.4.9-1.8 3.1-2.6 5.1c-.9 2-1.4 3.7-2.4 4.3c-1 .8-2.3-1.4.2-5.5"/><path fill="#594640" d="M26.4 36.7c-3.5 3.7-7.7 6.6-11.7 7.5c.3.3.6.6 1 .7c3.8 1.9 9.2-1 13.3-5.5C33 35 35.6 29 33.8 25c-.2-.4-.4-.7-.7-1c-.7 4.2-3.3 8.9-6.7 12.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="m52.2 7.9l2.5 2.6L60 7c2.2-.3 3.2-5-2.8-3.5c-1.5.4-3.8 1.5-5 4.4"/><path fill="#594640" d="M61.1 7c1.8-.7.5-2.8.5-2.8s.4 1.5-2.4 1.9c-4.1.6-5.2 3.6-5.2 3.6l.7.7s2.4-1.8 6.4-3.4"/><path fill="#699635" d="M53.5 6c8.8 9.3 1.2 23.3-7.6 39.5c-.7 1.4-1.5 2.7-2.2 4.1C37.5 61.1 28.4 62.3 23.5 62c-5.5-.4-11-3-14.7-6.9c-3.8-4-6.3-9.8-6.7-15.7c-.4-5.2.5-15.1 11.1-22c1.2-.8 2.5-1.6 3.7-2.4C31.8 5.2 44.7-3.3 53.5 6"/><g fill="#c7e755"><path d="M15 19.9C29.5 10.5 44.3-.5 52 7.7c7.7 8.1-7.5 18.6-16 34.5C27.5 58 17.1 60.7 10.2 53.5C3.4 46.2.4 29.4 15 19.9"/><path d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2"/></g><path fill="#ffce31" d="M11.8 51.8c1.6 1.6 3.3 2.5 5.3 2.6c5.5.4 11.6-4.8 16.7-14.2c2.9-5.5 6.6-10.3 9.9-14.6c5.2-6.7 10-13.1 6.9-16.4c-5.3-5.6-19 3.4-30 10.7c-1.2.8-2.5 1.6-3.7 2.4c-9.1 5.9-9.9 14-9.6 18.3c.3 4.4 2 8.6 4.5 11.2" opacity=".33"/><path fill="#89664c" d="M17.2 27c6-6.6 14.8-6 16.6-2S33 35 29 39.4c-4.1 4.4-9.6 7.3-13.3 5.5c-3.8-1.8-4.5-11.3 1.5-17.9"/><path fill="#d3976e" d="M16.5 33.6c2.6-3.8 5.3-4.8 4.8-3.9c-.4.9-1.8 3.1-2.6 5.1c-.9 2-1.4 3.7-2.4 4.3c-1 .8-2.3-1.4.2-5.5"/><path fill="#594640" d="M26.4 36.7c-3.5 3.7-7.7 6.6-11.7 7.5c.3.3.6.6 1 .7c3.8 1.9 9.2-1 13.3-5.5C33 35 35.6 29 33.8 25c-.2-.4-.4-.7-.7-1c-.7 4.2-3.3 8.9-6.7 12.7"/></svg>
</template>

CSS

.icon-avocado {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22m52.2%207.9l2.5%202.6L60%207c2.2-.3%203.2-5-2.8-3.5c-1.5.4-3.8%201.5-5%204.4%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M61.1%207c1.8-.7.5-2.8.5-2.8s.4%201.5-2.4%201.9c-4.1.6-5.2%203.6-5.2%203.6l.7.7s2.4-1.8%206.4-3.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M53.5%206c8.8%209.3%201.2%2023.3-7.6%2039.5c-.7%201.4-1.5%202.7-2.2%204.1C37.5%2061.1%2028.4%2062.3%2023.5%2062c-5.5-.4-11-3-14.7-6.9c-3.8-4-6.3-9.8-6.7-15.7c-.4-5.2.5-15.1%2011.1-22c1.2-.8%202.5-1.6%203.7-2.4C31.8%205.2%2044.7-3.3%2053.5%206%22%2F%3E%3Cg%20fill%3D%22%23c7e755%22%3E%3Cpath%20d%3D%22M15%2019.9C29.5%2010.5%2044.3-.5%2052%207.7c7.7%208.1-7.5%2018.6-16%2034.5C27.5%2058%2017.1%2060.7%2010.2%2053.5C3.4%2046.2.4%2029.4%2015%2019.9%22%2F%3E%3Cpath%20d%3D%22M11.8%2051.8c1.6%201.6%203.3%202.5%205.3%202.6c5.5.4%2011.6-4.8%2016.7-14.2c2.9-5.5%206.6-10.3%209.9-14.6c5.2-6.7%2010-13.1%206.9-16.4c-5.3-5.6-19%203.4-30%2010.7c-1.2.8-2.5%201.6-3.7%202.4c-9.1%205.9-9.9%2014-9.6%2018.3c.3%204.4%202%208.6%204.5%2011.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M11.8%2051.8c1.6%201.6%203.3%202.5%205.3%202.6c5.5.4%2011.6-4.8%2016.7-14.2c2.9-5.5%206.6-10.3%209.9-14.6c5.2-6.7%2010-13.1%206.9-16.4c-5.3-5.6-19%203.4-30%2010.7c-1.2.8-2.5%201.6-3.7%202.4c-9.1%205.9-9.9%2014-9.6%2018.3c.3%204.4%202%208.6%204.5%2011.2%22%20opacity%3D%22.33%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M17.2%2027c6-6.6%2014.8-6%2016.6-2S33%2035%2029%2039.4c-4.1%204.4-9.6%207.3-13.3%205.5c-3.8-1.8-4.5-11.3%201.5-17.9%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M16.5%2033.6c2.6-3.8%205.3-4.8%204.8-3.9c-.4.9-1.8%203.1-2.6%205.1c-.9%202-1.4%203.7-2.4%204.3c-1%20.8-2.3-1.4.2-5.5%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M26.4%2036.7c-3.5%203.7-7.7%206.6-11.7%207.5c.3.3.6.6%201%20.7c3.8%201.9%209.2-1%2013.3-5.5C33%2035%2035.6%2029%2033.8%2025c-.2-.4-.4-.7-.7-1c-.7%204.2-3.3%208.9-6.7%2012.7%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22m52.2%207.9l2.5%202.6L60%207c2.2-.3%203.2-5-2.8-3.5c-1.5.4-3.8%201.5-5%204.4%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M61.1%207c1.8-.7.5-2.8.5-2.8s.4%201.5-2.4%201.9c-4.1.6-5.2%203.6-5.2%203.6l.7.7s2.4-1.8%206.4-3.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M53.5%206c8.8%209.3%201.2%2023.3-7.6%2039.5c-.7%201.4-1.5%202.7-2.2%204.1C37.5%2061.1%2028.4%2062.3%2023.5%2062c-5.5-.4-11-3-14.7-6.9c-3.8-4-6.3-9.8-6.7-15.7c-.4-5.2.5-15.1%2011.1-22c1.2-.8%202.5-1.6%203.7-2.4C31.8%205.2%2044.7-3.3%2053.5%206%22%2F%3E%3Cg%20fill%3D%22%23c7e755%22%3E%3Cpath%20d%3D%22M15%2019.9C29.5%2010.5%2044.3-.5%2052%207.7c7.7%208.1-7.5%2018.6-16%2034.5C27.5%2058%2017.1%2060.7%2010.2%2053.5C3.4%2046.2.4%2029.4%2015%2019.9%22%2F%3E%3Cpath%20d%3D%22M11.8%2051.8c1.6%201.6%203.3%202.5%205.3%202.6c5.5.4%2011.6-4.8%2016.7-14.2c2.9-5.5%206.6-10.3%209.9-14.6c5.2-6.7%2010-13.1%206.9-16.4c-5.3-5.6-19%203.4-30%2010.7c-1.2.8-2.5%201.6-3.7%202.4c-9.1%205.9-9.9%2014-9.6%2018.3c.3%204.4%202%208.6%204.5%2011.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M11.8%2051.8c1.6%201.6%203.3%202.5%205.3%202.6c5.5.4%2011.6-4.8%2016.7-14.2c2.9-5.5%206.6-10.3%209.9-14.6c5.2-6.7%2010-13.1%206.9-16.4c-5.3-5.6-19%203.4-30%2010.7c-1.2.8-2.5%201.6-3.7%202.4c-9.1%205.9-9.9%2014-9.6%2018.3c.3%204.4%202%208.6%204.5%2011.2%22%20opacity%3D%22.33%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M17.2%2027c6-6.6%2014.8-6%2016.6-2S33%2035%2029%2039.4c-4.1%204.4-9.6%207.3-13.3%205.5c-3.8-1.8-4.5-11.3%201.5-17.9%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M16.5%2033.6c2.6-3.8%205.3-4.8%204.8-3.9c-.4.9-1.8%203.1-2.6%205.1c-.9%202-1.4%203.7-2.4%204.3c-1%20.8-2.3-1.4.2-5.5%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M26.4%2036.7c-3.5%203.7-7.7%206.6-11.7%207.5c.3.3.6.6%201%20.7c3.8%201.9%209.2-1%2013.3-5.5C33%2035%2035.6%2029%2033.8%2025c-.2-.4-.4-.7-.7-1c-.7%204.2-3.3%208.9-6.7%2012.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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