fruit pineapple icon

fruit-pineapple from Material Design Icons by Pictogrammers · Filled · Agriculture · Apache-2.0 Free for personal and commercial use.

Name: fruit-pineapple
Set: Material Design Icons
Style: Filled
Category: Agriculture
Viewbox: 24×24
License: Apache 2.0
Aliases: fruit-ananas

More agriculture icons from Material Design Icons

Use the fruit pineapple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 7.7C16.4 6.4 19 7 19 7c-1.8-2.4-3.9-2.3-5.4-1.8V5c1.1-1.6 3.3-1.5 3.3-1.5c-1.6-1.4-3-1-3.9-.5c-.5-1.2-1-2-1-2c-.4.7-.7 1.4-1 2.1c-.9-.6-2.4-1-4 .4c0 0 2.3 0 3.4 1.7C8.9 4.7 6.8 4.6 5 7c0 0 2.6-.6 4.6.7C7.5 8.9 6 11.7 6 15c0 4.4 2.7 8 6 8s6-3.6 6-8c0-3.3-1.5-6.1-3.6-7.3m1.4 9.1c-.1.4-.2.8-.4 1.2L14 16l-1.5 2l1.6 2.1c-.3.2-.5.4-.8.6L12 19l-1.3 1.7c-.3-.1-.6-.3-.8-.6l1.6-2.1l-1.5-2l-1.5 1.9c-.1-.4-.3-.8-.4-1.2L9.5 15l-1.3-1.8c.1-.4.2-.8.4-1.2l1.4 2l1.5-2l-1.6-2.1c.3-.2.5-.4.8-.6L12 11l1.3-1.7c.3.1.6.3.8.6L12.5 12l1.5 2l1.5-1.9c.1.4.3.8.4 1.2L14.5 15zM12 13l1.5 2l-1.5 2l-1.5-2z"/></svg>

React

import type { SVGProps } from "react";

