pepper hot icon

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

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

The same icon in other sets

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

More food icons from Font Awesome Solid

bacon bone bread-slice candy-cane carrot cheese cloud-meatball egg hamburger 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 640 640"><path fill="currentColor" d="M577 129c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-32.2 32.1C484.3 107.6 451.5 96 416 96c-35.1 0-67.5 11.3-93.9 30.4c-16 11.7-5.9 33.6 13.9 33.6h24c13.3 0 24 10.7 24 24v80c0 13.3 10.7 24 24 24h80c13.3 0 24 10.7 24 24v24c0 19.8 21.9 29.9 33.6 13.9c19.1-26.4 30.4-58.8 30.4-93.9c0-35.5-11.6-68.3-31.2-94.9zm-275 70.5l-159.6 228c-9.1 12.9-23.7 20.5-39.4 20.5h-7c-26.5 0-48 21.5-48 48s21.5 48 48 48h27.1c65.7 0 129.7-20.2 183.5-57.8l165.9-116.1c-5.5-10.2-8.5-21.9-8.5-34.1h-56c-39.8 0-72-32.2-72-72v-56c-12.2 0-23.9-3-34-8.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPepperHot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M577 129c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-32.2 32.1C484.3 107.6 451.5 96 416 96c-35.1 0-67.5 11.3-93.9 30.4c-16 11.7-5.9 33.6 13.9 33.6h24c13.3 0 24 10.7 24 24v80c0 13.3 10.7 24 24 24h80c13.3 0 24 10.7 24 24v24c0 19.8 21.9 29.9 33.6 13.9c19.1-26.4 30.4-58.8 30.4-93.9c0-35.5-11.6-68.3-31.2-94.9zm-275 70.5l-159.6 228c-9.1 12.9-23.7 20.5-39.4 20.5h-7c-26.5 0-48 21.5-48 48s21.5 48 48 48h27.1c65.7 0 129.7-20.2 183.5-57.8l165.9-116.1c-5.5-10.2-8.5-21.9-8.5-34.1h-56c-39.8 0-72-32.2-72-72v-56c-12.2 0-23.9-3-34-8.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M577 129c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-32.2 32.1C484.3 107.6 451.5 96 416 96c-35.1 0-67.5 11.3-93.9 30.4c-16 11.7-5.9 33.6 13.9 33.6h24c13.3 0 24 10.7 24 24v80c0 13.3 10.7 24 24 24h80c13.3 0 24 10.7 24 24v24c0 19.8 21.9 29.9 33.6 13.9c19.1-26.4 30.4-58.8 30.4-93.9c0-35.5-11.6-68.3-31.2-94.9zm-275 70.5l-159.6 228c-9.1 12.9-23.7 20.5-39.4 20.5h-7c-26.5 0-48 21.5-48 48s21.5 48 48 48h27.1c65.7 0 129.7-20.2 183.5-57.8l165.9-116.1c-5.5-10.2-8.5-21.9-8.5-34.1h-56c-39.8 0-72-32.2-72-72v-56c-12.2 0-23.9-3-34-8.5"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M577%20129c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-32.2%2032.1C484.3%20107.6%20451.5%2096%20416%2096c-35.1%200-67.5%2011.3-93.9%2030.4c-16%2011.7-5.9%2033.6%2013.9%2033.6h24c13.3%200%2024%2010.7%2024%2024v80c0%2013.3%2010.7%2024%2024%2024h80c13.3%200%2024%2010.7%2024%2024v24c0%2019.8%2021.9%2029.9%2033.6%2013.9c19.1-26.4%2030.4-58.8%2030.4-93.9c0-35.5-11.6-68.3-31.2-94.9zm-275%2070.5l-159.6%20228c-9.1%2012.9-23.7%2020.5-39.4%2020.5h-7c-26.5%200-48%2021.5-48%2048s21.5%2048%2048%2048h27.1c65.7%200%20129.7-20.2%20183.5-57.8l165.9-116.1c-5.5-10.2-8.5-21.9-8.5-34.1h-56c-39.8%200-72-32.2-72-72v-56c-12.2%200-23.9-3-34-8.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M577%20129c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-32.2%2032.1C484.3%20107.6%20451.5%2096%20416%2096c-35.1%200-67.5%2011.3-93.9%2030.4c-16%2011.7-5.9%2033.6%2013.9%2033.6h24c13.3%200%2024%2010.7%2024%2024v80c0%2013.3%2010.7%2024%2024%2024h80c13.3%200%2024%2010.7%2024%2024v24c0%2019.8%2021.9%2029.9%2033.6%2013.9c19.1-26.4%2030.4-58.8%2030.4-93.9c0-35.5-11.6-68.3-31.2-94.9zm-275%2070.5l-159.6%20228c-9.1%2012.9-23.7%2020.5-39.4%2020.5h-7c-26.5%200-48%2021.5-48%2048s21.5%2048%2048%2048h27.1c65.7%200%20129.7-20.2%20183.5-57.8l165.9-116.1c-5.5-10.2-8.5-21.9-8.5-34.1h-56c-39.8%200-72-32.2-72-72v-56c-12.2%200-23.9-3-34-8.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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