pepper hot icon

pepper-hot from Font Awesome 6 Solid by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.

Name: pepper-hot
Set: Font Awesome 6 Solid
Style: Regular
Category: Food
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

pepper-hotFont Awesome Solid pepper-hot-outlineFlowbite Icons pepper-hotLine Awesome

More food icons from Font Awesome 6 Solid

bacon bone bread-slice candy-cane carrot cheese cloud-meatball egg hotdog lemon pizza-slice stroopwafel

Use the pepper hot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M428.3 3c11.6-6.4 26.2-2.3 32.6 9.3l4.8 8.7c19.3 34.7 19.8 75.7 3.4 110c26.7 28.6 42.9 66.9 42.9 109c0 18.5-3.1 36.3-8.9 52.8c-6.1 17.3-28.5 16.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3H360c-13.3 0-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3 0-30-23.9-10.8-32.9C304.7 85.4 327.7 80 352 80c28.3 0 54.8 7.3 77.8 20.2c5.5-18.2 3.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2 9.3-32.6zM171.2 345.5L264 160h40v80c0 26.5 21.5 48 48 48h76.2l23.9 47.8C372.3 443.9 244.3 512 103.2 512H44.4C19.9 512 0 492.1 0 467.6c0-20.8 14.5-38.8 34.8-43.3l49.8-11.1c37.6-8.4 69.5-33.2 86.7-67.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPepperHot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M428.3 3c11.6-6.4 26.2-2.3 32.6 9.3l4.8 8.7c19.3 34.7 19.8 75.7 3.4 110c26.7 28.6 42.9 66.9 42.9 109c0 18.5-3.1 36.3-8.9 52.8c-6.1 17.3-28.5 16.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3H360c-13.3 0-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3 0-30-23.9-10.8-32.9C304.7 85.4 327.7 80 352 80c28.3 0 54.8 7.3 77.8 20.2c5.5-18.2 3.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2 9.3-32.6zM171.2 345.5L264 160h40v80c0 26.5 21.5 48 48 48h76.2l23.9 47.8C372.3 443.9 244.3 512 103.2 512H44.4C19.9 512 0 492.1 0 467.6c0-20.8 14.5-38.8 34.8-43.3l49.8-11.1c37.6-8.4 69.5-33.2 86.7-67.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M428.3 3c11.6-6.4 26.2-2.3 32.6 9.3l4.8 8.7c19.3 34.7 19.8 75.7 3.4 110c26.7 28.6 42.9 66.9 42.9 109c0 18.5-3.1 36.3-8.9 52.8c-6.1 17.3-28.5 16.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3H360c-13.3 0-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3 0-30-23.9-10.8-32.9C304.7 85.4 327.7 80 352 80c28.3 0 54.8 7.3 77.8 20.2c5.5-18.2 3.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2 9.3-32.6zM171.2 345.5L264 160h40v80c0 26.5 21.5 48 48 48h76.2l23.9 47.8C372.3 443.9 244.3 512 103.2 512H44.4C19.9 512 0 492.1 0 467.6c0-20.8 14.5-38.8 34.8-43.3l49.8-11.1c37.6-8.4 69.5-33.2 86.7-67.7z"/></svg>
</template>

CSS

.icon-pepper-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M428.3%203c11.6-6.4%2026.2-2.3%2032.6%209.3l4.8%208.7c19.3%2034.7%2019.8%2075.7%203.4%20110c26.7%2028.6%2042.9%2066.9%2042.9%20109c0%2018.5-3.1%2036.3-8.9%2052.8c-6.1%2017.3-28.5%2016.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3H360c-13.3%200-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3%200-30-23.9-10.8-32.9C304.7%2085.4%20327.7%2080%20352%2080c28.3%200%2054.8%207.3%2077.8%2020.2c5.5-18.2%203.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2%209.3-32.6zM171.2%20345.5L264%20160h40v80c0%2026.5%2021.5%2048%2048%2048h76.2l23.9%2047.8C372.3%20443.9%20244.3%20512%20103.2%20512H44.4C19.9%20512%200%20492.1%200%20467.6c0-20.8%2014.5-38.8%2034.8-43.3l49.8-11.1c37.6-8.4%2069.5-33.2%2086.7-67.7z%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%20fill%3D%22currentColor%22%20d%3D%22M428.3%203c11.6-6.4%2026.2-2.3%2032.6%209.3l4.8%208.7c19.3%2034.7%2019.8%2075.7%203.4%20110c26.7%2028.6%2042.9%2066.9%2042.9%20109c0%2018.5-3.1%2036.3-8.9%2052.8c-6.1%2017.3-28.5%2016.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3H360c-13.3%200-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3%200-30-23.9-10.8-32.9C304.7%2085.4%20327.7%2080%20352%2080c28.3%200%2054.8%207.3%2077.8%2020.2c5.5-18.2%203.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2%209.3-32.6zM171.2%20345.5L264%20160h40v80c0%2026.5%2021.5%2048%2048%2048h76.2l23.9%2047.8C372.3%20443.9%20244.3%20512%20103.2%20512H44.4C19.9%20512%200%20492.1%200%20467.6c0-20.8%2014.5-38.8%2034.8-43.3l49.8-11.1c37.6-8.4%2069.5-33.2%2086.7-67.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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