Gentleface › Food & drink › pepper
pepper icon
pepperPepper: spicy, chili pepper, chili, chilli. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.189 3.921C13.73 4.539 14 5.399 14 6.5C14 7.418 13.756 8.332 13.269 9.244C12.841 10.045 12.241 10.813 11.47 11.549C10.777 12.21 9.993 12.803 9.116 13.328C8.291 13.821 7.472 14.203 6.658 14.474C5.959 14.707 5.085 14.861 4.036 14.936C3.44 14.979 2.595 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.404 1.025 14.317 1.074 14.237C1.124 14.157 1.191 14.096 1.276 14.053C2.45 13.466 3.472 12.873 4.342 12.275C5.417 11.536 6.164 10.852 6.584 10.223C7.106 9.439 7.465 8.803 7.661 8.314C7.887 7.749 8 7.144 8 6.5C8 5.399 8.27 4.539 8.811 3.921C9.08 3.613 9.405 3.381 9.787 3.225C10.015 3.131 10.259 3.067 10.518 3.032C10.532 2.865 10.553 2.712 10.583 2.574C10.646 2.275 10.75 2.021 10.894 1.812C11.186 1.388 11.657 1.132 12.308 1.042C12.445 1.023 12.568 1.056 12.678 1.139C12.788 1.222 12.853 1.332 12.871 1.469C12.89 1.606 12.858 1.729 12.775 1.839C12.691 1.949 12.581 2.014 12.444 2.033C12.085 2.082 11.843 2.198 11.718 2.379C11.619 2.523 11.554 2.742 11.522 3.037C11.766 3.073 11.997 3.136 12.213 3.225C12.595 3.381 12.92 3.613 13.189 3.921ZM11 7.125C11.372 7.125 11.737 7.046 12.094 6.887C12.412 6.746 12.712 6.547 12.996 6.29C12.967 5.543 12.78 4.973 12.436 4.579C12.098 4.193 11.62 4 11 4C10.38 4 9.902 4.193 9.564 4.579C9.22 4.973 9.033 5.543 9.004 6.29C9.288 6.547 9.588 6.746 9.906 6.887C10.263 7.046 10.628 7.125 11 7.125ZM8.09 9.701C7.918 10.003 7.693 10.362 7.416 10.777C6.925 11.513 6.089 12.288 4.908 13.1C4.487 13.389 4.033 13.677 3.545 13.963C3.697 13.956 3.837 13.948 3.964 13.939C4.93 13.87 5.723 13.732 6.342 13.526C7.087 13.277 7.84 12.925 8.603 12.469C9.415 11.983 10.141 11.436 10.78 10.826C11.473 10.164 12.009 9.479 12.387 8.772C12.592 8.388 12.746 8.006 12.848 7.626C12.734 7.69 12.618 7.748 12.5 7.801C12.013 8.017 11.513 8.125 11 8.125C10.487 8.125 9.987 8.017 9.5 7.801C9.301 7.712 9.108 7.607 8.922 7.486C8.854 7.9 8.744 8.3 8.589 8.686C8.463 9.002 8.296 9.341 8.09 9.701Z"/></svg>
// Gentleface "pepper" (line-round), MIT. https://gentleface.com/icons/pepper
import type { SVGProps } from 'react';
export function PepperIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M13.189 3.921C13.73 4.539 14 5.399 14 6.5C14 7.418 13.756 8.332 13.269 9.244C12.841 10.045 12.241 10.813 11.47 11.549C10.777 12.21 9.993 12.803 9.116 13.328C8.291 13.821 7.472 14.203 6.658 14.474C5.959 14.707 5.085 14.861 4.036 14.936C3.44 14.979 2.595 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.404 1.025 14.317 1.074 14.237C1.124 14.157 1.191 14.096 1.276 14.053C2.45 13.466 3.472 12.873 4.342 12.275C5.417 11.536 6.164 10.852 6.584 10.223C7.106 9.439 7.465 8.803 7.661 8.314C7.887 7.749 8 7.144 8 6.5C8 5.399 8.27 4.539 8.811 3.921C9.08 3.613 9.405 3.381 9.787 3.225C10.015 3.131 10.259 3.067 10.518 3.032C10.532 2.865 10.553 2.712 10.583 2.574C10.646 2.275 10.75 2.021 10.894 1.812C11.186 1.388 11.657 1.132 12.308 1.042C12.445 1.023 12.568 1.056 12.678 1.139C12.788 1.222 12.853 1.332 12.871 1.469C12.89 1.606 12.858 1.729 12.775 1.839C12.691 1.949 12.581 2.014 12.444 2.033C12.085 2.082 11.843 2.198 11.718 2.379C11.619 2.523 11.554 2.742 11.522 3.037C11.766 3.073 11.997 3.136 12.213 3.225C12.595 3.381 12.92 3.613 13.189 3.921ZM11 7.125C11.372 7.125 11.737 7.046 12.094 6.887C12.412 6.746 12.712 6.547 12.996 6.29C12.967 5.543 12.78 4.973 12.436 4.579C12.098 4.193 11.62 4 11 4C10.38 4 9.902 4.193 9.564 4.579C9.22 4.973 9.033 5.543 9.004 6.29C9.288 6.547 9.588 6.746 9.906 6.887C10.263 7.046 10.628 7.125 11 7.125ZM8.09 9.701C7.918 10.003 7.693 10.362 7.416 10.777C6.925 11.513 6.089 12.288 4.908 13.1C4.487 13.389 4.033 13.677 3.545 13.963C3.697 13.956 3.837 13.948 3.964 13.939C4.93 13.87 5.723 13.732 6.342 13.526C7.087 13.277 7.84 12.925 8.603 12.469C9.415 11.983 10.141 11.436 10.78 10.826C11.473 10.164 12.009 9.479 12.387 8.772C12.592 8.388 12.746 8.006 12.848 7.626C12.734 7.69 12.618 7.748 12.5 7.801C12.013 8.017 11.513 8.125 11 8.125C10.487 8.125 9.987 8.017 9.5 7.801C9.301 7.712 9.108 7.607 8.922 7.486C8.854 7.9 8.744 8.3 8.589 8.686C8.463 9.002 8.296 9.341 8.09 9.701Z" />
</svg>
);
}Vue: see /icons/pepper.md
Svelte: see /icons/pepper.md
HTML img: see /icons/pepper.md
CSS: see /icons/pepper.md
Data URL: see /icons/pepper.md
Sprite: see /icons/pepper.md
SwiftUI: see /icons/pepper.md
Compose: see /icons/pepper.md
Android XML: see /icons/pepper.md
Flutter: see /icons/pepper.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { PepperIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- spicy, chili pepper, chili, chilli, spiciness
- Don’t confuse with
flame: flame owns hot and trending
- Tags
- pepper, chili, chili-pepper, chilli, jalapeno, hot-pepper, spicy, hot, spice, heat, vegetable, mexican, food
- Category
- Food & drink
- Component name
PepperIcon- History
- released in 0.2.0
- added
- Since
- version 0.2.0
More food & drink icons
apple avocado banana barrel bean bean-off beef beer bottle bowl bowl-chopsticks bread broccoli burger cake cake-slice · all food & drink icons
For agents
Metadata: /icons/pepper.json · Markdown: /icons/pepper.md · SVG: https://gentleface.com/svg/{style}/16/pepper.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/pepper.png