export function MdiFruitPineapple(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="M14.4 7.7C16.4 6.4 19 7 19 7c-1.8-2.4-3.9-2.3-5.4-1.8V5c1.1-1.6 3.3-1.5 3.3-1.5c-1.6-1.4-3-1-3.9-.5c-.5-1.2-1-2-1-2c-.4.7-.7 1.4-1 2.1c-.9-.6-2.4-1-4 .4c0 0 2.3 0 3.4 1.7C8.9 4.7 6.8 4.6 5 7c0 0 2.6-.6 4.6.7C7.5 8.9 6 11.7 6 15c0 4.4 2.7 8 6 8s6-3.6 6-8c0-3.3-1.5-6.1-3.6-7.3m1.4 9.1c-.1.4-.2.8-.4 1.2L14 16l-1.5 2l1.6 2.1c-.3.2-.5.4-.8.6L12 19l-1.3 1.7c-.3-.1-.6-.3-.8-.6l1.6-2.1l-1.5-2l-1.5 1.9c-.1-.4-.3-.8-.4-1.2L9.5 15l-1.3-1.8c.1-.4.2-.8.4-1.2l1.4 2l1.5-2l-1.6-2.1c.3-.2.5-.4.8-.6L12 11l1.3-1.7c.3.1.6.3.8.6L12.5 12l1.5 2l1.5-1.9c.1.4.3.8.4 1.2L14.5 15zM12 13l1.5 2l-1.5 2l-1.5-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 7.7C16.4 6.4 19 7 19 7c-1.8-2.4-3.9-2.3-5.4-1.8V5c1.1-1.6 3.3-1.5 3.3-1.5c-1.6-1.4-3-1-3.9-.5c-.5-1.2-1-2-1-2c-.4.7-.7 1.4-1 2.1c-.9-.6-2.4-1-4 .4c0 0 2.3 0 3.4 1.7C8.9 4.7 6.8 4.6 5 7c0 0 2.6-.6 4.6.7C7.5 8.9 6 11.7 6 15c0 4.4 2.7 8 6 8s6-3.6 6-8c0-3.3-1.5-6.1-3.6-7.3m1.4 9.1c-.1.4-.2.8-.4 1.2L14 16l-1.5 2l1.6 2.1c-.3.2-.5.4-.8.6L12 19l-1.3 1.7c-.3-.1-.6-.3-.8-.6l1.6-2.1l-1.5-2l-1.5 1.9c-.1-.4-.3-.8-.4-1.2L9.5 15l-1.3-1.8c.1-.4.2-.8.4-1.2l1.4 2l1.5-2l-1.6-2.1c.3-.2.5-.4.8-.6L12 11l1.3-1.7c.3.1.6.3.8.6L12.5 12l1.5 2l1.5-1.9c.1.4.3.8.4 1.2L14.5 15zM12 13l1.5 2l-1.5 2l-1.5-2z"/></svg>
</template>

CSS

.icon-fruit-pineapple {
  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%22M14.4%207.7C16.4%206.4%2019%207%2019%207c-1.8-2.4-3.9-2.3-5.4-1.8V5c1.1-1.6%203.3-1.5%203.3-1.5c-1.6-1.4-3-1-3.9-.5c-.5-1.2-1-2-1-2c-.4.7-.7%201.4-1%202.1c-.9-.6-2.4-1-4%20.4c0%200%202.3%200%203.4%201.7C8.9%204.7%206.8%204.6%205%207c0%200%202.6-.6%204.6.7C7.5%208.9%206%2011.7%206%2015c0%204.4%202.7%208%206%208s6-3.6%206-8c0-3.3-1.5-6.1-3.6-7.3m1.4%209.1c-.1.4-.2.8-.4%201.2L14%2016l-1.5%202l1.6%202.1c-.3.2-.5.4-.8.6L12%2019l-1.3%201.7c-.3-.1-.6-.3-.8-.6l1.6-2.1l-1.5-2l-1.5%201.9c-.1-.4-.3-.8-.4-1.2L9.5%2015l-1.3-1.8c.1-.4.2-.8.4-1.2l1.4%202l1.5-2l-1.6-2.1c.3-.2.5-.4.8-.6L12%2011l1.3-1.7c.3.1.6.3.8.6L12.5%2012l1.5%202l1.5-1.9c.1.4.3.8.4%201.2L14.5%2015zM12%2013l1.5%202l-1.5%202l-1.5-2z%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%22M14.4%207.7C16.4%206.4%2019%207%2019%207c-1.8-2.4-3.9-2.3-5.4-1.8V5c1.1-1.6%203.3-1.5%203.3-1.5c-1.6-1.4-3-1-3.9-.5c-.5-1.2-1-2-1-2c-.4.7-.7%201.4-1%202.1c-.9-.6-2.4-1-4%20.4c0%200%202.3%200%203.4%201.7C8.9%204.7%206.8%204.6%205%207c0%200%202.6-.6%204.6.7C7.5%208.9%206%2011.7%206%2015c0%204.4%202.7%208%206%208s6-3.6%206-8c0-3.3-1.5-6.1-3.6-7.3m1.4%209.1c-.1.4-.2.8-.4%201.2L14%2016l-1.5%202l1.6%202.1c-.3.2-.5.4-.8.6L12%2019l-1.3%201.7c-.3-.1-.6-.3-.8-.6l1.6-2.1l-1.5-2l-1.5%201.9c-.1-.4-.3-.8-.4-1.2L9.5%2015l-1.3-1.8c.1-.4.2-.8.4-1.2l1.4%202l1.5-2l-1.6-2.1c.3-.2.5-.4.8-.6L12%2011l1.3-1.7c.3.1.6.3.8.6L12.5%2012l1.5%202l1.5-1.9c.1.4.3.8.4%201.2L14.5%2015zM12%2013l1.5%202l-1.5%202l-1.5-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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