chili hot icon

chili-hot from Material Design Icons by Pictogrammers · Filled · Food / Drink · Apache-2.0 Free for personal and commercial use.

Name: chili-hot
Set: Material Design Icons
Style: Filled
Category: Food / Drink
Viewbox: 24×24
License: Apache 2.0
Aliases: chilli-hot, pepper, spicy

1 other variant in Material Design Icons

chili-hot-outline

More food / drink icons from Material Design Icons

Use the chili hot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.43 7.32l-1.57-.9C9.38 5.6 10.11 5 10.94 4.7A.99.99 0 0 0 10 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M10 11c0-.77.23-1.5.6-2.09l-1.34-.76C8.5 8.44 8 9.16 8 10v1c0 7.05 4.9 9.8 7.03 10.66C12.41 19.62 10 16.2 10 11M6.43 7.32l-1.57-.9C5.38 5.6 6.11 5 6.94 4.7A.99.99 0 0 0 6 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M6 11c0-.77.23-1.5.6-2.09l-1.34-.76C4.5 8.44 4 9.16 4 10v1c0 7.05 4.9 9.8 7.03 10.66C8.41 19.62 6 16.2 6 11m13-2.72L17.75 9L16 8l-1.75 1L13 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72m-6.27-1.65l1.52.87l1.75-1l1.75 1l1.52-.87c-.55-.97-1.36-1.69-2.3-1.98A2.996 2.996 0 0 0 14 2v2c.44 0 .8.29.94.69c-.91.31-1.68 1.01-2.21 1.94"/></svg>

React

import type { SVGProps } from "react";

export function MdiChiliHot(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="m10.43 7.32l-1.57-.9C9.38 5.6 10.11 5 10.94 4.7A.99.99 0 0 0 10 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M10 11c0-.77.23-1.5.6-2.09l-1.34-.76C8.5 8.44 8 9.16 8 10v1c0 7.05 4.9 9.8 7.03 10.66C12.41 19.62 10 16.2 10 11M6.43 7.32l-1.57-.9C5.38 5.6 6.11 5 6.94 4.7A.99.99 0 0 0 6 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M6 11c0-.77.23-1.5.6-2.09l-1.34-.76C4.5 8.44 4 9.16 4 10v1c0 7.05 4.9 9.8 7.03 10.66C8.41 19.62 6 16.2 6 11m13-2.72L17.75 9L16 8l-1.75 1L13 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72m-6.27-1.65l1.52.87l1.75-1l1.75 1l1.52-.87c-.55-.97-1.36-1.69-2.3-1.98A2.996 2.996 0 0 0 14 2v2c.44 0 .8.29.94.69c-.91.31-1.68 1.01-2.21 1.94"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.43 7.32l-1.57-.9C9.38 5.6 10.11 5 10.94 4.7A.99.99 0 0 0 10 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M10 11c0-.77.23-1.5.6-2.09l-1.34-.76C8.5 8.44 8 9.16 8 10v1c0 7.05 4.9 9.8 7.03 10.66C12.41 19.62 10 16.2 10 11M6.43 7.32l-1.57-.9C5.38 5.6 6.11 5 6.94 4.7A.99.99 0 0 0 6 4V2c.77 0 1.47.29 2 .77V4c.45 0 .81.3.94.7c-1.11.38-2.01 1.35-2.51 2.62M6 11c0-.77.23-1.5.6-2.09l-1.34-.76C4.5 8.44 4 9.16 4 10v1c0 7.05 4.9 9.8 7.03 10.66C8.41 19.62 6 16.2 6 11m13-2.72L17.75 9L16 8l-1.75 1L13 8.28c-.6.35-1 .99-1 1.72v1c0 9 8 11 8 11V10c0-.73-.4-1.37-1-1.72m-6.27-1.65l1.52.87l1.75-1l1.75 1l1.52-.87c-.55-.97-1.36-1.69-2.3-1.98A2.996 2.996 0 0 0 14 2v2c.44 0 .8.29.94.69c-.91.31-1.68 1.01-2.21 1.94"/></svg>
</template>

CSS

.icon-chili-hot {
  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%22m10.43%207.32l-1.57-.9C9.38%205.6%2010.11%205%2010.94%204.7A.99.99%200%200%200%2010%204V2c.77%200%201.47.29%202%20.77V4c.45%200%20.81.3.94.7c-1.11.38-2.01%201.35-2.51%202.62M10%2011c0-.77.23-1.5.6-2.09l-1.34-.76C8.5%208.44%208%209.16%208%2010v1c0%207.05%204.9%209.8%207.03%2010.66C12.41%2019.62%2010%2016.2%2010%2011M6.43%207.32l-1.57-.9C5.38%205.6%206.11%205%206.94%204.7A.99.99%200%200%200%206%204V2c.77%200%201.47.29%202%20.77V4c.45%200%20.81.3.94.7c-1.11.38-2.01%201.35-2.51%202.62M6%2011c0-.77.23-1.5.6-2.09l-1.34-.76C4.5%208.44%204%209.16%204%2010v1c0%207.05%204.9%209.8%207.03%2010.66C8.41%2019.62%206%2016.2%206%2011m13-2.72L17.75%209L16%208l-1.75%201L13%208.28c-.6.35-1%20.99-1%201.72v1c0%209%208%2011%208%2011V10c0-.73-.4-1.37-1-1.72m-6.27-1.65l1.52.87l1.75-1l1.75%201l1.52-.87c-.55-.97-1.36-1.69-2.3-1.98A2.996%202.996%200%200%200%2014%202v2c.44%200%20.8.29.94.69c-.91.31-1.68%201.01-2.21%201.94%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%22m10.43%207.32l-1.57-.9C9.38%205.6%2010.11%205%2010.94%204.7A.99.99%200%200%200%2010%204V2c.77%200%201.47.29%202%20.77V4c.45%200%20.81.3.94.7c-1.11.38-2.01%201.35-2.51%202.62M10%2011c0-.77.23-1.5.6-2.09l-1.34-.76C8.5%208.44%208%209.16%208%2010v1c0%207.05%204.9%209.8%207.03%2010.66C12.41%2019.62%2010%2016.2%2010%2011M6.43%207.32l-1.57-.9C5.38%205.6%206.11%205%206.94%204.7A.99.99%200%200%200%206%204V2c.77%200%201.47.29%202%20.77V4c.45%200%20.81.3.94.7c-1.11.38-2.01%201.35-2.51%202.62M6%2011c0-.77.23-1.5.6-2.09l-1.34-.76C4.5%208.44%204%209.16%204%2010v1c0%207.05%204.9%209.8%207.03%2010.66C8.41%2019.62%206%2016.2%206%2011m13-2.72L17.75%209L16%208l-1.75%201L13%208.28c-.6.35-1%20.99-1%201.72v1c0%209%208%2011%208%2011V10c0-.73-.4-1.37-1-1.72m-6.27-1.65l1.52.87l1.75-1l1.75%201l1.52-.87c-.55-.97-1.36-1.69-2.3-1.98A2.996%202.996%200%200%200%2014%202v2c.44%200%20.8.29.94.69c-.91.31-1.68%201.01-2.21%201.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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